
js
孃口三三
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js中的sort()方法
关于sort方法,w3c的解释是:定义和用法:sort() 方法用于对数组的元素进行排序。返回值:对数组的引用。请注意,数组在原数组上进行排序,不生成副本。并且sort 默认是按 asc 码排列的<script>var myArrray = new Array(1,3,5,0,55,6);alert(myArrray.sort()); //0,1,3,5,55,6</script>如果想对数原创 2017-03-13 21:30:22 · 318 阅读 · 0 评论 -
innerHTML
DOM操作中的innerHTML可以说是使用频率比较高的了,在使用的时候有一些要点需要注意: 1. innerHTML与outerHTML的区别 2. 通过innerHTML插入脚本 3. innerHTML替换元素影响内存 4. innerHTML的性能以下做详细说明:innerHTML与outerHTML的区别 innerHTML在读模式下返回所操作元素的所有子节点,写模式下原创 2017-05-28 19:37:47 · 631 阅读 · 0 评论 -
offsetTop,offsetHeight,scrollHeight,scrollTop的区别
假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。obj.offsetHeight 指 obj 控件自身的高度,整型,单位像素。offsetTop 可以获得 HTML 元素距离上方或外层元素的位置,style.top 也是可以的,二者的区别是:一、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了转载 2017-02-23 10:10:54 · 538 阅读 · 0 评论 -
点击li输出其innerHTML的几种方法
html代码如下:<ul id="lll"> <li>1</li> <li>2</li> <li>3</li> <li>4</li></ul>js实现方法: 1.传统方法var ul = document.getElementById("lll");lis = ul.getElementsByTagName("li");for(var i=0; i<lis.l原创 2017-06-08 10:21:27 · 1875 阅读 · 0 评论 -
使用jQuery图片预加载(延迟加载)插件Lazy Load
Lazy Load也叫惰性加载,延迟加载,顾名思义,就是在图片未到达可视区域时,不加载图片,我们常常在很多的优秀网站上看到类似的例子,例如迅雷、土豆、优酷等,由于一个网页的图片非常多,一次性加载增加服务器压力,而且用户未必会拉到底部,浪费用户流量,Lazy Load采用按需加载,更快的加载速度从而达到优化网页的目的。使用方法:加载jQuery, 并在html代码的底部包含进来<script sr转载 2017-06-29 19:32:50 · 413 阅读 · 0 评论 -
vue中的webpack
项目中要使用的vue.js技术:webpack利用vue.resource来请求api利用vue.router来实现路由利用vue中的组件化思想来实现每个页面整个项目属于单页为什么使用webpack - vue.js官方脚手架工具中就使用了webpack模板 - 对所有的资源会做压缩等优化操作 - 它在开发过程中提供了一整套完整的功能,能够使得我们的开发过程更加高效原创 2017-07-03 21:02:17 · 455 阅读 · 0 评论 -
js中const,var,let区别
js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。 2.var定义的变量可以修改,如果不初始化默认为undefined,不会报错。无块级作用域。 3.let是块级作用域,函数内部使用let定义后,对函数外部无影响。原创 2017-07-16 19:22:03 · 886 阅读 · 0 评论 -
大白话讲解Promise(一)
转自 大白话讲解Promise(一)2015年6月,ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么转载 2017-07-23 12:20:32 · 657 阅读 · 0 评论 -
大白话讲解Promise(二)—Promise A+ 规范
这里写链接内容转载 2017-07-23 12:56:19 · 540 阅读 · 0 评论 -
js闭包(closure)
转: javascript深入理解js闭包全面理解Javascript闭包和闭包的几种写法及用途注:学习一定要往死抠,自以为理解并不一定是真的理解。转载 2017-08-24 18:30:46 · 334 阅读 · 0 评论 -
js toString()、toLocaleString()、valueOf()的区别
在javascript中所有的对象都具有toLocaleString()、toString()和valueOf()方法。它们都是用来转换字符串的,那这三者的区别到底在哪呢?简单来说,tostring就是用字符串来代替对象。tolocalstring就是根据不同的语言环境吧对象转成字符串,实际上totolocalstring是有缺省参数的,如tolocalstring('ko-ka')是根据韩国的语言转载 2017-03-31 20:37:00 · 1135 阅读 · 2 评论 -
闭包到底是什么???
从学js以来,闭包就一直困扰着我,今天总算是搞懂了,写篇博客记录一下。闭包的定义是:闭包是指有权访问另一个函数作用域中的变量的函数。简单来说,就是一个函数,它可以访问它外面的变量。作用域链与闭包息息相关。为什么这么说呢,因为闭包的标识符解析是要沿着作用域链找上去的。创建闭包的常见方式就是在一个函数中创建另一个函数,里面新创建的这个函数就是一个闭包。举个栗子:原创 2017-04-20 16:36:40 · 453 阅读 · 0 评论 -
Array.prototype.slice.call(arguments)
我们知道,Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组,除了IE下的节点集合(因为ie下的dom对象是以com对象的形式实现的,js对象与com对象不能进行转换) 如:var a={length:2,0:'first',1:'second'};Array.prototype.slice.call(a);// ["first",转载 2017-03-13 20:47:09 · 338 阅读 · 0 评论 -
JavaScript内置对象——arguments
在函数体内,标识符arguments是指向实参对象的引用,实参对象是一个类数组对象 arguments[0],arguments.lengtharguments是什么?答:1:arguments是收到的实参副本2:并把所有收到实参收集起来,放到一个arguments对象里t(a,b,c){},调用时: t(1,2,3,4,5) 5个参数此时 , AO属性只有a,bc,3个属性, argu转载 2017-03-13 19:57:11 · 350 阅读 · 0 评论 -
js中的正则表达式
正则表达式是什么: 正则表达式是一种强大的字符串匹配工具。正则表达式就是RegExp对象,它的写法有两种风格(一般用第二种) 1.js风格——new RegExp("a", "i"); 2.perl风格——/a/i正则的特性:会尽可能匹配最长的字符串。 正则的使用:下面的规则任意组合。\转义: (注:如果想用规则里面的字符本身,那么前面就要加\,e.g. \d匹配的字符就是\原创 2017-03-01 21:04:57 · 280 阅读 · 0 评论 -
js脚本性能优化
脚本会对web应用的整体性能造成影响。为保证应用流畅的运行,在为文档编写和应用脚本时,需要注意一些问题。1.尽量少访问DOM和尽量减少标记 不管什么时候,只要是查询DOM中的某些元素,浏览器都会搜索整个DOM树,从中查找可能匹配的元素。 例如:document.getElementsByTagName("a"),每执行一次就会遍历一遍DOM树,如果执行多次的话,就会遍历多遍DOM树。所以原创 2017-02-19 16:49:21 · 502 阅读 · 0 评论 -
平稳退化(优雅降级)和渐进增强
平稳退化: 如果正确地使用了JavaScript脚本,就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你的网站。这就是所谓的平稳退化。就是说,虽然某些功能无法使用,但最基本的操作仍能顺利完成。平稳退化的作用: 1.访问者禁用了图像和JavaScript时,页面可以完成功能 2.搜索引擎的搜索机器人少有可以理解JavaScript代码的,如果你原创 2017-02-13 18:15:24 · 699 阅读 · 0 评论 -
关于setTimeout
关于setTimeoutJavaScript中的setTimeout(fn, t),是在t秒后执行fn函数。例如,下面这一段代码就表示在1000毫秒后在控制台输出“hello”: setTimeout(function(){ console.log("hello"); }, 1000);仅仅这一个函数还不会出现问题,可是下面这段代码就不一样了。原创 2017-01-12 10:50:57 · 502 阅读 · 0 评论 -
js两种继承方法
js有很多继承方法,其中比较得到认可的有两种:组合继承和寄生组合式继承。 组合继承:// 超类型function SuperType(name) { this.name = name;}SuperType.prototype.getName = function(){ return this.name;};// 子类型function SubType(name, age)原创 2017-04-18 20:29:57 · 251 阅读 · 0 评论 -
js原型链
ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。实现原型链的基本模式://超类型function SuperType() { this.superProperty = "Super";}SuperType.prototype.getSuper = function(){ return原创 2017-04-18 20:36:08 · 259 阅读 · 0 评论 -
Vue导出页面为PDF格式
转自Vue导出页面为PDF格式转载 2018-04-11 18:01:22 · 1391 阅读 · 0 评论