孃口三三-CSDN博客

转载 js闭包（closure）

转： javascript深入理解js闭包全面理解Javascript闭包和闭包的几种写法及用途注：学习一定要往死抠，自以为理解并不一定是真的理解。

2017-08-24 18:30:46 260

转载大白话讲解Promise（三）——搞懂jquery中的Promise

转自大白话讲解Promise（三）搞懂jquery中的Promise前两篇我们讲了ES6中的Promise以及Promise/A+规范，在Promise的知识体系中，jquery当然是必不可少的一环，所以本篇就来讲讲jquery中的Promise，也就是我们所知道的Deferred对象。事实上，在此之前网上有很多文章在讲jquery Deferred对象了，但是总喜欢把ajax和Deferred混在

2017-07-23 13:20:53 461

转载大白话讲解Promise（二）—Promise A+ 规范

这里写链接内容

2017-07-23 12:56:19 450

转载大白话讲解Promise（一）

转自大白话讲解Promise（一）2015年6月，ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么

2017-07-23 12:20:32 609

转载 node的事件发射器EventEmitter

核心事件模块 events 我们说node是基于事件驱动的、异步的、单线程的平台，因此，事件驱动在node中处于非常核心的位置。在node中，有一个核心的模块叫做events，该模块提供了一个核心的类：EventEmiiter。引入该模块：var events = require("events");事件发射器EventEmitter EventEmitter（事件发射器）是node的核心部

2017-07-22 21:12:41 468

原创 js中const,var,let区别

js中三种定义变量的方式const， var， let的区别。1.const定义的变量不可以修改，而且必须初始化。 2.var定义的变量可以修改，如果不初始化默认为undefined，不会报错。无块级作用域。 3.let是块级作用域，函数内部使用let定义后，对函数外部无影响。

2017-07-16 19:22:03 842

转载解决国内NPM安装依赖速度慢问题

转自解决国内NPM安装依赖速度慢问题不知道各位是否遇到这种情况，使用NPM（Node.js包管理工具）安装依赖时速度特别慢，为了安装Express，执行命令后两个多小时都没安装成功，最后只能取消安装，笔者20M带宽，应该不是我网络的原因，后来在网上找了好久才找到一种最佳解决办法，在安装时可以手动指定从哪个镜像服务器获取资源，我们可以使用阿里巴巴在国内的镜像服务器，命令如下：npm install -

2017-07-15 10:55:35 398

原创了解node.js

node.js不是javascript框架或库，是基于Chrome V8引擎构建的运行时平台，是一个解析执行js的容器。node遵循CommonJS规范，可以参考阮一峰编写的CommonJS规范node特性： - event-driven（事件驱动） - non-blocking（无阻塞IO模型）node特点： - lightweight（轻量，更好的移植性） - efficient

2017-07-13 14:15:13 388

原创开启vue大门

安装node，因为构建vue项目需要使用到npm，所以我们需要安装node。cmd下键入node -v 看是否安装成功继续键入npm install -g vue-cli等待安装后，出现下图继续键入vue 出现下图键入vue list 表示可选用的模板键入vue init webpack sell 表示选用webpack 生成模板，项目为sell，后序操作如下： linux用户使用ls（w

2017-07-12 21:34:44 346

原创 vue中的webpack

项目中要使用的vue.js技术：webpack利用vue.resource来请求api利用vue.router来实现路由利用vue中的组件化思想来实现每个页面整个项目属于单页为什么使用webpack - vue.js官方脚手架工具中就使用了webpack模板 - 对所有的资源会做压缩等优化操作 - 它在开发过程中提供了一整套完整的功能，能够使得我们的开发过程更加高效

2017-07-03 21:02:17 407

转载使用jQuery图片预加载(延迟加载)插件Lazy Load

Lazy Load也叫惰性加载，延迟加载，顾名思义，就是在图片未到达可视区域时，不加载图片，我们常常在很多的优秀网站上看到类似的例子，例如迅雷、土豆、优酷等，由于一个网页的图片非常多，一次性加载增加服务器压力，而且用户未必会拉到底部，浪费用户流量，Lazy Load采用按需加载，更快的加载速度从而达到优化网页的目的。使用方法:加载jQuery, 并在html代码的底部包含进来<script sr

2017-06-29 19:32:50 356

原创点击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 1738

原创 innerHTML

DOM操作中的innerHTML可以说是使用频率比较高的了，在使用的时候有一些要点需要注意： 1. innerHTML与outerHTML的区别 2. 通过innerHTML插入脚本 3. innerHTML替换元素影响内存 4. innerHTML的性能以下做详细说明：innerHTML与outerHTML的区别 innerHTML在读模式下返回所操作元素的所有子节点，写模式下

2017-05-28 19:37:47 564

转载 jquery animate step 实现 transform css3方法

animate()方法有个step参数规定动画执行的每一步都要执行step这个回调函数。我们可以用使用一个不影响元素效果显著的css值来触发animate()开发方法，然后在step回调函数中修改我们想要修改的值，这样就可以间接地实现动画了实例：<style type="text/css"> .demo { width: 100px; height: 1

2017-05-14 21:18:07 554

原创闭包到底是什么？？？

从学js以来，闭包就一直困扰着我，今天总算是搞懂了，写篇博客记录一下。闭包的定义是：闭包是指有权访问另一个函数作用域中的变量的函数。简单来说，就是一个函数，它可以访问它外面的变量。作用域链与闭包息息相关。为什么这么说呢，因为闭包的标识符解析是要沿着作用域链找上去的。创建闭包的常见方式就是在一个函数中创建另一个函数，里面新创建的这个函数就是一个闭包。举个栗子：

2017-04-20 16:36:40 402

原创 js原型链

ECMAScript中描述了原型链的概念，并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。实现原型链的基本模式：//超类型function SuperType() { this.superProperty = "Super";}SuperType.prototype.getSuper = function(){ return

2017-04-18 20:36:08 227

原创 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 216

转载 js toString()、toLocaleString()、valueOf()的区别

在javascript中所有的对象都具有toLocaleString()、toString()和valueOf()方法。它们都是用来转换字符串的，那这三者的区别到底在哪呢？简单来说，tostring就是用字符串来代替对象。tolocalstring就是根据不同的语言环境吧对象转成字符串，实际上totolocalstring是有缺省参数的，如tolocalstring('ko-ka')是根据韩国的语言

2017-03-31 20:37:00 1052 2

原创 css hack的几种方式

css hack的几种方式：基于浏览器解析错误的过滤器：IE for Mac带通过滤器（利用css注释中的转义bug） /*\*//*/ @import "ie5mac.css"; /**/IE5 for Mac会错误地转义第二个星号，导致应用了@import规则其他所有浏览器会正确的忽视转义元素，（因为它被放在注释中）

2017-03-21 15:52:46 1980

原创 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 270

转载 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 297

转载 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 298

原创 js中的正则表达式

正则表达式是什么：正则表达式是一种强大的字符串匹配工具。正则表达式就是RegExp对象，它的写法有两种风格（一般用第二种） 1.js风格——new RegExp("a", "i"); 2.perl风格——/a/i正则的特性：会尽可能匹配最长的字符串。正则的使用：下面的规则任意组合。\转义： (注：如果想用规则里面的字符本身，那么前面就要加\，e.g. \d匹配的字符就是\

2017-03-01 21:04:57 245

转载 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 455

原创 js脚本性能优化

脚本会对web应用的整体性能造成影响。为保证应用流畅的运行，在为文档编写和应用脚本时，需要注意一些问题。1.尽量少访问DOM和尽量减少标记不管什么时候，只要是查询DOM中的某些元素，浏览器都会搜索整个DOM树，从中查找可能匹配的元素。例如：document.getElementsByTagName("a")，每执行一次就会遍历一遍DOM树，如果执行多次的话，就会遍历多遍DOM树。所以

2017-02-19 16:49:21 417

原创平稳退化（优雅降级）和渐进增强

平稳退化: 如果正确地使用了JavaScript脚本，就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你的网站。这就是所谓的平稳退化。就是说，虽然某些功能无法使用，但最基本的操作仍能顺利完成。平稳退化的作用： 1.访问者禁用了图像和JavaScript时，页面可以完成功能 2.搜索引擎的搜索机器人少有可以理解JavaScript代码的，如果你

2017-02-13 18:15:24 619

转载 css3 transform

CSS3 transform是什么？transform的含义是：改变，使…变形；转换CSS3 transform都有哪些常用属性？transform的属性包括：rotate() / skew() / scale() / translate() ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。下面我们来分解各个属性的用法：transform:rotate()：含义：

2017-02-02 21:50:50 209

原创应用background-position实现css视差效果

我们知道background-position的取值可以是关键字、像素或百分比等，但不可以将像素或百分比等单位与关键字混合使用，这样可能会导致css失效。尤其要说的一点是，如果应用百分比的话，background-position: 0, 20%; ，这个20%是图片上距离左上角的20%的点，定位到父元素上距离左上角20%的位置。正是因为这个特性，我们才可以做一些特别的效果。比如说一有一个个网站

2017-02-02 20:53:31 1017

原创用大盒子套更大的盒子解决问题

在解决问题的时候可能会有这样的情况：一个大盒子里面放很多小盒子，这些小盒子大小相同，一排可以放好几个小盒子，但又不能刚刚好放下。比如说京东的项目：仔细看我们会发现每一排最后一个小盒子都比前面的窄一些，最下面一排的盒子都比上面的短一些，但我们又不可能为这些盒子单独设置样式，这样麻烦也不利于维护，所以我们只好为小盒子设置统一样式。最原始的情况类似于下面这种情况。但怎么使多出来的小盒子

2017-02-02 19:10:18 2682

原创 css中的层级问题

css中的层级问题在css中，涉及到定位、浮动、z-index的层级问题时很容易让人云里雾里。本来我以为想让谁的层级更高就直接给它设置z-index就好了。可是这次做京东项目时，我设置的却不起作用。情况类似于这样： <div class="d1"> <div class="d2"></div> </div> <div class="d3"></div>d1的

2017-01-27 00:24:57 1205

原创 float浮动的特性以及清除浮动

标准流：标准流是浏览器在解析标签时默认遵守的规则，也叫做文档流。 * 一般情况下（不浮动时），所有的标签都是标准流，而浮动是一种脱离了标准流的技术。浮动的特性： 1.浮动后的元素会在排序的时候以上对齐。 2.浮动对标准流有影响，浮动后的元素会覆盖在标准流元素的上面。 3.浮动的规则：浮动

2017-01-15 23:18:27 784

原创语义化

标签语义化h5

2017-01-15 18:51:50 320

原创 css选择器的优先级比较

css

2017-01-14 22:50:09 474

原创关于setTimeout

关于setTimeoutJavaScript中的setTimeout(fn, t),是在t秒后执行fn函数。例如，下面这一段代码就表示在1000毫秒后在控制台输出“hello”： setTimeout(function(){ console.log("hello"); }, 1000);仅仅这一个函数还不会出现问题，可是下面这段代码就不一样了。

2017-01-12 10:50:57 435

原创关于编码

之前写网页练手的一直用的gb2312编码，只知道这是中文的编码，其他的没有过多的了解。正常来讲，应该是什么编码方式就用什么编码方式解析，但是网页charset用gb2312的时候选ANSI编码时页面就可以正常显示。这使我对编码产生了疑惑，于是上网查了一下，大概弄懂了一些关于编码的知识，写在这里。

2016-08-14 19:42:38 260

konglingnan999的博客

转载 Vue导出页面为PDF格式