问题我们都知道，在Vue组件中，data部分的数据与视图之间是可以同步更新的，假如我们更新了data中的数据，那么视图上的数据就会被同步更新，这就是Vue所谓的数据驱动视图思想。 当我们使用Vuex时，我们也可以通过在视图上通过 $store.state.[DataKey] 来获取Vuex中 sta ...

Github 源码地址 演示 Demo 掉落算法我们现在要研究一个问题，就是某元素一开始位置是y=100，如果限制变化常数是8，此时第一帧变为y=1e8（变化8），第二帧变为y=124（变化16）。第三帧是y=156（变化32） 1234567891011121314151617181920i ...

1. 安装与设置项目目录结构安装基础的webpack组件： 1234mkdir webpack-demo cd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev 常用目录参考： 1234567891011121314 ...

题目 如何准确判断一个变量是数组类型 写一个原型链继承的例子 描述new一个对象的过程 zepto（或其他框架）源码中如何使用原型链 知识点1. 构造函数 构造函数要用大写字母开头 var a=其实是var a=new Object）的语法糖 var a=[]其实是var a=new Array） ...

Canvas概述1. 与Flas的区别Canvas 和Flash的思路完全不一样，Flash是上屏幕之后还是对象，编程语言叫做 Action Script 也是ECMAScript范畴。Canvas上屏幕之后像素化了，再也不能得到这个对象了，所以要想让这个元素运动，必须擦除整个屏幕、重绘这个元素。C ...

01.UI组件与容器组件UI组件负责页面渲染，容器组件负责页面逻辑 创建UI组件的核心思想就是把原组件中的render函数中的内容抽离出去为一个子组件，在父组件的render函数中只引入这个子组件。 如：我们把TodoList项目中的render部分抽离出去后，文件结构变为 1234 index. ...

02.redux概念 图书馆模型： React Components：借书的用户 Action Creators：借书说的话（借哪本书） Store：图书管理员 Reducers（减速器，还原剂 ）：记录本 03.使用AntDesign 示例：./03.AntDesign-TodoListhtt ...

1.propTypes属性强校验为避免在父组件向子组件传值的过程中传入意外值，如将propTyopes设置为止接收字符串，则父级不能向子级传递方法。 12345678910import PropTypes from 'prop-types'; // 引入... ...class ...

完整笔记、Demo地址：https://github.com/EsunR/React-Study 1.用 Create React App 创建一个 React 应用123npx create-react-app my-appcd my-appnpm start 2.文件结构App.js 构建 ...

函数节流和函数防抖都是用来优化性能，以及避免短时间内连续调用某个函数的方案。我们通过以下两个例子，来理解两种方案，以及它们的应用场景。 函数节流函数节流即为，一个函数执行一次后，只有大于设定的执行周期后，才会执行第二次。 这里我们可以理解为当一个函数立即执行后，它需要一个冷却时间才能被执行第二次 ...