Embrace_LY

摘要： 一、Flex布局是什么？ Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局 Webkit内核的浏览器，必须加上-webkit前缀 注意：设为Flex布局以后，子元素的float、cle 阅读全文

摘要： 解构 1. 解构数组 2. 解构对象 模板字符串 模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。 字符串中插入变量和表达式： 变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。 字符串中调用函数： 阅读全文

摘要： 前言 前端是纯 React，后端通过 axios 库请求服务器获得数据。 源码： https://github.com/hfpp2012/react-accounts-app 项目详解： https://www.airpair.com/reactjs/posts/reactjs-a-guide-fo 阅读全文

摘要： 第1种 - 创建组件的方式 > 使用构造函数来创建组件，如果要接收外界传递的数据，需要在 构造函数的参数列表中使用`props`来接收；> 必须要向外return一个合法的JSX创建的虚拟DOM； 创建组件： 为组件传递数据： 1. 父组件向子组件传递数据 2. 使用{...obj}属性扩散传递数据 阅读全文

摘要： 什么是JSX语法：就是符合 xml 规范的 JS 语法；（语法格式相对来说，要比HTML严谨很多） 1. 如何启用 jsx 语法？　安装 `babel` 插件 - 运行`cnpm i babel-core babel-loader babel-plugin-transform-runtime -D` 阅读全文

摘要： 1. 运行 ’cnpm i react react-dom -S' 安装包 react：专门用于创建组件和虚拟DOM，同时组件的生命周期都在这个包中 react-dom：专门进行DOM操作，主要应用场景，就是 'ReactDOM.render()' 2. 在 'index.html'页面中，创建容器 阅读全文

摘要： DOM：浏览器中提供的概念； 虚拟DOM：框架中的概念；需要开发框架的程序员手动用JS对象来模拟DOM元素和嵌套关系； 本质：用JS对象，模拟DOM树； 目的：实现页面的按需更新； 要求：点击列头，实现按需排序； 1. 数据从哪儿来：从数据库查询而来 2. 数据存放在哪：浏览器内存中以对象数组形式表 阅读全文

摘要： 相同点 不同点 组件化方面 1. 什么是模块化：是从代码的角度进行分析；把一些可复用的代码，抽离为单个的模块；便于项目的维护和开发。 2. 什么是组件化：是从UI界面的角度来进行分析；把一些可复用的UI元素，抽离为单独的组件；便于项目的维护和开发。 3. 组件化的好处：随着项目规模的增大，手里的组件 阅读全文

摘要： 一、前言 虚拟DOM概念随着react的诞生而诞生，由facebook提出，其卓越的性能很快得到广大开发者的认可；继react之后vue2.0也在其核心引入了虚拟DOM的概念，本文将以vue2.0使用的snabbdom入手，来介绍虚拟DOM的主要实现原理。 二、虚拟DOM 在开始介绍snabbdom 阅读全文

摘要： 。 阅读全文