JavaScript 继承 原型链继承 {代码...} 构造函数继承 {代码...} 组合继承 {代码...} 原型式继承 {代码...} 寄生继承 {代码...} 寄生组合继承 {代码...} ES2015 class extends 继承 {代码...}

React 源码阅读-5 源码 {代码...} React.forwardRef 接受一个渲染函数，该函数接收 props 和 ref 参数并返回一个 React 节点 为了在高阶组件中转发 refs forwardRef例子 {代码...} 1.我们通过调用 React.createRef 创建了一个 React ref 并将其赋值给 ref 变量。 2.我们通过指定 ref 为 JSX 属性，将其向下传递给<Fan...

React 源码阅读-4 上下文 Context 上下文Context 提供了一种通过组件树传递数据的方法，无需在每个级别手动传递 props 属性。 何时使用 Context Context 旨在共享一个组件树内可被视为 “全局” 的数据，例如当前经过身份验证的用户，主题或首选语言等; {代码...} 例子: {代码...} 使用 context, 我们可以避免通过中间元素...

React.PureComponent 与 React.Component 很相似。两者的区别在于 React.Component 并未实现 shouldComponentUpdate()，而 React.PureComponent 中以浅层对比prop 和 state 的方式来实现了该函数。

在典型的React数据流中，props是父组件与其子组件交互的唯一方式。要修改子项，请使用new props 重新呈现它。但是，在某些情况下，需要在典型数据流之外强制修改子项。要修改的子项可以是React组件的实例，也可以是DOM元素。对于这两种情况，React都提供了api。

代码规范 git commit规范 每次提交 git commit的时候总是有点难受,不知道怎么写? 还有不同人写的风格完全不一样, 1.安装Commitizen npm install -g commitizen [链接] 2.项目运行命令行 commitizen init cz-conventional-changelog --save --save-exact 凡是用到git commit命令，一律改为使用git cz 这时，就会出现选项...

React 源码阅读1 Fork最新版的 React 源码地址 刚开始看源码,先过一遍.先看最顶层暴露出来的 API,再具体看实现的源码.保持学习. React 入口 {代码...} Children React.Children 提供了用于处理 this.props.children 不透明数据结构的实用方法。 {代码...} React.Children.map 在 children 里的每个直接子节点上调用一个...

搭建个人博客 github博客地址 [链接] 准备工作 初始化 {代码...} 按照提示一步一步即可 安装VuePress {代码...} package.json {代码...} 分别是dev和build模式 新建文件夹 {代码...} 在 .vueress文件夹下 新建 config.js {代码...} 新建react 文件夹新建 md文件 默认指向 README.md {代码...} {代码...} 配置 [链接][链...

DOM和CSS渲染过程 DOM {代码...} 一个简单的html页面如上所示。 DOM有两个概念： 解析 渲染 DOM解析 DOM解析：就是把你所写的各种html标签，生成一个DOM TREE，可以认为就是生成了一个最原始的页面，一点样式都没有，毫无CSS修饰。 DOM渲染：浏览器会把本身默认的样式+用户自己写得样式整合到一起，形成一个CSS TREE，而...

Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。

Location 接口表示其链接到的对象的位置URL。所做的修改反映在与之相关的对象上。 Document 和 Window 接口都有这样一个链接的Location，分别通过 Document.location和Window.location 访问。

React生命周期 生命周期概览 生命周期的状态 组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲 Unmounting：已移出真实 DOM componentWillMount 在渲染前调用,在客户端也在服务端。 生命周期介绍 componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构...

sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开...

前端切图工具 作为一个前端切图仔总是避免不了切图的痛苦 强大的PxCook PxCook不得不说这个工具强大，不仅由MAC版也有Windows，也不收费。具体看官网的安装和教程就好了，真的强大 分享一下photoshop mac Photoshop 2018 谷歌网盘地址mac Photoshop windows Photoshop 2018 谷歌网盘地址windows Photoshop Sketch Sketch...

正在熟悉项目上的代码，新添加了一个需要，需要对表单进行分页，之前的代码中是有分页的代码的，看了老半天，也没看太明白。之前的项目比较久远，继续熟悉代码。