二手前端心得

2020-02-27 165浏览

  • 1.二手前端心得http://jxy.me
  • 2.大纲  1. 前端基础心得  2. React 心得  3. 通用后台
  • 3.
  • 4.全方位混乱        html 标准： 4/5 css 标准： less 、 stylus js 标准： ES5/6/7 ， CoffeeScript ， TypeScript 各种工具库、各种框架 编码风格、模块管理、工程结构 构建工具 浏览器支持度：三大浏览器 + 各种内嵌
  • 5.最佳实践？
  • 6.HTTP        HTTP 1.1/2.0 ，各种动词 SPDY https ，有哪些作用，有哪些限制 各种标准的 hdaer ，各种自定义 header cookie ，同源 http basic auth 长链接
  • 7.HTML  抱着 HTML5 的大腿： webstorage 、服务端推 送、 websocket  理解基础的 html 结构  理解常用标签和限制： style 、 script  常见布局、块级元素、行级元素  历史的垃圾堆： XHTML 、 DHTML
  • 8.css  CSS3 LESS:http://less.bootcss.com/ 理解常用布局方式，常用属性， display/fontfamily/margin/padding 等等  动画效果、字体、图标
  • 9.javascript       设计缺陷（ ===/undefined/ 单线程） 灵活，各种自己造轮子 异步 + 回调 以 ES6/7 为准， ES5 已是历史的垃圾堆 bable 6 ajax + 跨域 + CORS / JSONP
  • 10.DOM&BOM     浏览器渲染过程 原生 DOM 操作 jquery 封装后的 DOM 操作 DOM 操作的局限性
  • 11.工程规范        文本编辑器 vs 工程化 模块管理： npm vs bower 模块规范： ES6 vs CommonJS/AMD/CMD 构建工具： webpack vs gulp/grunt 静态检查： eslint/stylelint 测试框架： mocha 编译 & 调试： webpack-dev-server
  • 12.React 基础
  • 13.React 特性     轻量，只关心视图层 本质还是 DOM 操作 虚拟 DOM 一切皆组件，高内聚，低耦合，可复用
  • 14.虚拟 DOM vs JVM
  • 15.React 元素  React 元素只能被 render 到虚拟 DOM 上  var el = React.createElement("p",null,"Hello React!");  React.render(el,document.querySelector("#c ontent"));
  • 16.React 组件  在 DOM 元素上的一层抽象  render() -> 必须而且只能返回一个 React 元素
  • 17.JSX
  • 18.JSX  语法糖，看着很诡异，但是用着很爽  服务端转换 vs 运行时转换  只能返回一个顶层元素
  • 19.JSX
  • 20.props  在初始化组件时可以传值 – 只有一次机会  可以做各种用处，也可以用来改变组件的状态  组件可以对外界做出反应
  • 21.props  外界跟组件沟通的唯一办法  单向数据流
  • 22.状态 – 组件的记忆  高内聚的关键
  • 23.状态     组件自己管理，对外部不可见 getInitialState() setState() 方法 无状态组件
  • 24.生命周期  componentWillMount()  componentDidMount()  componentWillReceiveProps(nextProps)
  • 25.容器组件  组件嵌套  this.props.children
  • 26.React Router 
  • 27.Flux + Redux  单向数据流的局限性  React 全家桶
  • 28.React with ES6 http://babeljs.io/blog/2015/06/07/react-ones6-plus
  • 29.React + ant design http://matrix.daily.vdian.net/
  • 30.组件化
  • 31.题外话