共计 7 篇文章

React组件生命周期

实例化 首次实例化 getDefaultProps getInitialState componentWillMount render componentDidMount 实例化完成后的更新 getInitialState componentWillMount render componentDidMount 存在期 组件已存在时的状态改变 componentWillReceiveProps shouldComponentUpdate componentWillUpdate render componentDidUpdate 销毁&清理期 componentWillUnmount 说明 生命周期共提供了10个不同的API。 1. ...

搭建一个超完美的React服务端渲染开发环境

转载,原文地址https://www.jianshu.com/p/0ecd727107bb 前言 前段时间公司有一个产品需求要求使用Node.js中间层来做服务端渲染,于是翻遍了整个技术社区,没有找到一个特别合适的脚手架,作为一个有追求的前端攻城狮,决定自己去搭建一套最完美的服务端渲染开发环境,期间踩过无数的坑,前前后后差不多折腾了三周时间。 服务端渲染好处 SEO,让搜索引擎更容易读取页面内容 首屏渲染速度更快(重点),无需等待js文件下载执行的过程 更易于维护,服务端和客户端可以共享某些代码 思考 如何实现组件同构? ...

使用Thunk 函数实现Generator 函数执行器

什么是Thunk函数 那时,编程语言刚刚起步,计算机学家还在研究,编译器怎么写比较好。一个争论的焦点是"求值策略",即函数的参数到底应该何时求值。 var x = 1; function f(m) { return m * 2; } f(x + 5) 上面代码先定义函数f,然后向它传入表达式x + 5。请问,这个表达式应该何时求值? 一种意见是" ...

ES6迭代器和for-of循环

如何循环一个数组?20年前 JavaScript 诞生的时候,你会这么写: for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } ES5 之后,可以使用内置的 forEach 方法: myArray.forEach(function ...

Node.js 之 log4js 完全讲解

log4js 是 Node.js 日志处理中的数一数二的模块。比起console或者 TJ 的 debug 有其优势,尤其针对投入生产的 Node.js 项目来说下面这些是不可少的: 日志分级 日志分类 日志落盘 本文将会给你一个 log4js 的全面介绍,让你可以在项目中驾轻就熟的使用 log4js,开发调试容易,线上更好地监控或排查问题。 牛刀小试 下面这三行代码为你展示了 ...