随笔分类 - JavaScript
摘要：在学习vue的时候了解到图片有懒加载这一说法，自己实践之后做记录。至少现在自己没有遇到这种需求。 这个可以在图片非常多的时候选择懒加载。电商网站应该有需求。 这些插件在jquery插件库也都可以找到。 1. Echo.js实现懒加载 Echo.js 不依赖于 jQuery 或其他 JavaScrip
阅读全文
摘要：由于在学习vue的时候有许多自己不懂的语法，于是简单的学习一下ES6。 1.ES简介 ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。 ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前
阅读全文
摘要：有时候我们希望文件上传的时候预览图片，下面插件可以实现上传前预览图片 (也可以提取文件的base64编码) 效果: 有时候我们希望点击一个div的时候就可以实现选择图片的功能，也就是点击某个div的时候选择图片 思路:我们将type="file"的input隐藏掉，同时在div的点击事件中触发inp
阅读全文
摘要：1.简单解释 简单来说，escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读。 编码之后的效果是%XX或者%uXXXX这种形式。 其中 ASCII字母、数字、@*/+ ，这几个字符不会被编码，其余的都会。 最关键的是，当你需要对URL编码时，请忘记这个
阅读全文
摘要：有时候我们希望自己的网页源码不被查看，这时需要关掉鼠标的右击事件;有时候我们也希望禁止选择页面内容Ctrl+C复制。 1.禁止右键查看源码; 第二种方法: 2.禁止复制页面内容 3.复制内容到剪切板 需要clipboard.min.js插件库，也不支持IE8，如果有需求需要自己写IE8的，针对IE浏
阅读全文
摘要：经常在JS中见一些代码直接if(参数)，然后参数调用的时候是将元素自己传下去。例如下面代码: <body> <input type="text" name="" id="" value="111222" onclick="test1(this)" /> <input type="text" name
阅读全文
摘要：1.一次性任务的执行与清除执行 1.定期执行 效果: 2.清除定期执行 结果控制台不会打印上面的信息 2.周期性执行任务与清除 1.执行 结果: 2.清除效果: 结果控制台不会打印信息
阅读全文
摘要：今天在使用encharts的时候由于要兼容IE8，所以最终决定在非IE8浏览器使用encharts，在IE8使用amcharts。于是需要使用JS判断使用的浏览器版本: 返回值类型: 通过进一步的封装可以返回boolean值类型是否是IE8以下浏览器: 返回true表示是IE8以及IE8以下浏览器，
阅读全文
摘要：记住以下四点: 1.没调用对象就指向全局对象 2.有对象就指向调用对象 3.用new构造就指向新对象 4.通过 apply 或 call 或 bind 来改变 this 的所指。 1.测试一:没调用对象就指向全局对象 我们可以debugger查看断点: 2.作为对象方法调用，this 指代上级对象
阅读全文
摘要：有时候JS某一处报错会导致整个页面JS的运行出问题，于是想的简单研究一下JS的错误处理机制。更详细的可以自己参考网站研究: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Errors 1.两个经常可能出现的错误 1
阅读全文
摘要：在Web中经常需要合并单元格，例如对于下面一个表格: 表格原来样式: 合并的JS方法:(可以作为一个工具方法) 1.纵向合并，也就是对同一列的相邻行单元格相同的进行合并 例如上面: 结果 补充:如果想合并多列可以多次调用此方法，但是需要注意先合并后面的列，再合并前面的列 (1)合并多列正确用法 (2
阅读全文
摘要：项目中JS也不可避免会出现重用，所以可以像Java一样抽成工具类，下面总结了几个常用的函数: 1.日期处理函数 将日期返回按指定格式处理过的字符串: 用法： 2.全局处理null值或者''的函数，如果为null或者''返回-。如果传入第二个参数，表示截取指定长度的字符串 用法： 3.正则表达式实现t
阅读全文
摘要：项目中遇到了从服务器获取时间，现在记录一下方便以后查询: 1.后台代码:(创建一个date对象并以JSON的形式返回去) 2.JS获取时间的函数:(对返回的结果做处理，去掉T，并且将-替换为/。处理浏览器兼容问题) 3.调用上面JS函数创建日期对象并格式化(一个是获取服务器当前时间，一个是45分钟后
阅读全文
摘要：一般 直接new Date() 是不会出现兼容性问题的，而 new Date(datetimeformatstring) 常常会出现浏览器兼容性问题，为什么，datetimeformatstring中的某些格式浏览器不兼容。 1. 无参 2.日期参数 a. IE > IE9-（不兼容） > IE9+
阅读全文
摘要：数组对象的作用是：使用单独的变量名来存储一系列的值。 1.定义数组 数组对象用来在单独的变量名中存储一系列的值。 我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象： 有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。
阅读全文
摘要：（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body ->
阅读全文
摘要：今天遇到这么一个需求: 对数据进行统计，可是在统计的时候parseFloat的时候出来一个NaN。后来用isNaN判断，如果是NaN，就给其设置一个初值. 先看对两个方法的解释 parseFloat: 返回由字符串转换得到的浮点数。 parseFloat(numString) 必选项 numStri
阅读全文
摘要：有时候我们在前台需要对序号进行处理，我们需要将JS变量写到页面中进行显示。 第一种方式:后台处理 第二种方式:JS中定义全局变量，然后进行显示，可以书写一个JS函数对不同的需要进行不同的替换，也就可以根据不同的序号显示不同的内容。如果是ajax请求数据后拼接的页面可以直接调用函数返回值进行拼接(或者
阅读全文
摘要：第一种：循环检查替换 第二种：正则替换 第三种：使用jquery jquery内部实现为： 第四种：使用motools 第五种：裁剪字符串方式
阅读全文
摘要：今天看到一篇文章，介绍的是js中return的用法，感触很深。(类似于JAVA return) 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页. Return False 就相当于终止符，Return
阅读全文