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);...
解决windows IIS服务器MP4视频不能播放的问题
确认MP4视频已经上传至服务器，视频URL无法打开，视频不能播放，那么一般是IIS没有指定MIME类型，这类文件默认在IIS里是不能下载的。
添加MP4视频MIME类型步骤
打开IIS 在 xx本地服务器上“右键 -> 属性”然后在“MIME类型"中查看已经的MIME格式
需要IIS支持 MP4 文件下载可以这么设置：
PS：这里对IIS全局进行设置、如果只针...
Linux CentOS zip unzip命令安装及参数详解
CentOS的zip、unzip命令分别用于压缩和解压zip文件。
安装命令
可以一起安装
yum install -y unzip zip
也可分别单独安装
yum install -y unzip
yum install -y zip
zip命令
作用：zip是个使用广泛的压缩程序，文件经它压缩后会另外产生具有.zip扩展名的压缩文件。作用是压缩文件为.zip文...
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...
.htaccess实现全站http 301跳转到https
开启HTTPS加密访问，但HTTP依然可以正常访问，出于SEO考虑，可把HTTP 301重定向至HTTPS，使用linux apache主机的网站，可以通过.htaccess实现。
在网站根目录下的.htaccess文件添加以下代码
RewriteEngine On
RewriteBase /
RewriteCond %{SERVER_PORT} !^443$
RewriteRule ^.*$ https:...
原生javascript获取元素的子元素属性Children,兼容IE678
原生javascript Children可以获取元素的子元素集合，且支持兼容IE6、IE7、IE8浏览器，IE9以上浏览器只返回元素节点，IE6、IE7、IE8浏览器会返回元素节点和注释节点，所以建议不要在指定元素中使用注释，以保证兼容性。
提示：Children返回的是子元素集合，根据子元素在元素中出现的先后顺序进行排序，可以使用length属性获取子元素的数量，然后通过序列号(index，起始值为0)访问每个子元...
jquery插件owl.carousel.js实现商城产品图片展示效果
jquery响应式轮播图插件owl.carousel.js功能完善，参数丰富，可以改造成多种网页前端显示效果。比如常见的商城网站产品图片展示效果。
引用插件文件和样式文件
<link rel="stylesheet" type="text/css" href="owl.carousel.min.css" media="screen"/>
<script src="owl.ca...
css中引入指定字体@font-face兼容各浏览器
网页制作中，如果想使用特定的字体可以通过@font-face引用，即是解决访问用户电脑本地没有安装该字体导致不能按设计样式显示的问题。
注意：
支持@font-face的浏览器有Internet Explorer 9、Firefox Opera、Chrome和Safari，另外IE9只支持.eot类型的字体，Firefox、Chrome、Safari、和Opera支持.ttf、.otf 两种类型字体。...
简单jquery代码实现拖拉进度条数值效果
通过拖拉进度条改变指定数值。
HTML代码
<div class="data">
( <i data="20">0.7</i> 元 )
</div>
<div class="drag">
<div class="line">
<div class="v"></div>
&l...
