优秀文章以及实用库记录

一、实用库 1、雪花飘落效果:点击打开链接 2、JavaScript与元素间的抛物线轨迹运动:点击打开链接 二、优秀文章: 1、前端代码规范及最佳实践:点击打开链接 2、七天学会NodeJS:点击打开链接 3、Vue.js入门教程:点击打开链接 4、grunt新手上路:点击打开链接 5、jQuer...

2014-12-31 11:24:18

阅读数 534

评论数 0

React:创建同时受控与非受控的组件

提示:考虑到react的少状态设计,这里提到的方案可能是反模式。 我们都知道,有许多的web组件可以被用户的交互发生改变,比如:<input>,<select>,或者是我现在正在使用的富文本编辑器。这些组件在日常的开发中很不显眼,我们可以很轻易的通过输入一些内容或者设置元...

2016-08-04 18:21:35

阅读数 2923

评论数 0

使用gulp实时编译sass/sass

背景 在我们新开始的项目中,我们打算使用scss来作为我们的样式书写语言。同时,所有的sass/scss文件经过编译转化成css文件后要存放到跟scss/sass文件相同的目录下。整个前端团队已经有实时的代码编译构建工具,那么我们只需要书写自己的实时scss/sass构建工具,生成对应的css文件...

2016-02-29 16:58:32

阅读数 9110

评论数 0

彻底理解thunk函数与co框架

ES6带来了很多新的特性,其中生成器、yield等能对之前金字塔式的异步回调做到很好地解决,而基于此封装的co框架能让我们完全已同步的方式来编写异步代码。这篇文章就对生成器函数(GeneratorFunction)及框架thunkify、co的核心代码做比较彻底的分析。co的使用还是比较广泛的,除...

2015-12-29 15:53:16

阅读数 4877

评论数 0

在jQuery与Node之间创建跨域请求(Cross-Origin Resource Sharing (CORS) )

原文地址:http://www.bennadel.com/blog/2327-cross-origin-resource-sharing-cors-ajax-requests-between-jquery-and-node-js.htm

2015-10-29 22:03:52

阅读数 449

评论数 0

[译]框架是如何炼成的 —— 揭秘前端顶级框架的底层实现原理

我们每天都使用大量的前端库和框架,这些各种各样的库和框架已经成为我们日常工作的一部分,我们之所以使用他们,是因为我们不想重新造轮子,即使我们不明白它们的底层是怎么回事,在这篇文章中,我将揭示流行框架中发生了哪些神奇的过程,同时我们也会探讨如何自己去实现。 使用字符串生成 DOM 随着单...

2015-10-27 11:28:39

阅读数 4143

评论数 0

GPU:合成加速

公司内部同事翻译的一篇技术文章,很多干货,讲解了浏览器渲染的一些原理的东西,值得一读。

2015-10-14 16:58:31

阅读数 2012

评论数 0

gulp将请求转为请求本地JSON

使用gulp将ajax请求转为本地JSON数据:

2015-08-07 23:19:27

阅读数 1339

评论数 0

browserify--将js代码解析为AST树并解析AST树

在服务端,nodeJS可以直接使用CommonJS规范来写,运行在浏览器中的前端代码也可以这样写,然后使用browserify可以将其转化为模块化写法,装载依赖模块。其原理就是将js代码字符串解析为AST树,然后遍历AST树分析出require的依赖项,使用我们自己写得require函数来加载依赖...

2015-07-15 11:35:45

阅读数 4468

评论数 0

我们在promises的使用上存在问题

JavaScript的开发者同事们,现在是时候承认一个事实了:在promises的使用上还存在问题。 但并不是promises他们本身有问题,被A+标准定义的promises是极好的。 在过去一年的课程中揭示给我的一个比较大的问题是,正如我所看到的,很多的程序员在使用PouchDB API以及与其...

2015-06-23 11:55:08

阅读数 954

评论数 0

SVN提交异常 file is scheduled for addition, but is missing

下午在提交SVN代码的时候遇到了提交异常不能提交的问题,异常的详细内容见下面: wangxiangzhongdeMacBook-Air:account wangxiangzhong$ svn ci --force-log -m '账户授权改版' svn: E155010: Commit faile...

2015-04-01 14:11:32

阅读数 2380

评论数 0

Arale Base源码分析(含Attribute)

Attribute的源码解析: --注:这部分的源码阅读起来比较费劲,可能解析的还不太到位,后续会多读几遍增添新的解释,后面随时更新。 // 负责 attributes 的初始化 // attributes 是与实例相关的状态信息,可读可写,发生变化时,会自动触发相关事件 exports.in...

2015-03-27 15:44:09

阅读数 600

评论数 0

jQuery判断一个元素是否是另一个元素的子元素(或其自身)

jQuery判断一个元素是否是另一个元素的子元素(或其自身)的简单实现: //判断:当前元素是否是被筛选元素的子元素 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; //判断:...

2015-03-26 19:19:58

阅读数 1801

评论数 0

Arale aspect切面编程源码解析

切面编程能让你有效的控制方法的执行顺序。举个例子: var Dialog = Base.extend({ ... show: function() { console.log(2); this.element.show(); }, ...

2015-03-26 16:25:04

阅读数 627

评论数 0

Arale Class基类源码解析

JS中OO的模拟有很多的实现与尝试(相关文章),Arale则在以下原则的指导下进行构建: 1.如无必要,勿增实体 —— Simple 2. 一目了然,容易学习 —— Stupid Class源码的学习可以通过了解如何调用Class来实现类的继承与扩展的例子进行学习。下面是对Class类的源码...

2015-03-24 21:08:45

阅读数 605

评论数 0

如何创建没有new能实例化的构造函数

众所周知,在js里是没有真正的类这个饿概念的(以后的版本会加入),通常我们所谓的类就是用new来构造实例的普通函数。 通常实例化一个构造函数的时候,里面的this是指向被实例化的实例的。如下示例所示: function Ins(){ this.a = 1;//this指向类似于下面的i...

2015-01-22 12:56:34

阅读数 1728

评论数 0

sublime text3破解版下载

下载地址:下载

2015-01-07 16:54:01

阅读数 860

评论数 0

为sublime text安装AngularJS插件

sublime能够支持AngularJS开发那绝对是一件很爽的事情。下面我一步步讲解如何为sublime安装AngularJS插件。 1、添加控制包站点 根据你安装sublime 版本不同,在控制台写入不同的代码 : 控制台打开方法:View > Show Console 或者 快捷键 c...

2015-01-07 16:33:24

阅读数 11890

评论数 0

纯CSS实现IOS开关效果

同事早上展示了一款没有使用js完全使用CSS实现的模仿IOS开关的效果,很有意思。在跟其交流了基本的思路后模仿实现了一下。 基本的原理 利用label与checkbox类型的input的关联关系(点击关联的label引发checkbox不同的状态),然后根据checkbox不同的状态就能去做不...

2015-01-07 11:55:28

阅读数 1675

评论数 0

<转>监测用户浏览器是否有缩放

用于判断用户的浏览器是否有缩放库:!function(window){ var document = window.document; function user_agent(){ var ua = navigator.userAgent.toLowerCase()...

2015-01-02 16:54:22

阅读数 667

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭