开源库类


Webpack + Angular的组件化实践

最近写复旦二手平台的时候开始尝试用一直推崇了很久的组件化。经过一番抉择之后选择了 webpack + angular 的组合。所以在这里分享一下具体的实践流程。


React.js下的$.data()"踩坑"实录

React.js下的$.data()”踩坑”实录 引子 最近在做得一个项目,我是基于reactjs来写的。项目不大不小,就带了个童鞋一起写,为了不让react写起来那么吃力,我还是引入了jquery (1.11.1)。就这样整个项目开展的还算顺利,期间踩到了一些坑,但都是react的 …


全屏滚动效果H5FullscreenPage.js

前提: 介于现在很多活动都使用了 类似全屏滚动效果 尤其在微信里面 我自己开发了一个快速构建 此类项目的控件 与市面上大部分控件不同的是此控件还支持元素的动画效果 并提供多种元素效果 基于zepto.js 功能清单: 1 快速实现页面全屏滚动效果。 …


React学习笔记—类名操作

抛砖引玉 先实现一个点击按钮切换背景的功能先。 默认背景色是红色,点击按钮在红绿色之间切换。 index.html <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>React</title> <link …


Backbone源码研究 – Backbone.View

整个View的代码非常简洁,View构造逻辑也一目了然。 javascriptvar View = Backbone.View = function(options) { this.cid = _.uniqueId(‘view’); options || (options = {}); _.extend(this, _.pick(options, viewOptions)); this._ens …


Browerify简易入坑指南

简介 browerify: http://browserify.org/index.html browserify可以看做浏览器端的又一个模块化工具,在ES6模块规范在前端大规模落地之前更优雅的选择。 简要说明 browserfify长处在于使用node-flavor模块规范,而不是requirejs使用的AMD模块规范 …


ejs模版的使用摘要

概述 ejs模版是我比较喜欢而且常用的模版引擎,一方面它的语法和java中的velocity相似,另一位方面完全把视图解耦出来,性能也比较出色,所以成为我模版选型的不二之选。 核心概念 我们先从一个简单的示例来看看ejs模版的用法吧。ejs模版的核心分别是 …


Fontmin 快速指南

Fontmin 是一个纯 JavaScript 实现的字体子集化方案。 提供了 ttf 子集化,eot/woff/svg 格式转换,css 生成 等功能,助推 webfont 发展,提升网页文字体验。 See the Pen Fontmin Example by Firede (@firede) on CodePen. Why Fontmin 浏览器的季风 …


【译】Impress.js制作酷炫Presentation PPT

可以先看一个demo:http://dwqs.github.io/resume 昨天,我写了一些关于Impress.js的东西,对于创建在线的自我展示,这是一个非常不错的JavaScript库。由于是线上发布,所有有部分人问我怎么正确的使用它。因为没有在实际的项目页面设置帮助文档。这一篇 …


React学习笔记—简易信息管理,实现CUD

需求 利用React实现一个简易的信息管理系统。 写的不太好,欢迎熟悉React的大神来找茬。真心感激! 分析 编写React就是不断构建组件的过程,首先要根据需求进行UI的划分: -StudentBox -StudentList -Student -StudentForm 编码 服务 …