随笔分类 - 个人总结
摘要：分析需求 首先我们要实现的文字云效果如下： 由图可知，该文字云的效果是，一个大标签文字在区域中心，其它小标签文字围绕这个大标签文字。 其中，这些文字有随机的颜色。 除了大标签文字，其它标签文字大小也随机。 然后， 这个效果呢，想象一下火影忍者的 。 其实就像一颗小石头扔向湖面，泛起阵阵涟漪（圆圈）向
阅读全文
摘要：前言 组件之间为什么要通信？因为有依赖。 那么，作为React组件，怎么通信？ React官网说， 进行 父 子 通信，可以直接pass props。 进行 子 父 通信，往父组件传给子组件的函数注入参数。 对于没有 父 子 关系的组件间的通信，你可以设置你自己的全局事件系统。 详情见 "原文" 和
阅读全文
摘要：三个原则 single store render from top immutable data single store，便于组件之间通信。 render from top，因为store就一个，每次修改后，从最顶层开始渲染，依赖DOM diff和人工shouldComponentUpdate判断
阅读全文
摘要：为什么要模块化？ 分治和复用 封装，不污染全局，不被全局污染。 继承 BEM(block:块,Element:元素,Modifier:修饰符)策略 封装靠人为约定。 继承靠层叠特性。 基础组件样式 分治性强，复用性强。 缺点 人为约定总是不靠谱，有人覆盖了就呵呵哒。 业务组件样式 分治性强，复用性弱
阅读全文
摘要：原生js转换为immutableData Immutable.fromJS([1,2]) // immutable的 list Immutable.fromJS({a: 1}) // immutable的 map 从immutableData 回到 JavaScript 对象 immutableDa
阅读全文
摘要：设备像素dp(device pixels) ppi(pixels per inch)表示每英寸所拥有的像素(pixel)数目，数值越高，代表屏幕能以更高的密度显示图像。 计算公式：ppi=像素数量/物理尺寸（英寸数） ppi就是设备像素dp(device pixels)的单位。 举例： 一个3.5寸
阅读全文
摘要：第一步 链式化 new Promise返回一个新空间P1， P1里面有匿名函数function(resolve){resolve(1);}) 和 匿名函数 function(info){ ...
阅读全文
摘要：代码取自于underscore.js 1.8.3的isEqual函数。做了一些小小的修改，主要是Function的比较修改。自己也加了一些代码解读。 js中两个对象的比较
阅读全文
摘要：ios4的高度是480px，5的高度是568px，6的高度是667px，6 plus的高度是736px。因为实际页面中，导航栏，statusbar会占用整个屏幕高度。所以，进行媒体查询适配，我是这样来的：/*iphone 4*/@media screen and (min-height: 400px...
阅读全文
摘要：源代码系列：underscore的封装和扩展http://www.cnblogs.com/samwu/p/5619029.html underscore.js 1.8.3的isEqual函数http://www.cnblogs.com/samwu/p/4586217.html jQuery的封装和扩
阅读全文
摘要：1.预编译语言在开发阶段，用更完善的第三方程序语言，生成html，css，js代码。缺点：css有sass，less；js有CoffeeScript，TypeScripty；HTML呢？优点：如果语言有缺陷，那我就再套一层语言来隐藏这些缺陷。将来：据说hex语言...2.css和html写在html...
阅读全文
摘要：// 1. 不污染全局环境(function() { // 2. 保留之前同名变量 var previousUnderscore = window._; var _ = function(obj) { return new wrapper(obj); }; ...
阅读全文
摘要：输入：[{ tag:"ul", attribute:{ class:"father6" }, property:{ className:"father" }, children:[ { tag:"li", ...
阅读全文
摘要：define(["jquery"],function($){ function jifen_shuoming(htmlContent, title){ var _html = '积分什么是积分什么是积分什么是积分什么是积分我知道了'; var _css = '.sh...
阅读全文
摘要：mac nodejs 安装1.http://npm.taobao.org/mirrors/node/latest/进入这个域名，然后找到最新的pkg包下载过来2.双击pkg包，下一步下一步安装3.这个包内置npm快速下载npm包，npm install express --registry=http...
阅读全文
摘要：布局自适应自适应，包括基于媒体查询的px布局，百分比布局，rem布局。其中手机淘宝的rem布局方案，很有实践价值。http://www.html-js.com/article/2402触摸手势业内成熟方案有百度的touch.jshttp://touch.code.baidu.com/以及国外的ham...
阅读全文
摘要：前端模块化分为，纯js模块化，前端组件化。纯js模块化，无非是多个输入，一个输出。组件化，则要把html，css，js打包一起。如何打包，方案一html和css写在js里面。使用的时候，把html扔进body里面，把css扔进head里面。不用了，就移除dom和style标签。所以，style标签要...
阅读全文
摘要：js运动实现，有两种。一种是速度版，另一种是时间版。速度版是通过对速度的加减乘除，得出元素的运动数据。时间版是通过对时间进行Tween公式运算，得出元素的运动数据。速度版运动优点：容易在运动过程中，对运动做一些修改。时间版运动优点：切换或缩小浏览器页面，浏览器会对网页定时器进行停缓处理。这样会导致一...
阅读全文
摘要：1.add的参数兼容，比如cb.add(fn1).add(fn2)等同于add(fn1,fn2)等同于add([fn1,fn2])。 2.$.Callbacks("memory")，第一次fire，执行之前的函数队...
阅读全文
