随手记录

2018-03-21  本文已影响0人  忧忧自恼

1. 随手记


  1. Babel是一个转码器,可以将ES6代码转换为ES5代码,从而在现有环境下执行。

  2. 定位 尺寸 浮动 布局 BFC(触发特性)flex grid 文档流 浮动流 绝对定位 圣杯布局(双飞翼布局)

  3. hybrid webapp 移动混合式应用 ionic+cordova+agJS

2. React笔记


  1. React是一个JavaScript库。

  2. React,当你遇到需要同时获取多个子组件数据,或者两个组件之间需要相互通讯的情况时,把子组件的 state 数据提升至其共同的父组件当中保存。之后父组件可以通过 props 将状态数据传递到子组件当中。这样应用当中的状态数据就能够更方便地交流共享了。

  3. 浅拷贝方法 .slice() ,受控组件,不可变性(方便实现撤销/重做,时间旅行;记录变化;在React中判定何时重新渲染),纯组件,函数定义组件。

  4. React 元素事实上都是 JS 当中的对象,我们可以把元素当作参数或定义到变量中使用。

  5. 在 React 当中渲染多个重复的项目时,我们一般都以数组的方式传递 React 元素。最基本的方法是使用数组的 map 方法。

  6. key 是 React 当中使用的一种特殊的属性(除此之外还有 ref 属性)。当元素被创建时,React 会将元素的 key 值和对应元素绑定存储起来。尽管 key 看起来像是 props 的一部分,可是事实上我们无法通过 this.props.key 获取到 key 的值。React 会自动的在判断元素更新时使用 key ,而组件自己是无法获取到 key 的。假如你不提供任何 key 值,React 会提示警告,并且默认使用数组的索引作为默认的 key 。组件的 keys 值并不需要在全局都保证唯一,只需要在当前的节点里保证唯一即可。

  7. 组件名称必须以大写字母开头。组件的返回值只能有一个根元素

3. JS开发笔记


  1. 平稳退化,分离js,向后兼容,性能考虑(精简副本)。

4. npm命令相关


  1. 如果改了package.json,且package.json和lock文件不同,那么执行npm i时npm会根据package中的版本号以及语义含义去下载最新的包,并更新至lock。如果两者是同一状态,那么执行npm i都会根据lock下载,不会理会package实际包的版本是否有新。

5. 其他


  1. LiveReload配置,安装使用方法~~~前端页面神助手
上一篇下一篇

猜你喜欢

热点阅读