javascript实现浏览器全屏显示和退出全屏代码
浏览器内置全屏浏览网页的功能，通过键盘快捷键F11可以进入全屏模式，而在网页端则可以通过js代码使用requestFullScreen()方法进入浏览器全屏浏览模式，使用exitFullScreen()方法退出浏览器全屏浏览模式。最低支持IE11浏览器。
进入全屏
requestFullScreen()方法
发出一个使元素进入全屏状态的异步请求，进入全屏状态成功，那么会触发document对象的...
jquery当前月份日历带预约选择功能代码
jquery代码显示当前月份的日历，设置可预约、约满、闭馆三种状态样式，可预约状态的日期可以点击并获取日期。
效果参考下图：
HTML代码：
<div class="order">
<div class="canlendar">
<div id="tile"></div>
<div id="calendar">...
jquery判断多张图片是否加载完成代码(兼容IE)
使用load()方法可以判断图片是否加载完成，但每次只判断一张图片，如果是判断多张图片是否加载完成，那么就需要写多几行代码。下面代码在jquery 2.2.4版本测试可用。
参考代码：
function imgLoad(){
$.ajaxSetup ({ cache: false });//兼容IE
var _img = $('.getimg img');
var _imgNum =...
jquery判断鼠标上下滚动插件jquery.mousewheel.js
mousewheel.js是一个delta规范化、跨浏览器监听鼠标上下滚动的jquery插件，支持IE6+、Firefox、Chrome、Safari浏览器。
通过mousewheel.js插件可以判断鼠标滚轮是向上还是向下滚动、往左还是往右滚动，插件支持mousewheel和unmousewheel，通俗地理解即启用插件功能和关闭插件功能的意思。
插件Github主页：https://github.com...
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...
