knowledge icon indicating copy to clipboard operation
knowledge copied to clipboard

前端复盘笔记 :pencil: ——来自实践后的总结

knowledge

约定
  1. +-含义

    1. ie8+:包括ie8以及高于ie8的ie浏览器。
    2. ie8-:包括ie8以及低于ie8的ie浏览器。
  2. 变量命名含义

    1. domElement实例(或documentNode实例)
    2. $dom:jQuery(或Zepto)对象包装的DOM元素
    3. obj:对象实例
    4. arr:数组实例
  3. 浏览器针对的系统环境

    1. PC:针对桌面端制作的网页(系统包括:macOS、Windows)。
    2. WAP:针对移动端(手机浏览器或Hybrid App)制作的页面(系统包括:iOS、Android)。
  4. 默认仅针对浏览器环境的内容。

  5. 原型链([[Prototype]]

    (非标准)对象.__proto__等价于:Object.getPrototypeOf(对象)/Object.setPrototypeOf(对象, 原型对象)

  6. 父子级含义

    广义上可能包含祖先级、孙辈级之间关系,不仅仅是一层父子间关系。

目录

  1. 前端内容

    1. 前端概念
    2. 标准库文档
    3. 基础知识
  2. JS

    1. JS学习笔记
    其他
    1. JS实用方法
    2. JS正则表达式
    3. JS算法小结
    4. LeeCcode记录
  3. HTML+CSS

    1. HTML+CSS学习笔记
    2. 响应式相关
    其他
    1. 弹性盒子flex

    2. 实现具体业务

    3. 初始化模板
      1. cssReset.scss
      2. init.html
    4. SCSS使用

  4. 代码调试相关

  5. 前端技术栈

    1. Vue.js学习笔记
    2. React学习笔记
  6. 大前端

    1. Hybrid前端开发

    2. Typescript学习笔记

    3. Hippy学习笔记

    4. Node.js学习笔记

      其他
      1. Node.js实用方法
    5. 服务端相关

    6. 微信生态相关

  7. 还原设计稿

  8. HTTP相关

  9. 程序员的自我修养

  10. 前端构建工具
    1. 我安装的全局仓库
    2. webpack学习笔记
    3. Babel学习笔记
    4. gulp使用
    5. ESLint+Prettier学习笔记
    6. Node.js脚手架(TypeScript+pm2或nodemon+--inspect)
    7. yarn学习笔记
    8. Lerna学习笔记
  11. 无障碍

其他
  1. /工具使用
  2. /环境安装、配置
  3. 拓展知识
废弃内容:thumbsdown:
  1. 兼容至ie6
  2. JS废弃代码
  3. 原生JS宽高

完美不在于无以复加,而在于无可删减。