Tseng

一般在项目中我们逗需要把信息存储在本地的情况，比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等，我们可以暂存一下避免浏览器不必要的请求和客户多余操作，较少请求从而提高性能以给客户使用带来方便。那么浏览器存储有哪些方法呢，主要有cookie、localStorage、sessionStoragecookie属于文档对象模型DOM树根节点document，而 sessi...

HTML5HTML5 新元素HTML5提供了新的元素来创建更好的页面结构：<article> 定义页面独立的内容区域。<aside> 定义页面的侧边栏内容。<bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置。<command> 定义命令按钮，比如单选按钮、复选框或按钮<details> 用于描述文档或文档某个部...

BFC块级格式上下文、BFC布局、BFC应用、如何触发BFC

弹性盒布局（flexbox）一、弹性盒布局介绍1)弹性盒也叫伸缩布局盒模型它是**css3引入的一种新的布局模式——flexbox**布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的项目布局。相比之前的布局方式，更便利于开发。2)主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大...

JS的冻结、密封和扩展扩展特性Object.isExtensible 方法Object.preventExtensions 方法密封特性Object.isSealed 方法Object.seal 方法冻结特性Object.isFrozen 方法Object.freeze 方法浅冻结 与 深冻结<script> // 定义一个对象...

熟悉 React 组件生命周期的话都知道：调用 setState 方法总是会触发 render 方法从而进行 vdom re-render 相关逻辑，哪怕实际上你没有更改到 Component.state.this.state = {count: 0}this.setState({count: 0}); // 组件 state 并未被改变，但仍会触发 render 方法为了避免这种性能上的...

React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。代码结构组件之间的通信对于大型的复杂应用来说，这两方面恰恰是最关键的。因此，只用 React 没法写大型应用。为了解决这个问题，2014年 Facebook 提出了 Flux 架构的概念，引发了很多的实现。2015年，Redux 出现，将 Flux 与函数式编程结合一起，很短时间内就成为了最热...