React是一个专注于UI层的框架,它使用虚拟DOM技术,以保证它UI的高速渲染;使用单向数据流,因此它数据绑定更加简单;那么它内部是如何保持简单高效的UI渲染呢?这种渲染机制有可能存在什么性能问题呢?
你的项目需要一个官网平台了 — 基于Hexo快速搭建项目官网及文档平台
玩过 github.io
的同学对 hexo 都比较熟悉,目前最火的静态博客工具。其实,hexo
除了能帮助我们快速搭建个人博客,还能快捷搭建 项目官网
。最近在搭建公司内部框架的官网用到了,跟大家一块分享下~
项目直达:基于Hexo快速搭建项目官网及文档平台
react-swipes 移动端卡片滑动组件
react-swipes
打造最好用的React 移动端卡片滑动 组件
github: https://github.com/younth/react-swipes
为什么要造轮子
目前react component里面 基于移动端轮播/幻灯片 组件,最熟悉应该是react-swipe
这个库了。且看这个组件的构成:
- react-swipe: 引入swipe-js-iso,创建reat组件
- swipe-js-iso: 基于swipe.js的一个Pull Request
深入浅出NPM
package.json 解读
主要是核心的几个容易忽略的字段
1. bin
主要用于npm i -g
时候可以将脚本添加到可执行路径中,之后可以在命令行中直接执行。例如npm i -g fis3
后就可以全局使用fis命令。
underscore中template模板引擎源码解读
最近有个同事在写业务的时候,发现往模板引擎里面传数据,怎么传都报错(变量找不到之类的)。我们用的模板引擎是baiduTemplate。而之前并没有出现类似的情况,经过一番排查,发现是使用了use strict
,baiduTemplate源码使用了eval
实现,严格模式下是不能使用eval的。经过了这么大的坑后,打算好好研究下前端模板引擎,就从熟悉的undscore开始吧。
移动端专题系列(三)移动端优化
因为是移动端,所以更要注重优化。不要做出好的效果别人却看不了。
移动端专题系列(二)移动端动画
随着css3逐渐被各大浏览器全面支持,移动端的动画可以借助css3,从而避开js的运动实现。再配合canvas、svg等技术,在移动端做出酷炫的动效已经不是什么难题了。
移动端专题开发系列
第一次有认真写博客的冲动,想搞点干货
出来。刚好最近做了几个h5
活动页(公司里面都这么叫),打算花几个篇幅,分享下遇到的坑与成长吧。大概的思路是这样的:
- 布局篇(至少要适配108种手机类型吧)
- 动画篇(传说中的狂拽酷炫叼炸天动画)
- 优化篇(横屏咋整?音乐多长合适?)
- 构建篇(能用工具自动完成的事情,何必亲自动手)
移动端专题系列(一)移动端布局
目前为止,移动端的布局想做到适配各种机型,我总结出了两套方案:
mac下高效的使用svn
svn已经属于过时的版本管理工具了,在github大行其道的今天,git已经被广泛运用各大公司。可是总有事与愿违的时候,由于历史沿革
的原因,在一些大公司里面,svn仍然被广泛运用于各大产品线,为此我们必须熟悉一些svn操作的技巧。