实现IE10/IE11支持object-fit属性的插件bideo.js
在响应式网页开发中 object-fit 属性是极为常用的一个css属性，遗憾的是IE浏览器全系列都不支持 object-fit 属性，但是可以借助bideo.js插件实现 IE10 和 IE11 对 object-fit 的支持。
PS：不支持 IE9 和 Edge
插件下载：https://github.com/rishabhp/bideo.js
插件使用
HTM...
解决Font Awesome图标跨域引用字体导致图标不能显示的方法
网页使用 Font Awesome 字体图标时图标不能正常显示，浏览器控制台出现“@font-face 跨源请求失败。资源访问受限”的错误提示，出现该错误的原因是浏览器的同源策略机制导致。
解决方法是使用跨域资源共享（CORS）机制，跨域资源共享标准新增了一组 HTTP 首部字段，允许服务器声明哪些源站有权限访问哪些资源。
例如 apache 服务器可以通过 .htaccess 文件添加：
<F...
站酷字库多款免费商用授权中英文字体
站酷字库（ZCOOL）提供多款免费中英文字体下载，免费授权全社会使用，包括商用。
所有字体下载页面：https://www.zcool.com.cn/special/zcoolfonts/
站酷高端黑体
2014年圣诞发布的第一款由站酷冠名的公益字体，包含了6763个汉字、数字和英文字母。字体设计师胡晓波、刘兵克在站酷网发起“汉字百人舞”的征集设计师集体造字，前后参与设计师近百人。...
Sublime Text 3版CSS格式化插件Sublime-CSS-Format推荐
Sublime-CSS-Format是款很不错的Sublime CSS格式化插件，可安装在Sublime Text 3版本，支持一键格式化CSS/SASS/SCSS/LESS代码，可转换为多种排版格式，如压缩、换行等，使用简单操作容易。
下载Sublime-CSS-Format格式化插件：Github
Sublime编辑器菜单栏选择“Preferences->Browse Packages”...
javascript navigator.language所有语言的列表
javascript Web API接口navigator.language（只读属性）可以返回一个表示用户偏好语言的字符串，通常指浏览器UI的语言（即在浏览器设置中选择的语言），换个思路，使用navigator.language可以在一定程度上判断浏览访客来自哪个国家，至少能判断浏览器使用的是哪国语言（根据浏览器语言的选择）。
navigator.language语言列表：
来自stackoverflow...
PSD字符字重Light、Regular对应CSS font-weight的属性值参考
css属性font-weight提供的属性值有normal、bold、bolder、lighter、100~900、inherit，而设计师提供的设计稿字符面板通常是这样的：
而且设计师用字体的字重通常不只有一种，如Thin、UltraLight、Light、Regular、Medium、Semibold、bold、Extra Bold、Heavy等，如下图：
那么如果在网页...
实现fullpage.js插件横向滑块slide自动轮播效果
fullpage插件的slide横向滑块不能设置自动轮播，如果要使slide自动轮播可以使用fullpage插件的moveSlideRight()方法或moveSlideLeft()配合js的setInterval()实现。
代码
setInterval(function(){
$.fn.fullpage.moveSlideRight();
},5000);
或
setInt...
针对IE9不支持placeholder的兼容处理方法代码
IE9及IE9以下浏览器不支持placeholder属性，对IE9的placeholder兼容性处理方法通常是把placeholder的属性值放在value属性中，但这样不利于判断值是否为空，兼容性比较好一个方法是用一个元素覆盖在输入框上面代替placeholder，点击时再隐藏。
HTML代码
<div class="input">
<label class="placeh...
illustrator图层导出为png透明背景图片
ai格式的网页设计稿，制作web网页时，需要把ai设计稿中的图片图层导出为png格式的透明图片。使用illustrator 2021版本软件操作。
1、在图层中选中要导出为png图片的图层，然后点击下面的导出按钮（下图小红框那个）
2、会弹出一个窗口，在“资源导出”中选择要导出的图片，在“导出设置”中选择缩放、格式，然后点击导出按钮，选择保存的位置即可。
附：...
php删除array数组中指定元素的方法
删除php数组中的单个元素使用unset()或array_splice()方法，array_splice()在释放数组指定元素上与unset()函数取到相同作用。
删除数组中的多个元素则使用array_diff()或array_diff_key()方法。
提示：知道值（value），不知道键（key），可以使用array_search()方法来获取键（key）。
删除单个元素
uns...
jquery实现淘宝APP收货地址地区联动选择效果(优化版)
使用jQuery模仿淘宝移动端APP中，添加收货地址时选择所在地区的省、市、区、县街道四级联动的选择效果。
效果如下图：
原插件：https://www.jq22.com/jquery-info21567
下面是把代码优化过后的版本。
1、把下面代码保存为areaSelect.js文件：
var first_char;
var listArr = [];
v...
原生javascript实现禁止浏览器滚动,滚动条不消失代码
使用css代码可以禁止网页滚动，但是会使浏览器窗口的滚动条消失。而js代码则可以让页面禁止滚动的同时，保留滚动条的显示状态，而且滚动条的位置不变。
javascript代码
var keys = { 37: 1, 38: 1, 39: 1, 40: 1 };
function preventDefault(e) {
e = e || window.event;
if (e.preventDe...
