chrome插件：网站性能检测工具lighthouse
chrome浏览器扩展程序lighthouse可以检测网页的质量，分别针对网页的Performance、Accessibility、Best Practices、SEO进行检测评分，并给出相应的优化建议，方便站长优化网页的加载速度、搜索引擎排名等。
Performance - 性能检测，如网页的加载速度、响应时间等
Accessibility - 铺助检测，如网页的可访问性问题，HTML代码标...
chrome浏览器form表单input自动填充背景颜色的问题
Chrome浏览器下form表单，点击input输入框选择输入记录自动填充时，输入框背景颜色会改变，这是chrome浏览器内置的表单自动填充背景颜色，查看元素后找到相关css样式如下：
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
tex...
使用javascript把阿拉伯数字转换为中文数字文字
阿拉伯数字0、1、2、3、4、5、6、7、8、9，中文数字一、二、三、四、五、六、七、八、九、十，使用js脚本代码，把列表中的阿拉伯数字序号替换为中文数字文字。
转换函数代码：
function toChinesNum(num){
let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']; //changeNum[0] = "...
Firefox浏览器提示：源映射错误：Error: NetworkError when attempting to fetch resource.
引用一些js脚本文件时，火狐浏览器Firefox出现了源映射错误提示，比如jquery.min.js，提示内容如下：
源映射错误：Error: NetworkError when attempting to fetch resource.
源 URL：https://www.tddx.net/jquery.min.js
源映射 URL：jquery.min.js.map...
CSS3实现歌词进度文字颜色填充变化动态效果
播放音乐时，歌词会随歌曲的进度逐渐填充颜色，不是逐字改变颜色，而是从左向右横向逐个像素改变的，也就是说会出现一个字的左右两边是不同颜色的效果。
这个效果通过CSS3可以实现。
实现思路：
1、background填充一个背景颜色，以及要变化的颜色
2、-webkit-background-clip:text;裁剪出文字的背景，即是楼空文字的意思
3、-w...
jquery设置指定value值的select下拉选中状态
定义一个value，在select下拉选项选中与该值相同的option，设置为选中状态。
html代码
<div class="setSelect">
<select>
<option value="1">阿里云</option>
<option value="2">腾讯</option>
<option valu...
jquery指定option文本值设置select下拉选中状态
通过:contains匹配select下拉选项的option文本值，把和指定文本相同的option设置为选中状态。
html代码
<div class="setSelect">
<select>
<option value="1">阿里云</option>
<option value="2">腾讯</option>
&l...
CSS3响应式自适应尺寸视窗单位vw、vh详解
vw、vh、vmin、vmax是CSS3新增的视窗单位，同时也是相对单位，它相对视窗（Viewport）大小的百分比。
什么是视窗？
视窗即Viewport，是浏览器实际显示内容的区域，不包括工具栏、地址栏、书签栏。
视窗单位说明
vw - 视窗宽度的百分比，如1vw即浏览器可视窗口宽度的1%，10vw即窗口宽高的10%
vh - 视窗高度的百分比，如1vh...
点击复制链接jQuery插件clipboardjs
clipboardjs插件可以实现点击文本复制到剪贴板的效果，常见的应用有点击复制链接。clipboardjs插件小巧简单，压缩后仅有11KB大小，且没有过多的配置，不依赖Flash以及任何臃肿的框架，且兼容性好，基本支持目前主流的PC端和手机端浏览器，如IE9+、Chrome 42+、Edge 12+、Firefox 41+、Opera 29+、Safari10+
插件官方：
1、插件下载
h...
微信小程序获取data:{}变量时报错xxx is not defined
在data:{}声明初始化了一个变量，在onLoad:function()函数调用时，出现“xxx is not defined”错误，原因是直接使用了变量名，没有使用获取页面data对象的this.data
会报错的原代码：
Page({
data: {
text:'Welcome'
},
onLoad: function(options){
console.log(text);...
js简单实现数字位数不够前面补0的方法代码
数字按个位数递增，没达到十位数或更高位数时，数字前面自动补0，如01、02、03、……、10、11如此类推，可以通过js代码实现。
代码示例
var _n = 1; //初始数
var _m = 2; //最高位数
var _a = Array(_m); //长度为2的空数组
_a = _a.join(0); //使用0隔开空数组，且把数组转换成字符串，结果是00
_a = _a + _n; // 拼接字...
js+canvas鼠标悬停圆弧边框动态加载效果
鼠标悬停在div元素时，实现圆弧边框加载效果。
HTML代码：
<div class="btn">
<canvas width="44" height="44" id="btn"></canvas>
</div>
CSS代码：
.btn {width:44px;height:44px;border-radius:50%;borde...
