微信是中国使用量最大的手机 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 : 将文…