首页

Redux and Router

Part01 What's the problem这段代码意图是把router传递props的路由信息再传递给redux。有这么几个问题:如果靠组件生命周期转发 每个路由下面的顶级组件都要调这样一个action并且,如果路由有参数改变(很多时候页面状态的参数会在路由中体现),这段代码是无法检测的,还需要在com...

作者:乱世小梦 查看:54 时间:2018-12-07

Immutable

Part01 Immutable由何而生说immutable之前,首先看下什么是mutable。js在原生创建数据类型即是mutable,可变的。 const只是浅层次的防篡改,层级一深就没辙了。js在创建变量、赋值后是可变的。除了基本类型,其他的引用类型,通过变量地址来共享。 改变了obj1.a的值,同时也会改变ob...

作者:乱世小梦 查看:49 时间:2018-12-07

浅入深出setState(下篇)

Part one - 同步 or 异步1. 先说现象吧:在React中,如果是由React引发的事件处理(比如通过onClick引发的合成事件处理)和组件生命周期函数内(比如componentDidMount),调用this.setState不会同步更新this.state,除此之外的setState调用会同步执行th...

作者:乱世小梦 查看:320 时间:2018-08-08

浅入深出setState(上篇)

Part one - setState点燃引擎这是一个React组件实现组件可交互所需的流程,render()输出虚拟DOM,虚拟DOM转为DOM,再在DOM上注册事件,事件触发setState()修改数据,在每次调用setState方法时,React会自动执行render方法来更新虚拟DOM,如果组件已经被渲染,那么...

作者:乱世小梦 查看:333 时间:2018-08-08

了解Chrome扩展程序开发

本文大量借鉴图灵电子书-Chrome扩展及应用开发(首发版)首先,我尝试来用简单几句话描述一下Chrome扩展程序:Chrome扩展主要用于对浏览器功能的增强,它强调与浏览器相结合。比如Chrome扩展可以在浏览器的工具栏和地址栏中显示图标,它可以更改用户当前浏览的网页中的内容,也可以更改浏览器代理服务器的设置等等。0...

作者:乱世小梦 查看:777 时间:2018-03-26

JavaScript 之银弹の技法

JavaScript 之银弹の技法下文这些淫巧在之前自认为是居家必备,装逼撩妹的必备之物,博主一直敝帚自珍,不愿拿出来分享,现如今,ES6+极尽能事,我知道再不拿出来就在没有价值了来由博主入行前端写JavaScript时候,因为需要兼容IE低版本,时常需要在繁杂冗长的DOM操作夹杂的代码中,尽可能巧妙地节省代码了,保持...

作者:乱世小梦 查看:923 时间:2017-08-31

React高阶组件(HOC)

React高阶组件(HOC)首发地址:94梦想家 和 github仓库一、什么是React高阶组件?听起来很高大上,其实也就是函数接受一个组件,返回一个新组件。如果我们用过react-redux,就一定看过类似这段代码 connect(mapDispatchToProps,mapState...

作者:乱世小梦 查看:2106 时间:2017-06-04

一个 null>=0 不为 false 的扩

一个 null>=0 为 false 的扩散首发地址:94梦想家 和 github仓库作为一个 javascript 老司机今日却不小心在 boolean 判断不慎掉坑了,特此记录,并扩散梳理一下知识点。今天我写了一段这样的代码className={this.pr...

作者:乱世小梦 查看:1017 时间:2017-05-10

实现一个完善的React对话框组件

首发Github地址:github.com/94dreamer/Note博客地址:94dreamer.com转载请联系作者:503633021@qq.com对话框Dialog作为Web前端的典型组件,在任何一种Web系统内的占比都举重若轻,我们每一种前端框架的使用者都需要对对话框做封装,让其方便调用,来服务我们的前端开...

作者:乱世小梦 查看:8212 时间:2017-04-10

触屏开发规范及优化思路

原文地址:触屏开发规范及优化思路(更新和修改首发)基础搭建地址:多页面触屏开发主要针对资源请求过多和脚本管理杂乱导致首屏加载缓慢的现状 本次架构后页面加载渲染速度在500-800ms内。非异步资源请求数在20以内。缓存下请求资源大小为16KB.线上地址:新浪乐居二手房触屏前台一 项目前端架构设想(自动化与规范...

作者:乱世小梦 查看:1193 时间:2017-03-09