解决jquery $(document).on绑定点击事件click在苹果手机上无效的方法
使用$(document).on绑定click事件，在电脑端执行正常，但在苹果手机各种浏览器上都不能生效，把click更换成touch事件也没有效果，查询后发现，需要给绑定点击事件的元素添加css声明cursor:pointer;。
示例
HTML代码
<div class="nav">
<ul>
<li>测试</li>
</ul&g...
javascript toFixed()方法兼容负数重写
javascript方法toFixed()可以把Number四舍五入为指定小数位数的数字，但在负数上似乎有问题，把方法提出来重写以兼容负数。
代码可放在方法调用前的任意js文件，或直接放在页面上。
Number.prototype.toFixed = function (s) {
var that = this, changenum, index;
if (this < 0) {
that =...
最直观的理解javascript构造函数和普通函数的区别
区分javascript函数是构造函数还是普通函数的方法是看它们使用了哪种调用方式，无论是javascript构造函数还是javascript普通函数，它们总归是函数，它们的调用方式决定了它们是构造函数还是普通函数。
下面是一个函数的声明，它就是一个函数，但它后面的使用方式决定了它是构造函数还是普通函数：
function website(name,url){
this.webName = name;...
node.js创建本地服务器并运行教程
Node.js就是运行在服务端的JavaScript，基于Chrome V8引擎的JavaScript运行环境，简易上手node.js后就可以在本地电脑上创建本地服务器。
在nodejs安装根目录下创建一个目录，如project，创建一个js文件，如server.js，添加下面的代码：
//请求Node.js自带的http模块。
var http = require('http');
//http模块提供...
javascript错误:xxx.split is not a function的原因和解决方法
使用javascript方法split()分割字符串时，出现“Uncaught TypeError: xxx.split is not a function”的错误提示，出现这个问题的原因是变量xxx不是string类型的值，解决方法是把变量转换成string类型即可。
示例：
var xxx = 1234567;
var xxx = xxx.toString().split();
console.log(x...
javascript判断所有图片是否加载完成
由于load()事件在1.8版本中被废弃，因此前面的jquery判断多张图片是否加载完成代码(兼容IE)代码只能在jQuery低版本下使用，下面的判断所有图片是否加载的函数代码基于原生javascript代码，兼容大部分浏览器。
函数代码：
function loadImg(arr) {
var newimages = [];
var arr = (typeof arr != 'object') ? [a...
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...
