React16 + next.js 4 + antd-mobile2 服务端渲染实践总结

2018-02-06
阅读 2 分钟
9.7k
随着React服务端渲染越来越流行,笔者也想尝尝鲜,经过半个月的折腾,笔者把原先的客户端渲染项目,通过结合 next.js 构建了一个服务端渲染的同构项目。再加上开启服务器页面缓存,以及静态资源CDN加速优化,最终使得网站首屏渲染时间在0.6秒(即:DOMContentLoaded 的时间)左右,大大提高了页面的响应速度,进一步提升...

YARN, 一个可能取代npm的javascript包管理

2016-11-17
阅读 2 分钟
5.3k
Facebook刚刚推出了一款名叫Yarn的开源JavaScript包管理器,承诺比各大流行npm包的安装更可靠,且速度更快。根据你所选的工作包的不同,该公司称Yarn可以将安装时间从数分钟减少至几秒钟。Yarn还兼容nom注册表,但包安装方法有所区别。其使用了lockfiles和一个决定性安装算法,能够为参与一个项目的所有用户维持相同的节...

手机端页面自适应解决方案—rem布局(进阶版,附源码示例)

2016-11-01
阅读 6 分钟
26.1k
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》,意外受到很多朋友的关注和喜欢。但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的方案——rem布局(进阶版) 另外: 此方案仅适用于移动端web 文章底部常见问题说明第四条,笔者已给出一个相当便捷的解决方案,欢迎留言交...

React 入坑杂谈——写给萌新

2016-10-21
阅读 2 分钟
4.7k
你自信满满,觉的 Reac 无非就是一个和 Jquery 一样的 JS 库,作为已经精通 HTML 和 CSS,并且有长达两年的 Jquery 使用经验的你来说,学好 React 不在话下,于是早上 08:00 你斗志昂扬的开始了入门学习...

手机端 React 项目构建

2016-08-06
阅读 3 分钟
16.5k
react.js 是一个构建用户界面的javascript库,它因单向数据绑定和虚拟 DOM 两大特点在前端界大放异彩。 因为它解决了当下网页性能陷入的瓶颈————由于直接操作DOM导致页面性能损失很大,而虚拟DOM避免了直接操作DOM(Jquery 是一个典型的操作DOM的库,所以 React 开发中,我们尽量不要使用Jquery)。再加上 React 单向数据...

手机端页面自适应解决方案—rem布局

2016-03-28
阅读 3 分钟
35k
相信很多刚开始写移动端页面的同学都要面对页面自适应的问题,当然解决方案很多,比如:百分比布局,弹性布局flex(什么是flex),也都能获得不错的效果,这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem(什么是rem)布局

webpack-es6-react (为系统学习React布一个良好的开局)

2016-03-10
阅读 2 分钟
8k
项目地址:webpack-es6-react 这是一个基础的,综合了webpack,es6,react的学习模板。 本模板也方便你对 react 生态圈中其他相关知识的学习,比如你想学习 react-router,redux 或是 css-modules都可以以此模板为基础进行延伸学习。

[译] react-css-modules

2016-03-03
阅读 10 分钟
35.2k
React CSS Modules 实现了自动化映射 CSS modules。每个 CSS 类都被赋予了一个带有全局唯一名字的本地标识符。 CSS Modules 实现了模块化和复用性。([链接])