随手记录

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配置,安装使用方法~~~前端页面神助手
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ECMAScript 6 简介 原文: ECMAScript 6.0(以下简称 ES6)是 JavaScript ...
    huilegezai阅读 392评论 0 0
  • 用命令,可以查看你正在使用的Node环境对ES6的支持程度。 使用下面的命令,可以查看Node所有已经实现的ES6...
    zcwfeng阅读 748评论 0 2
  • Babel 入门教程 (说明:本文选自我的新书《ES6 标准入门(第二版)》的第一章《ECMAScript 6简介...
    runner123阅读 877评论 0 2
  • 转自: Babel 入门教程 阮一峰链接地址:http://www.ruanyifeng.com/blog/201...
    webllw阅读 1,254评论 0 0
  • 天文学课堂上教授和学生进行互动 教授先问大家,你怎么理解黑洞 学生甲回答说:黑洞就像中国每年的春节魔力无穷,无法抗...
    海那边2016阅读 223评论 0 2