javascript
码猿上高速
是用一年经验工作时间,还是一年顶上别人三年,全看你如何度过每一天。
展开
-
JS 中 === 与 == 的区别
确认两个变量是否相等是编程中的一个非常重要的操作。尤其是涉及到对象的比较时。为此,JS 提供了两组操作符。1、相等和不相等。(== 与 !=) 这两个操作符会在比较之前对操作数进行强制转型,再比较它们的相等性。 例: undefined == null //true 0 == '0'原创 2018-01-03 22:45:15 · 347 阅读 · 0 评论 -
CHROME开发者工具的小技巧【代码格式化、强制DOM、动画、直接编辑、网络限速、复制HTTP请求、抓图】
Chrome的开发者工具是个很强大的东西,相信程序员们都不会陌生,不过有些小功能可能并不为大众所知,所以,写下这篇文章罗列一下可能你所不知道的功能,有的功能可能会比较实用,有的则不一定,也欢迎大家补充交流。话不多话,我们开始。代码格式化有很多css/js的代码都会被 minify 掉,你可以点击代码窗口左下角的那个 { } 标签,chrome会帮你给格式化掉。 强制DOM...转载 2018-08-08 15:57:28 · 524 阅读 · 0 评论 -
JavaScript 判断一个对象{}是否为空对象的简单方法
做项目时遇到一个问题,判断一个对象是否为空对象,发现这样判断可以,上代码:1. 代码1:?1234var a = {};if(!a){ console.log(1);}else if(a == null) { console.log(2);} else { console.log(3);}结果为:32. 代码2:?1234var b = {};if(b == {}){ console.log(4)...转载 2018-05-15 20:52:17 · 20426 阅读 · 1 评论 -
jQuery源码解析(架构与依赖模块)
jQuery设计理念 引用百科的介绍:jQuery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、eve...转载 2018-05-08 13:09:34 · 312 阅读 · 0 评论 -
在 HTML 页面中实现点击返回
/** 点击返回 */ $('.back').click(function () { if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS backClick(...原创 2018-04-19 16:37:57 · 2210 阅读 · 0 评论 -
js版根据经纬度计算多边形面积(墨卡托投影)
var earthRadiusMeters = 6371000.0;var metersPerDegree = 2.0 * Math.PI * earthRadiusMeters / 360.0;var radiansPerDegree = Math.PI / 180.0;var degreesPerRadian = 180.0 / Math.PI;var pointArr;$(doc...转载 2018-04-03 13:16:11 · 2706 阅读 · 0 评论 -
HTML5新特性之文件和二进制数据的操作
历史上,JavaScript无法处理二进制数据。如果一定要处理的话,只能使用charCodeAt()方法,一个个字节地从文字编码转成二进制数据,还有一种办法是将二进制数据转成Base64编码,再进行处理。这两种方法不仅速度慢,而且容易出错。ECMAScript5引入了Blob对象,允许直接操作二进制数据。Bolb对象是一个代表二进制数据的基本对象,在它的基础上,又衍生出一系列相关的API,用来操作...转载 2018-04-03 10:02:38 · 178 阅读 · 0 评论 -
JQuery和JS操作LocalStorage/SessionStorage的方法
首先说一下LocalStorage和SessionStorageLocalStorage是对Cookie的优化没有时间限制的数据存储在隐私模式下不可读取大小限制在500万字符左右,各个浏览器不一致在所有同源窗口中都是共享的本质是在读写文件,数据多的话会比较卡(firefox会一次性将数据导入内存)不能被爬虫爬取,不要用它完全取代URL传参IE7及以下不支持外,其他标准浏览器都完全支持Session...转载 2018-03-08 11:01:30 · 197 阅读 · 0 评论 -
js 获取 url 参数
/** * 获取url参数 * @param name 参数名 * @returns 值 */getQueryString : function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var result = window.location.search.substr(1).match(reg原创 2018-02-06 14:13:29 · 788 阅读 · 0 评论 -
jQuery的选择器中的通配符
通配符:$("input[id^='model']");//id 属性以 model 开始的所有 input 标签$("input[id$='model']"); // id 属性以 model 结束的所有 input 标签$("input[id*='model']"); //id属性包含model的所有input标签$("input[name^=原创 2018-01-06 22:18:12 · 747 阅读 · 0 评论 -
JS 中所有的类型都有与 true 和 false 等价的值。
JS 中所有的类型都有与 true 和 false 等价的值。只需调用转型函数 Boolean()。也可以用 !!。数据类型 转为 true 的值转为 false 的值 String非空字符串"" Number非零数字0 和 NaN. object任何非 null 对象原创 2018-01-04 22:36:05 · 870 阅读 · 0 评论 -
理解Javascript中的事件绑定与事件委托(转载)
最近在深入实践js中,遇到了一些问题,比如我需要为动态创建的DOM元素绑定事件,那么普通的事件绑定就不行了,于是通过上网查资料了解到事件委托,因此想总结一下js中的事件绑定与事件委托。事件绑定最直接的事件绑定:HTML事件处理程序如下示例代码,通过节点属性显式声明,直接在HTML中,显式地为按钮绑定了click事件,当该按钮有用户点击行为时,便会触发myClickFunc方法。/...转载 2018-09-13 09:13:04 · 456 阅读 · 2 评论