redux是参考Flux设计原则的一个管理数据流的库。 下图为redux的核心运作流程 image redux 三大原则： 单一数据源：整个应用的状态都保存在一个对象（store）中。这样我们随时可以取出整个应用的状态进行持久化。 状态只读 ...

image 同构，就是一套React代码在服务器上运行一遍，到达浏览器又运行一遍。服务端渲染完成页面结构，浏览器端渲染完成事件绑定。 那如何进行浏览器端的事件绑定呢？ 唯一的方式就是让浏览器去拉取JS文件执行，让JS代码来控制。 imag ...

结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程 ...

首先无论你要学习任何技能，必须有一个清晰的版图，什么是清晰的版图呢？首先了解你学的技术将来要从事什么工作，这个工作的条件是哪些？然后你要有一个非常清晰的学习大纲，切记学习任何东西都要系统，不可胡乱的瞎学浪费时间。web前端学习路线下面是给大 ...

都记录一些有关前端方面的冷知识或者一些易踩坑点，防止大家踩坑。JavaScript所有对象都有 __proto__ 属性，都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...

本文主要介绍如何将你现有的项目平滑的迁移至TypeScript。 我们这里以React + Webpack + Babel项目为例。其他类似的项目其实也都大同小异，可以参考进行配置。 第一步：支持编译.ts, .tsx文件 首先我们安装相 ...

距离 第一次听到 节流与防抖 已经过去两年的时间，最近也是新看到一道题重新复习下老的知识点，并且提出新的解决方案。 # 先温习一下之前已经知道的经典方法： // 节流 高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率 ex ...

1 传送门 https://babeljs.io/docs/en/next/babel-plugin-proposal-optional-chaining 2 安装 npm安装@babel/plugin-proposal-optional- ...

结学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript，本文详细为你解答他们都是能实现哪些功能？1、HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2、CSS样式是 ...

coding 百度和阿里内部都是在使用 react，包括今日头条也在使用 react。似乎 vue 最近比较火，但是对于一些大型项目我们还是需要react，vue 轻巧灵活更合适一些小型的项目。而且 react 是给我带来全新 virtu ...