微信是中国使用量最大的手机 App 之一,日活跃用户超过3亿,月活跃用户超过11亿(2019年底统计),市场极大。 2017年,微信正式推出了小程序,允许外部开发者在微信内部运行自己的代码,开展业务。这引发了热烈反响,截止2020年6月,小程序数量已经超过了550万个。 小程序已经成为国内前端的一个重要业务,跟 Web 和手机 App 有着同等的重…
发现一个很有意思的问题,就是把变量与字符串或者数字拼接后类型变成了字符串,而并未执行其中的的 JavaScript 代码。 问题 <ul class="testList"> <li></li> <li></li> <li></li> <li…
有没有经常遇到一些样式每次写都要用百度呢?我收集了一些我平时经常要用到的但又总是记不住的样式。有错误的地方欢迎指正。转载请注明出处。 一、设置input 的placeholder的字体样式 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red; } input…
javascript 中的 alert() 函数,可以在浏览器中以弹出框的形式提示用户一些信息,但如果提示的信息过多,会造成用户的阅读困难,这篇博文飞鸟慕鱼就来说一说关于 alert() 中信息换行的问题。 alert() 中的信息换行,可以使用回车符( \n),换行符(\r),\n\r,以及unicode编码的回车符(\u000a) 和 换行符(…
打开控制台直接跳转页面 //debug调试时跳转页面 var element = new Image(); Object.defineProperty(element,'id',{get:function(){window.location.href="https://www.baidu.com"}}); con…
本文首发于政采云前端博客:深色模式适配指南 背景 随着 iOS 13 的发布,深色模式(Dark Mode)越来越多地出现在大众的视野中,支持深色模式已经成为现代移动应用和网站的一个潮流,前段时间更是因为微信的适配再度引起热议。 深色模式不仅可以大幅减少电量的消耗,减弱强光对比 ,还能提供更好的可视性和沉浸感。 那针对一款 App 应用(原生 + …
一.发送效果 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-cont…
定义和用法 定义 :first-line 伪元素向文本的首行添加特殊样式。 这个伪元素用于设置元素中的第一行文本的样式,而不论该行出现多少单词。 :first-line 只能与块级元素关联。可以应用到首字母的属性是有限的。 注释:下列属性应用于 :first-line 伪元素: font 属性 color 属性 background 属性 word…
定义和用法 定义 :first-letter 伪元素向文本的第一个字母(文字)添加特殊样式。 在 CSS2.1 之前,:first-letter 只能与块级元素关联。CSS2.1 扩大了这个范围,可以与任何元素关联。可以应用到首字母的属性是有限的。 注释:下列属性应用于 :first-letter 伪元素: font 属性 color 属性 bac…
语法 text-transform属性语法 text-transform: none | capitalize | uppercase | lowercase text-transform参数解释: none : 默认无转换发生 capitalize : 将文章中出现每个单词或拼音的第一个字母转换成大写,其余无转换发生 uppercase : 将文…