Skip to content

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

License

Notifications You must be signed in to change notification settings

realgeoffrey/knowledge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

knowledge

目录

  1. 前端内容

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

    1. JS学习笔记
    2. JS实用方法
    3. JS模块化方案
    4. JS正则表达式
  3. HTML+CSS

    1. HTML+CSS学习笔记
    2. 响应式相关
    3. 弹性盒子(Flexbox)
    4. 实现具体业务
  4. 还原设计稿

  5. 代码调试相关

  6. 前端技术栈

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

    1. Typescript学习笔记

    2. 向终端

      1. Hybrid前端开发
      2. Hippy学习笔记
    3. 向后端

      1. Node.js学习笔记
      2. 服务端相关
    4. Rust学习笔记

  8. 前端构建工具
    1. webpack学习笔记
    2. Babel学习笔记
    3. yarn+Lerna学习笔记
    4. ESLint+Prettier+Stylelint学习笔记
    5. Node.js脚手架(TypeScript+pm2或nodemon+--inspect)
    6. 我安装的全局仓库
  9. 其他前端专项

    1. 安全漏洞攻击

    2. 富文本编辑器

    3. 前端自动化测试

    4. 海外应用总结

    5. 水印合成

    6. 监控系统(上报设计)

      1. 首屏渲染完成判断
      2. 白屏问题
      3. 前端日志输出规范(Native)
    7. 页面发布更新

    8. 离线包差量更新方案

    9. 虚拟列表模拟长列表方案

    10. 无障碍

    11. 低代码

    12. 微前端

  10. HTTP相关

  11. 程序员的自我修养

  12. 数据结构与算法
    1. LeetCode记录
    2. JS手写代码
废弃内容
  1. 兼容至ie6

  2. JS废弃代码

  3. 原生JS宽高

  4. gulp使用

  5. 初始化模板

    1. cssReset.scss
    2. init.html
  6. SCSS使用

约定
  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. 默认仅针对浏览器的JS运行时环境(JavaScript runtime environment)

    其他JS运行时环境:Node.js、DenoBun

  5. 原型链([[Prototype]]

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

  6. 父子级含义

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


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

Star History Chart