随笔分类 -  Javascript

webpack配置
摘要：先说说已有的几种模块加载方式 script 最原始的js文件加载方式，把每个文件作为一个模块 commonJS 用require方法同步加载依赖的模块，通过exports或module.exports导出要暴露的接口 AMD 异步加载模块，声明模块的时候指定依赖，即依赖前置 ES6 es6标准新增了 阅读全文
posted @ 2017-03-06 12:46 coIorZ 阅读(275) 评论(0) 推荐(0)
coffeescript初体验
摘要：第一时间就被吸引了，个人觉得值得一用，简练、实用，熟练的话写代码本身都变得美好了，而且看上去很高大上有木有 安装 npm install coffee-script -g npm是Nodejs带的一个包管理工具，下载安装好nodejs就可以用npm了。-g是指把包安装到全局路径下，这样无论当前路径在 阅读全文
posted @ 2016-01-29 10:25 coIorZ 阅读(184) 评论(0) 推荐(0)
ES6 spread operator 实现Function.prototype.apply
摘要：之前出于好奇想自己实现apply的功能(不使用call,bind)，一写才发现用eval无法实现，除非传入的参数全是字符串。今天突然看到这个ES6新特性spread opertor，发现有戏了Function.prototype.apply2 = function(obj, arg) { var ... 阅读全文
posted @ 2016-01-25 17:54 coIorZ 阅读(217) 评论(0) 推荐(0)
一些取整方法
摘要：看到一篇文章浮点型巧变整型，讲的是用按位取反~来取整~~1.5 // 输出1想到平时看源码时也看到过各种各样取整方法1.5 | 0 // 输出11.5 >>> 0 //输出1原来浮点数不支持位运算，会自动转换成整数。所以凡是对一个数进行位运算且不改变它的值就可以达到取整的效果。在chrome里... 阅读全文
posted @ 2016-01-25 11:30 coIorZ 阅读(232) 评论(0) 推荐(0)
cookie-util
摘要：自己写的一个cookie-util，支持json 1 (function (name, factory) { 2 if (typeof define === 'function') { 3 define(factory); 4 } else if (typeof module !== 'undefi 阅读全文
posted @ 2016-01-25 09:33 coIorZ 阅读(199) 评论(0) 推荐(0)
由$(this).attr('id')引出的一点感想
摘要：这几个月一直在学习JS，对HTML不够重视，有些很基础的东西还没完全掌握，于是暴露了问题。在看DOM元素属性时突然看到了id属性，不由得想起之前我竟然是这么来获取id的$('#btn').on('click', function() { var id = $(this).attr('id'); ... 阅读全文
posted @ 2015-09-19 19:29 coIorZ 阅读(3579) 评论(1) 推荐(0)
JS类的实现
摘要：1个月前写过最简单的那种，再重新实现一遍//类的实现，一个参数创建类，两个参数继承类var Klass = function (parent, options) { var hasOwn = Object.prototype.hasOwnProperty, isFu... 阅读全文
posted @ 2015-09-17 17:39 coIorZ 阅读(596) 评论(0) 推荐(0)
JS设计模式之接口
摘要：JS能把类模仿得惟妙惟肖，也可以模仿接口，参考pro javascript design pattern一书，主要有3种方式注释（Comment)这种不用多说了，就是在注释里写明接口定义了哪些方法，哪些地方需要实现什么接口。好处是不会增加任何多的对象或函数，也不会影响执行效率。坏处也很明显，一切靠自... 阅读全文
posted @ 2015-09-15 21:33 coIorZ 阅读(471) 评论(0) 推荐(0)
JS设计模式之工厂模式
摘要：一般RPG游戏里， 一开始我们都要创建角色，选择职业，战士、法师还是弓箭手var Character = function () { }, Warrior = klass(Character), Mage = klass(Character), Archer = klass(... 阅读全文
posted @ 2015-09-14 16:43 coIorZ 阅读(16539) 评论(0) 推荐(5)
JS设计模式之序
摘要：最近看了3本关于设计模式的好书，Head First Design Patterns，Learning Javascript Design Patterns，大话设计模式，也顺便捡一捡多年不用的英语。我们都知道一个古老的问题：面向对象的好处有哪些？可复用、可扩展、易维护、灵活。我用一门面向对象语言（... 阅读全文
posted @ 2015-09-13 10:27 coIorZ 阅读(206) 评论(0) 推荐(0)
JS的继承
摘要：对于继承的实际运用还没有很好的理解，这里就先说说JS中继承的实现。类式继承作为基于原型的语言，JS也可以模仿类式继承。首先声明一个父类function Person(name, age) { this.name = name; this.age = age;}Person.prototy... 阅读全文
posted @ 2015-08-18 20:25 coIorZ 阅读(239) 评论(0) 推荐(0)
you think you know javascript?
摘要：学了两个多月，一些基本概念还是没搞清，要加把劲了。直接上题（题目出处，大叔系列），有几题我做了点补充，答案放后面，还没做过的同学可以先自己思考思考。if (!('a' in window)) { var a = 1;}alert(a);var a = 1,b = function a(x) {... 阅读全文
posted @ 2015-08-14 11:20 coIorZ 阅读(193) 评论(0) 推荐(0)
js中的null和undefined
摘要：JS里的6大类型： number,string,boolean,null,undefined,object，其中null和undefined就占了2个位子，而它们的作用都是代表空，在平时的工作中我也完全没有发现这两者之间的差异，那它们到底有什么区别呢。主要体现在语义上：null表示一个值被定义了，定... 阅读全文
posted @ 2015-08-13 17:14 coIorZ 阅读(337) 评论(0) 推荐(0)
作用域、闭包等概念的理解
摘要：总结一下我对JS中这些基本却略纠结的概念的理解。作用域我们知道，JS不支持块级作用域，只支持函数作用域。函数体内，既不是局部变量，也不是参数的变量称为自由变量。如果没搞清楚函数的作用域，有时某些自由变量的值会与你所想的很不一样。举个简单例子 1 var a = 10; 2 3 function g... 阅读全文
posted @ 2015-08-11 17:02 coIorZ 阅读(1790) 评论(2) 推荐(1)
对JS回调函数的一点理解
摘要：之前写的异步JS是纯译文，现在刚好工作了2个月，想谈谈我自己对JS回调函数的一点理解，欢迎渴望大家的指正和交流。回调函数从形式上看就是把函数b作为参数传给函数a，在a的函数体里调用函数b1 function a(b) {2 b();3 }4 function b() {5 ...6 ... 阅读全文
posted @ 2015-08-09 12:19 coIorZ 阅读(221) 评论(0) 推荐(0)
异步JS
摘要：最近忙于工作项目，很久没有写博客了，然而博客还是得写，帮助很大。三言两语也好，以后尽量抽空多写写。欢迎指正交流。第一次接触到异步的概念来自于ajax，即页面向服务端发请求，不等待返回结果而继续向后执行，当结果返回时执行回调，回调函数执行的时机是不确定的，取决于服务端何时返回结果。相对的，同步就是指一... 阅读全文
posted @ 2015-07-26 19:29 coIorZ 阅读(276) 评论(0) 推荐(0)
Javascript中的this
摘要：初学JS，对this有些困惑，在此做一下总结，欢迎指正交流。就和我们平常说话一样，“张三跑得飞快，因为他快迟到了”，注意这个他。我们也可以说“张三跑得飞快，因为张三快迟到了”，但是一般不这么说。同样，在JS里，我们用this来指代对象。var person = { firstName: "Pe... 阅读全文
posted @ 2015-06-22 15:43 coIorZ 阅读(232) 评论(0) 推荐(0)