04 2019 档案
摘要：代码： 代码： 如果你还不熟悉回调渲染模式（Render Callback Pattern），这个代码可能看起来有点怪。这种模式中，组件会接收某个函数作为其子组件，然后在渲染函数中以 props.children 进行调用： 这种模式的优势在于将父组件与子组件解耦和，父组件可以直接访问子组件的内部状
阅读全文
摘要：Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄，该值会作为回调函数的第一个参数返回： 上述代码中的 input 域包含了一个 ref 属性，该属性声明的回调函数会接收 input 对
阅读全文
摘要：代码： .
阅读全文
摘要：1、查看一下当前源 2、切换为淘宝源 3、或者切换为自带的 .
阅读全文
摘要：一、从定义文件格式方面说1、传统的开发模式可以定义js文件或者jsx文件2、利用ts开发定义的文件格式tsx二、定义state的状态来说1、传统的方式直接在构造函数中使用 2、使用ts开发过程中需要先定义一个接口,规范数据类型,通过泛型传入到类中 三、父组件传递参数到子组件1、传统的方式直接使用就可
阅读全文
摘要：(1) 把树形结构按照层级分解，只比较同级元素。(2) 列表结构的每个单元添加唯一的 key 属性，方便比较。(3) React 只会匹配相同 class 的 component（这里面的 class 指的是组件的名字）(4) 合并操作，调用 component 的 setState 方法的时候,
阅读全文
摘要：虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而提高性能。用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文档当中当状态变更的时候，重新构造一棵新的对象树。然后用新的
阅读全文
摘要：shouldComponentUpdate询问组件是否需要更新的一个钩子函数，判断数据是否需要重新渲染，返回一个布尔值。默认的返回值是true，需要重新render()。若如果返回值是false则不触发渲染,利用这个生命周期函数可以强制关闭不需要更新的子组件来提升渲染性能。这个方法用来判断是否需要调
阅读全文
摘要：（1）初始化阶段：getDefaultProps:获取实例的默认属性static propTypes 设置属性的类型componentWillMount：组件即将首次被装载、渲染到页面上render:组件在这里生成虚拟的 DOM 节点componentDidMount:组件真正在被首次装载之后（2）
阅读全文
摘要：（1）代码中调用 setState 函数之后，React 会将传入的参数对象与组件当前的状态合并，然后触发所谓的调和过程（Reconciliation）。（2）经过调和过程，React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个 UI 界面；（3）在 React 得到
阅读全文
摘要：Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染
阅读全文
摘要：因为在Windows下是没有n模块的并不支持npm install -g n n latest更新，所以只能老老实实安装 1.在Path环境变量下查看自己的node.js安装路径 计算机-属性-高级系统设置-环境变量-系统变量，在path下找到自己的安装位置 2.在node官网下载最新的版本 下载完
阅读全文
摘要：dev：开发主线 branch: 部分特殊客户的定制化版本 tag: 主线的某个发布版本 release： 主线的里程碑式的发布版本(相比上一里程碑版本，改动非常大，并且当前已经很稳定的) 你可以在branch/tag文件夹下新建多个文件夹（表示多个版本） ① 安装VisualSVN Server，
阅读全文
摘要：Github为我们提供了在页面上进行编辑发行版本的方式，如下图所示： 在Github上为项目打tag可在release页面，选择创建新tag并按下图所示填写即可。删除tag也同理。
阅读全文
摘要：简述作为版本管理工具，Git可以对某个版本打上标签(tag)，表示本版本为发行版。在发布软件，以及使用CocoaPods创建依赖库等情况时，需要对其版本使用标签注释。故简单总结一下添加tag的方式。 使用Git命令查看标签打印所有标签 打印符合检索条件的标签 如 git tag -l 1.*.* 为
阅读全文
摘要：一个程序至少有一个进程，一个进程至少有一个线程。线程的划分尺度小于进程，使得多线程程序的并发性高。 另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线
阅读全文
摘要：代码： .
阅读全文
摘要：圣杯布局与双飞翼布局针对的都是三列左右栏固定中间栏边框自适应的网页布局 三列布局，中间宽度自适应，两边定宽 中间栏要在浏览器中优先展示渲染 允许任意列的高度最高 显示如图： (1)、浮动布局（float+calc） (2)、绝对布局（absolute+calc） (3)、flex布局 .
阅读全文
摘要：共同点：这两种事件都代表的是页面文档加载时触发。 异同点： ready 事件的触发，表示文档结构已经加载完成（不包含图片等非文字媒体文件）。 onload 事件的触发，表示页面包含图片等文件在内的所有元素都加载完成。
阅读全文
摘要：定义和用法: AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 传统的网页（不使用 Ajax）如果需要更新内容
阅读全文
摘要：(1)、存储空间更大：IE8下每个独立的存储空间为10M，其他浏览器实现略有不同，但都比Cookie要大很多。 (2)、存储内容不会发送到服务器：当设置了Cookie后，Cookie的内容会随着请求一并发送的服务器，这对于本地存储的数据是一种带宽浪费。而Web Storage中的数据则仅仅是存在本地
阅读全文
摘要：共同点：用于浏览器端存储的缓存数据 不同点： (1)、存储内容是否发送到服务器端：当设置了Cookie后，数据会发送到服务器端，造成一定的宽带浪费； web storage,会将数据保存到本地，不会造成宽带浪费； (2)、数据存储大小不同：Cookie数据不能超过4K,适用于会话标识；web sto
阅读全文
摘要：渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。 区别： a.
阅读全文
摘要：IE: trident内核 Firefox：gecko内核 Safari：webkit内核 Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核 Chrome：Blink(基于webkit，Google与Opera Software共同开发)
阅读全文
摘要：相同点：px和em都是长度单位； 异同点：px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。
阅读全文
