随笔档案「2016年10月」 - Befacebook

JavaScript arguments类数组

摘要：1. 什么是类数组 arguments 是一个类数组对象。代表传给一个function的参数列表。我们来传一个实例。 function printArgs() { console.log(arguments); } printArgs("A", "a", 0, { foo: "Hello, arg 阅读全文

posted @ 2016-10-30 17:31 Befacebook 阅读(319) 评论(0) 推荐(0)

Javascript 构造函数

摘要：1. 常规的构造函数范例 2.js new关键字的所做的事情 var zhangsan = new Person(); 实际上在内部是这样的。 var zhangsan={}; zhangsan.__proto__=Person.prototype; Person.call(zhangsan); 阅读全文

posted @ 2016-10-29 17:11 Befacebook 阅读(245) 评论(0) 推荐(0)

jQuery.each() 的5个案例

摘要：1.基本的jQuery.each实例看看 each() 函数是如何处理一个 jQuery 对象的。首先选取所有的a标签并且打印出他们的href属性。需要注意的是，在 each() 当中使用 jQuery 对象的 DOM 元素时，必须对这些 DOM 元素再次封装。这是因为 jQuery 实际上阅读全文

posted @ 2016-10-24 20:26 Befacebook 阅读(2056) 评论(0) 推荐(0)

jQuery源代码解析一工具方法

摘要：1. 外层沙箱以及命名空间$ 几乎稍微有点经验前端人员都这么做，为了避免声明了一些全局变量而污染，把代码放在一个“沙箱执行”，然后在暴露出命名空间（可以为API，函数，对象）： 2. jQuery的工具方法需要调用concat时可以通过以下方法调用，关于call跟apply的用法自行理解，:) v 阅读全文

posted @ 2016-10-24 10:43 Befacebook 阅读(171) 评论(0) 推荐(0)

Underscore.js 常用类型判断以及一些有用的工具方法

摘要：1. 常用类型判断以及一些有用的工具方法 underscore.js 中一些 JavaScript 常用类型检查方法，以及一些工具类的判断方法。首先我们先来谈一谈数组类型的判断。先贴出我自己封装好的函数。第一：在ES5里面有一个检测数组的函数，就是Array.isArray(); （毕竟原生的阅读全文

posted @ 2016-10-23 18:18 Befacebook 阅读(1167) 评论(0) 推荐(0)

利用ESLint检查代码质量

摘要：1. ESLint ESLint 是一个插件化的 javascript 代码检测工具，它可以用于检查常见的 JavaScript 代码错误，也可以进行代码风格检查，这样我们就可以根据自己的喜好指定一套 ESLint 配置，然后应用到所编写的项目上，从而实现辅助编码规范的执行，有效控制项目代码的质量。阅读全文

posted @ 2016-10-21 11:20 Befacebook 阅读(436) 评论(0) 推荐(0)

jquery源码阅读笔记一

摘要：1. jquery无new的构造函数。无new的构造函数是怎么实现的。比如我们一般这么用jQuery。 $(".test").text(); 但是我们一般是这么写的。 var test = new $(".test"); test.text(); 那么jquery的内部是怎么实现的呢？主要的妙处阅读全文

posted @ 2016-10-20 23:58 Befacebook 阅读(770) 评论(0) 推荐(0)

setTimeout 理解

摘要：1.定义简介 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 function foo(){}; var id = setTimeout(foo,1000); //返回一个大于0 的整数。表示id 当我清楚定时器的时候传这个id就可以。 2. 试题引发的思考 setTim 阅读全文

posted @ 2016-10-20 15:41 Befacebook 阅读(356) 评论(0) 推荐(0)

Git 使用规范流程

摘要：1. git使用规范流程第一 : 从主干仓库github fork 一个项目到你的github仓库。第二：从你的github clone一个到你本地的仓库自己的分支上。第三：编写新功能的 git commit 提交到本地仓库。第四：当远程仓库更新代码之后你pull 远程仓库的代码。此时有阅读全文

posted @ 2016-10-20 14:51 Befacebook 阅读(981) 评论(0) 推荐(0)

JavaScript异步编程 ( 一 )

摘要：1. 异步编程 Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面阅读全文

posted @ 2016-10-19 15:32 Befacebook 阅读(201) 评论(0) 推荐(0)

javaScript模块化一

摘要：1. Module模式的基本特性 A) 模块化可重用 B) 封装了变量和function 和全局的namespace不接触松耦合。 C) 只暴露可用public的方法其他私有方法全部隐藏 2. 匿名闭包匿名闭包是让一切成为可能的基础，而这也是JavaScript最好的特性，我们来创建一个最简阅读全文

posted @ 2016-10-17 23:32 Befacebook 阅读(199) 评论(0) 推荐(0)

javascript 知识点坑

摘要：1. JavaScript事件属性 event.target 当目标事件发生span里面当目标事件发生在main里面 e.target; // 目标节点DOM结构 e.target.id; // 目标节点DOM的id名 e.target.nodeName; // 目标节点DOM标签名字大写但是阅读全文

posted @ 2016-10-17 15:31 Befacebook 阅读(243) 评论(0) 推荐(0)

javaScript闭包

摘要：1. 闭包出体验上面代码翻译成自然语言如下： (1)定义了一个普通函数A (2)在A中定义了普通函数B (3)在A中返回B（确切的讲，在A中返回B的引用） (4)执行A(),把A的返回结果赋值给变量 c (5)执行 c() 把这5步操作总结成一句扯淡的话就是：函数A的内部函数B被函数A外的一个变量阅读全文

posted @ 2016-10-17 00:22 Befacebook 阅读(217) 评论(0) 推荐(0)

函数式编程

摘要：1. 函数式编程第一等公民也就是说函数与其他数据类型一样处于平等地位可以赋值给其他变量。可以作为参数传入另一个函数。或者作为别的函数的返回值。代码中的print变量就是一个函数，可以作为另一个函数的参数。 2. 只用表达式不用语句 "表达式"（expression）是一个单纯的运算过程，阅读全文

posted @ 2016-10-16 16:48 Befacebook 阅读(225) 评论(0) 推荐(0)

JavaScript的68个技巧一

摘要：1. 严格模式在自己的项目中你可以坚持只使用” 严格模式 ” 或只使用” 非严格模式 ”的策略。但如果你要编写健壮的代码应对各种各样的代码连接你有两个可选的方案。 A) 不要将严格模式检查的文件和不进行严格模式检查的文件连接。 B) 第二种通过自定义的立即调用的函数表达式连接多个(推荐)。由阅读全文

posted @ 2016-10-14 14:54 Befacebook 阅读(298) 评论(0) 推荐(0)

网站开发关于图片压缩以及图片使用

摘要：1. 图片格式我就简单介绍一下我常用的三中图片格式 ( png jgp webP ) A）png 可以储存透明，完爆gif的地方在于失真小，没锯齿；劣势是不支持动画；采用无损压缩，在多数情况下都可以保留图片里所有像素。PNG无损压缩算法，简单地说，就是把图片里出现的每一个颜色都记录下来。通过记录这阅读全文

posted @ 2016-10-14 10:04 Befacebook 阅读(1785) 评论(0) 推荐(0)

Node.js 之 express 入门 ejs include公共部分

摘要：1. 直接进入express安装因为之前有一篇文章我已经讲过怎么安装node了而网上的教程也是非常多。所有直接进入到express。教程简陋由于我比较笨所有只要写到我自己明白就行。这里有个教程（http://blog.csdn.net/dai_jing/article/details/38 阅读全文

posted @ 2016-10-13 19:47 Befacebook 阅读(16972) 评论(0) 推荐(0)

jQuery插件开发

摘要：1. 插件插件: 就是用户自己新增的jQuery实例对象的方法。由于该方法要被所有实例共享，所以只能定义在jQuery构造函数的原型对象（prototype）之上。对于用户来说，把一些常用的操作封装成插件（plugin），使用起来会非常方便。 2. 原理 jQuery插件是定义在jQuery构造函阅读全文

posted @ 2016-10-11 15:37 Befacebook 阅读(207) 评论(0) 推荐(0)

应该知道的4中设计模式

摘要：1. 4 JavaScript Design Patter you should Know。 Module Design Patter（模块设计模式） JavaScript的模块是用于保持代码独立于其他部件中最普遍的设计模式。提供松散耦合支持结构良好的代码。模块应立即调用的函数进行表达式（II 阅读全文

posted @ 2016-10-09 21:32 Befacebook 阅读(304) 评论(0) 推荐(0)

jquery获取当前元素坐标

摘要：1. jquery获取当前元素坐标 A) 获取对象阅读全文

posted @ 2016-10-09 16:42 Befacebook 阅读(374) 评论(0) 推荐(0)

一张图搞懂 Javascript 中的原型链、prototype、__proto__的关系转载加自己的总结

摘要：1. JavaScript内置对象所谓的内置对象指的是：JavaScript本身就自己有的对象可以直接拿来就用。例如Array String 等等。JavaScript一共有12内置对象其中10个函数类型( String,Number,Boolean,Array,Function,Date, 阅读全文

posted @ 2016-10-09 15:46 Befacebook 阅读(2055) 评论(0) 推荐(1)

策略者模式

摘要：1. 策略模式定义和优点策略者模式: 定义一系列的算法把它们一个个封装起来并使他们可以相互替换。优点: A) 策略模式利用组合委托等思想有效避免很多if条件语句。 B) 策略模式提供了开发——封闭原则使代码更容易理解和扩展。 C) 策略模式中的代码可以复用。 2. 策略模式的使用使用策阅读全文

posted @ 2016-10-09 11:40 Befacebook 阅读(764) 评论(0) 推荐(0)

JavaScript 之 call apply bind

摘要：关键字 this 绑定的方法 this的动态切换，固然为JavaScript创造了巨大的灵活性，但也使得编程变得困难和模糊。有时，需要把this固定下来，避免出现意想不到的情况。JavaScript提供了call、apply、bind这三个方法，来切换/固定this的指向。 1. apply(thi 阅读全文

posted @ 2016-10-08 23:04 Befacebook 阅读(183) 评论(0) 推荐(0)

instanceof 和构造函数

摘要：1. intanceof 运算符 instanceof 运算符返回一个布尔值，表示指定对象是否为某个构造函数的实例。 instanceof左边是实例对象右边是构造函数。它的运算实质是检查右边构建函数的原型对象，是否在左边对象的原型链上。因此，下面两种写法是等价的。 Vehicle.prototyp 阅读全文

posted @ 2016-10-08 15:40 Befacebook 阅读(327) 评论(0) 推荐(0)