Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/realgeoffrey/knowledge

前端复盘笔记 :pencil: ——来自实践后的总结
https://github.com/realgeoffrey/knowledge

blog css fe html javascript

Last synced: 17 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/realgeoffrey/knowledge
Owner: realgeoffrey
License: gpl-2.0
Created: 2015-12-01T16:01:45.000Z (almost 9 years ago)
Default Branch: master
Last Pushed: 2024-04-12T11:21:01.000Z (7 months ago)
Last Synced: 2024-04-12T17:20:35.509Z (7 months ago)
Topics: blog, css, fe, html, javascript
Language: JavaScript
Homepage:
Size: 28 MB
Stars: 113
Watchers: 11
Forks: 28
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # knowledge

## 目录

1. 前端内容

    1. [前端概念](./网站前端/前端内容/README.md)

    2. [标准库文档](./网站前端/前端内容/标准库文档.md)

    3. [基础知识](./网站前端/前端内容/基础知识.md)

2. JS

    1. [JS学习笔记](./网站前端/JS学习笔记/README.md)

    2. [JS实用方法](./网站前端/JS方法积累/实用方法/README.md)

    3. [JS模块化方案](./网站前端/JS模块化方案/README.md)

    4. [JS正则表达式](./网站前端/JS正则表达式/README.md)

3. HTML+CSS

    1. [HTML+CSS学习笔记](./网站前端/HTML+CSS学习笔记/README.md)

    2. [响应式相关](./网站前端/HTML+CSS学习笔记/响应式相关.md)

    3. [弹性盒子（Flexbox）](./网站前端/HTML+CSS学习笔记/弹性盒子（Flexbox）.md)

    4. [实现具体业务](./网站前端/HTML+CSS学习笔记/实现具体业务.md)

4. [还原设计稿](./网站前端/还原设计稿/README.md)

5. [代码调试相关](./网站前端/代码调试相关/README.md)

6. 前端技术栈

    1. [Vue.js学习笔记](./网站前端/Vue.js学习笔记/README.md)

    2. [React学习笔记](./网站前端/React学习笔记/README.md)

7. 大前端

    1. [Typescript学习笔记](./网站前端/Typescript学习笔记/README.md)

    2. 向终端

        1. [Hybrid前端开发](./网站前端/Hybrid前端开发/README.md)

        2. [Hippy学习笔记](./网站前端/Hippy学习笔记/README.md)

    3. 向后端

        1. [Node.js学习笔记](./网站前端/Node.js学习笔记/README.md)

        2. [服务端相关](./网站前端/服务端相关/README.md)

    4. [Rust学习笔记](./网站前端/Rust学习笔记/README.md)

8. 

    前端构建工具

    1. [webpack学习笔记](./网站前端/webpack学习笔记/README.md)

    2. [Babel学习笔记](./网站前端/Babel学习笔记/README.md)

    3. [yarn+Lerna学习笔记](./网站前端/yarn+Lerna学习笔记/README.md)

    4. [ESLint+Prettier+Stylelint学习笔记](./网站前端/ESLint+Prettier+Stylelint学习笔记/README.md)

    5. [Node.js脚手架（TypeScript+pm2或nodemon+--inspect）](./网站前端/Node.js脚手架（TypeScript+pm2或nodemon+--inspect）/README.md)

    6. [我安装的全局仓库](./网站前端/Node.js学习笔记/我安装的全局仓库.md)

    

9. 其他前端专项

    1. [安全漏洞攻击](./网站前端/其他前端专项/安全漏洞攻击/README.md)

    1. [富文本编辑器](./网站前端/其他前端专项/富文本编辑器/README.md)

    1. [前端自动化测试](./网站前端/其他前端专项/前端自动化测试/README.md)

    1. [海外应用总结](./网站前端/其他前端专项/海外应用总结/README.md)

    1. [水印合成](./网站前端/其他前端专项/水印合成/README.md)

    1. [监控系统（上报设计）](./网站前端/其他前端专项/监控系统（上报设计）/README.md)

        1. [首屏渲染完成判断](./网站前端/其他前端专项/首屏渲染完成判断/README.md)

        1. [白屏问题](./网站前端/其他前端专项/白屏问题/README.md)

        1. [前端日志输出规范（Native）](./网站前端/其他前端专项/前端日志输出规范（Native）/README.md)

    1. [页面发布更新](./网站前端/其他前端专项/页面发布更新/README.md)

    1. [离线包差量更新方案](./网站前端/其他前端专项/离线包差量更新方案/README.md)

    1. [虚拟列表模拟长列表方案](./网站前端/其他前端专项/虚拟列表模拟长列表方案/README.md)

    1. [无障碍](./网站前端/其他前端专项/无障碍/README.md)

    1. ~~[低代码](./网站前端/其他前端专项/低代码/README.md)~~

    1. ~~[微前端](./网站前端/其他前端专项/微前端/README.md)~~

    - [微信生态相关](./网站前端/其他前端专项/微信生态相关/README.md)

    - [Lark生态开发](./网站前端/其他前端专项/Lark生态开发/README.md)

10. [HTTP相关](./网站前端/HTTP相关/README.md)

11. [程序员的自我修养](./网站前端/程序员的自我修养/README.md)

12. 

    数据结构与算法

    1. [LeetCode记录](./网站前端/数据结构与算法/LeetCode记录/README.md)

    2. [JS手写代码](./网站前端/JS方法积累/手写代码/README.md)

    

- 

    其他

    1. [/工具使用](./工具使用/README.md)

    2. [/环境安装、配置](./环境安装、配置/README.md)

    

>

>废弃内容

>

>1. [兼容至ie6](./网站前端/兼容至ie6/README.md)

>2. [JS废弃代码](./网站前端/JS方法积累/废弃代码/README.md)

>3. [原生JS宽高](./网站前端/JS学习笔记/原生JS宽高.md)

>4. [gulp使用](./网站前端/gulp使用/README.md)

>5. 初始化模板

>

>    1. [cssReset.scss](./网站前端/初始化模板/cssReset.scss)

>    2. [init.html](./网站前端/初始化模板/init.html)

>6. [SCSS使用](./网站前端/SCSS使用/README.md)

>

>

>约定

>

>1. `+`、`-`含义

>

>    1. `ie8+`：包括ie8以及高于ie8的ie浏览器。

>    2. `ie8-`：包括ie8以及低于ie8的ie浏览器。

>2. 变量命名含义

>

>    1. `dom`：`Element`实例（或`document`、`Node`实例）

>    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、[Deno](https://github.com/denoland/deno)、[Bun](https://github.com/oven-sh/bun)。

>5. 原型链（`[[Prototype]]`）

>

>    （非标准）`对象.__proto__`等价于：`Object.getPrototypeOf(对象)/Object.setPrototypeOf(对象, 原型对象)`

>6. 父子级含义

>

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

>

---

>

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

>

>[![Star History Chart](https://api.star-history.com/svg?repos=realgeoffrey/knowledge&type=Date)](https://star-history.com/#realgeoffrey/knowledge&Date)

>