# Front-end-learning-to-organize-notes

**Repository Path**: wu_jianyong/Front-end-learning-to-organize-notes

## Basic Information

- **Project Name**: Front-end-learning-to-organize-notes
- **Description**: ☀小狮子前端の学习☁整理笔记❤   Front-end-learning-to-organize-notes 帮你整理好前端知识体系、更高效地吸收经验成果；另附小狮子前端进阶小册食用指北，敬请关注！
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-02-26
- **Last Updated**: 2021-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


##  :sunny:Front-end-learning-to-organize-notes

<p align="center">
<a href="http://hits.dwyl.com/Chocolate1999/Front-end-learning-to-organize-notes"><img src="http://hits.dwyl.com/Chocolate1999/Front-end-learning-to-organize-notes.svg" alt="HitCount"></a><a href="https://www.gnu.org/licenses/"> <img src="https://img.shields.io/github/license/Chocolate1999/Front-end-learning-to-organize-notes.svg" alt="License"></a><a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/network"> <img src="https://img.shields.io/github/forks/Chocolate1999/Front-end-learning-to-organize-notes.svg" alt="GitHub forks"></a> <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/stargazers"> <img src="https://img.shields.io/github/stars/Chocolate1999/Front-end-learning-to-organize-notes.svg" alt="GitHub stars"></a><img src="https://camo.githubusercontent.com/cb8cb80af654f3dae14a4aa62e44bf62f16953d6/68747470733a2f2f6a617977636a6c6f76652e6769746875622e696f2f73622f6c616e672f6368696e6573652e737667"></img></p>

## :seedling:仓库地址

传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/

## :loudspeaker:公告
感谢访问本站，若喜欢请收藏，star支持一下 ✿✿ヽ(°▽°)ノ✿

> 访问 <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/issues">522道腾讯大厂真题汇总</a>——涵盖各类前端的真题，可根据不同的 `Label` 查看对应内容，助你春招秋招牛气冲天~

## :snowman:笔记网站（更新）

https://yangchaoyi.vip/ （基于hexo-butterfly主题搭建的博客，整理面试记录）

为了让您更好的阅读本仓库笔记，考虑还是建了个人网站，本仓库内容陆续都会更新到网站上，你可以根据分类找到你想阅读的文章，隆重感谢给本仓库点 Star 的小伙伴!





## :rabbit2:仓库内容

| Ⅰ| Ⅱ|Ⅲ|Ⅳ|  Ⅴ | Ⅵ| Ⅶ| Ⅷ | Ⅸ|
|:--------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|
| <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/HTML">HTML 总结</a> | <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/CSS">CSS 总结</a>   |  <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/JS">JS 总结</a> |  <a href="https://yangchaoyi.vip/tags/%E9%9D%A2%E8%AF%95/">面试经历</a>  | <a href="https://github.com/Chocolate1999/leetcode-javascript">LeetCode刷题 </a>    | <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/Vue%E5%8F%8A%E6%BA%90%E7%A0%81">Vue及源码</a> |    <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/%E9%9D%A2%E8%AF%95%E6%8A%80%E5%B7%A7">面试技巧</a>  | <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/%E5%B7%A5%E5%85%B7%E6%80%BB%E7%BB%93">工具总结</a>|   <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/Interview%20Questions">前端全家桶 </a>  | 

## :tada:项目经历

| 项目名称 |  时间    |项目地址|
|:--------:| :-------------:| :-------------:|
|     J2EE项目-OnlineSchool（前后端分离的IT教育网站）      |     2019.07-2019.12  |  <a href="https://gitee.com/miaochuanpeng/Java-EE">传送门</a>         |
|  Vue全家桶开发电商管理系统（Element-UI） | 2019.12-2020.01|<a href="https://gitee.com/Chocolate666/vue_shop">传送门</a> |
|  Vue-family-bucket-SSR-Koa2-full-stack-development-from-Meituan（高仿美团）  | 2020.03-2020.04 |<a href="https://github.com/Chocolate1999/Vue-family-bucket-SSR-Koa2-full-stack-development-from-Meituan">传送门</a>  | 
| hexo-blog-lionkk（基于hexo-butterfly:butterfly:主题魔改博客源码开放）| 2020.04-2020.07| <a href="https://github.com/Chocolate1999/hexo-blog-lionkk">传送门</a> |
| vue-shop（ :cat: Vue全家桶开发电商管理系统（Element-UI 重制上线版））| 2020.06-2020.07|  <a href="https://github.com/Chocolate1999/vue-shop">传送门</a>|
| Vue-MVVM（:star:剖析vue实现原理，动手实现一个简单版的mvvm:+1:）|  2020.07 | <a href="https://github.com/Chocolate1999/Vue-MVVM">传送门</a> |   
| 522道腾讯大厂真题（:star:涵盖整个春招秋招面试:+1:）|  2021.02 | <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/issues">传送门</a> |   


##  :sunny:小狮子

![](https://img-blog.csdnimg.cn/img_convert/4c7d3a7b3552443daf61a7a5996c3b87.png)

<a href="https://chocolate.blog.csdn.net/article/details/111936965">「成长之路」挥手2020，Chocolate 同学年度总结，所遇 | 所思 | 所学 | 所悟（年度征文）</a>


## 👍Chocolate 与 HearLing 同学前端学习笔记大汇总
>在这里整合一下输出的文章，不定期更新，以下为部分优质文章，所有文章均首发于掘金「一百个Chocolate」与「HearLing」


### JS

- <a href="https://juejin.cn/post/6881241853258104839">「查漏补缺」深度剖析JavaScript ES5/AMD/CMD/COMMONJS/ES6模块化（加薪必备）| 掘金技术征文-双节特别篇</a>
- <a href="https://juejin.cn/post/6881894768117284878">某跳动面试官：请你设计一下ES6中 class 实现私有属性</a>
- <a href="https://juejin.cn/post/6901621560444977160">「数组方法」写给女友的一系列 JS 数组操作（建议收藏 | 内附思维导图）</a>
- <a href="https://juejin.cn/post/6902942813097459720">「高频面试题」女友：消息队列 和 事件循环系统终于弄明白了！（内附思维导图）</a>
- <a href="https://juejin.cn/post/6906106922605543432">「星辰大海」你可能需要知道的 promise 知识的总结（内附思维导图）</a>
- <a href="https://juejin.cn/post/6924218259302694919">某跳动面试官：你再说说微信扫码登录背后的实现原理？（以某东为例）</a>
- <a href="https://juejin.cn/post/6925599792814882829">JS手撕，经典面试题</a>


### CSS
- <a href="https://juejin.cn/post/6924228588510281735">「面试」前端高频CSS面试题及答案</a>

### 算法
- <a href="https://juejin.cn/post/6926801566699618312">🐮写给零基础的前端算法入门指南，acmer带女友刷80+【栈与队列与链表篇】｜牛气冲天新年征文</a>
- <a href="https://juejin.cn/post/6929755669683765261">🐮写给零基础的前端算法入门指南，acmer带女友刷80+【递归与回溯篇】｜牛气冲天新年征文</a>
- [🐮写给零基础的前端算法入门指南，acmer带女友刷80+【双指针与字符串篇】](https://juejin.cn/post/6931631220841250823)
- <a href="https://juejin.cn/post/6906316759465197581">「JS刷题之路-栈」和我一起系统的刷题吧（内附思维导图）</a>
- <a href="https://juejin.cn/post/6908273702769524744">「JS刷题之路-递归回溯（上篇）」和我一起系统的刷题吧（内附思维导图）</a>

### Vue必知必会

- <a href="https://juejin.cn/post/6930897845369356295">🐮化身面试官出30+Vue面试题，超级干货（附答案）｜牛气冲天新年征文</a>


### 学习Vue源码

- <a href="https://juejin.cn/post/6854573209673531400">（1.8w字，建议收藏）Vue源码解析—动手实现简化版MVVM</a>
- <a href="https://juejin.cn/post/6877142396967223304">【源码篇：总结与思考】虚拟节点与DOM Diff算法源码实现</a>
- <a href="https://juejin.cn/post/6882210480040263693">「查漏补缺」Vue2.0 源码重写『数据劫持』【面试必备】</a>


### 计算机网络
- <a href="https://juejin.cn/post/6915362842212302862">「计算机网络」前端必备知识，看到就是赚到系列（上）</a>
- <a href="https://juejin.cn/post/6916318564966203400">「计算机网络」前端必备知识，看到就是赚到系列（下）</a>

### 浏览器工作原理
- <a href="https://juejin.cn/post/6902032954034225159">「导航渲染流程」你真的知道从输入URL到页面展示发生了什么吗？（内附思维导图）</a>
- <a href="https://juejin.cn/post/6900916440845516814">「浏览器安全」你可能需要的一份浏览器安全的总结（内附思维导图）</a>

### 服务外包
- <a href="https://juejin.cn/post/6925000746236641287">从大一到大三，我与服务外包大赛🏆</a>

### 小册

- <a href="https://blog.csdn.net/weixin_42429718/article/details/107134349">小狮子前端Vue进阶小册 开通食用指北</a>

### 总结
- <a href="https://juejin.cn/post/6844904202221649934">【春招&实习&秋招】前端学习の优质资料整理&心路历程（已上岸）| 掘金技术征文</a>
- <a href="https://juejin.cn/post/6888472067726508039">「不进则退」2020 Chocolate 同学秋招前端の大厂面经&心路历程&个人经验分享</a>
- <a href="https://juejin.cn/post/6911663223355899918">「我的2020」不进则退，Chocolate 同学在掘金 | 掘金年度征文</a>




## :gift_heart:贡献

将会持续分享关于前端面试真题，从零到拿到满意的Offer！觉得不错，来个Star!

同时，也欢迎你对本仓库的贡献，欢迎您的面试经验分享，如需贡献，公众号留言即可。

## :sunflower:版权申明

博客中的每篇文章都是我一字一句敲出来的，如需转载，请附上原文链接，表示对原作者的尊重。谢谢合作！

## :page_with_curl:排版

笔记内容按照 <a href="https://mazhuang.org/wiki/chinese-copywriting-guidelines/">中文文案排版指北</a>进行排版。

## :trophy:结尾

一起交流学习可以加企鹅群【666151691】

<font color=chocolate>欢迎关注微信公众号：小狮子前端</font>

![](https://img-blog.csdnimg.cn/img_convert/43c196751f4984c71011557d06e7e9b6.png)

可以联系到我，谢谢您的支持！✿✿ヽ(°▽°)ノ✿

注：本仓库不参与商业行为，也请各位读者周知。(This warehouse is not involved in commercial activities.)

转载使用请注明出处，谢谢！

## License

MIT