摘要:
双向数据绑定和单向数据绑定解释: a. 单向数据绑定 指的是我们先把模板写好,然后把模板和数据(数据可能来自后台)整合到一起形成HTML代码,然后把这段HTML代码插入到文档流里面。 单向数据绑定缺点:HTML代码一旦生成完以后,就没有办法再变了,如果有新的数据来了,那就必须把之前的HTML代码去掉 阅读全文
摘要:
今天来给大家总结下React的单向数据流与组件间的沟通。 首先,我认为使用React的最大好处在于:功能组件化,遵守前端可维护的原则。 先介绍单向数据流吧。 React单向数据流: React是单向数据流,数据主要从父节点传递到子节点(通过props)。 如果顶层(父级)的某个props改变了,Re 阅读全文
摘要:
组件之间的几种通信情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1,父组件向子组件传递 React数据流动是单向的,父组件向子组件通信也是最常见的;父组件通过props向子组件传递需要的信息 在引用子组件的时候传递,相当于一个属性,例如: construct 阅读全文
摘要:
有关双向数据绑定的原理 关于数据双向绑定的理解:利用了 Object.defineProperty() 这个方法重新给对象定义了新属性,在操作新属性分别为为获取属性值(调用get方法)和设置属性值(调用set方法)的操作来实现的。双向:改变keyValue的值,obj.key的值会改变,重新设置ob 阅读全文
摘要:
前言:该问题是由于看到fetch的then方法的使用,产生的疑问,在深入了解并记录对promise的个人理解 首先看一下fetch请求使用案例: 案例效果:点击页面按钮,请求当前目录下的arr.txt里面的内容 疑问地方: 1. fetch为什么可以使用then?(个人理解then方法是定义在原型对 阅读全文
摘要:
新的ES6中引入了promise的概念,其目的是让回调更为优雅。层层嵌套的回调会让javascript失去美感和可读性,同时javascript也推荐采用链式的方式去书写函数调用。于是Promise就应运而生。Promise即承诺的意思,new一个Promise就是新建一个承诺。在新建一个承诺的时候 阅读全文
摘要:
30分钟手把手教你学webpack实战 阅读目录 一:什么是webpack? 他有什么优点? 二:如何安装和配置 三:理解webpack加载器 四:理解less-loader加载器的使用 五:理解babel-loader加载器的含义 六:了解下webpack的几个命令 七:webpack对多个模块依 阅读全文
摘要:
webpack是前端开发中比较常用的打包工具之一,另外还有gulp,grunt。之前没有涉及过打包这块,这里介绍一下使用webpack打包的流程。 Grunt和Gulp的工作方式是:在一个配置文件中,指明对某些文件进行类似编译,组合,压缩等任务的具体步骤,这个工具之后可以自动替你完成这些任务。 We 阅读全文
摘要:
本文转自阮一峰大神 【个人理解点:】 1. "任务队列"是一个事件的队列,只要事件指定过回调函数,这些事件完成任务时,就会向"任务队列"添加一个事件,等待主线程读取。 2. 当主线程执行完“执行栈”中的同步任务之后,去开始执行已经完成任务等待中的异步任务,执行的就是任务对应的回调函数 3. 主线程的 阅读全文
摘要:
前言: 构建React项目的几种方式: 1)构建:create-react-app 快速脚手架 FaceBook官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具create-react-app。 creat-react-app优点 无需配置:官方的配置堪称完美,几乎不用你再配置任何东西,就 阅读全文