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

**Repository Path**: cc_wyh/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**: 0
- **Forks**: 0
- **Created**: 2020-04-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

☀☀☀

## 仓库地址

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

## 仓库内容

| Ⅰ| Ⅱ|Ⅲ|Ⅳ|  Ⅴ | Ⅵ| Ⅶ| 
|:--------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|
| <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/JavaScript">JS 总结</a> |  <a href="https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/Interview%20Record">面试经历</a>  | <a href="">算法刷题 </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="">计算机基础</a>  |

## 前言


前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。

读者根据自己需要选择性阅读，面试题是对理论知识的总结，让自己学会应该如何表达。

><div>整理的仓库笔记目前还不全面，可能也会出现一些瑕疵问题，欢迎Star和提交issues。</div>

## 面试注意点

面试有几点需注意：(来源<a href="https://weibo.com/wintercn">寒冬winter </a>老师，github:@wintercn)

 1. 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。

 2. 题目类型： 理论知识、算法、项目细节、技术视野、开放性题、工作案例。

 3. 细节追问：可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种知识关联是长时期的学习，临时抱佛脚绝对是记不住的。

 4. 回答问题再棒，面试官（可能是你面试职位的直接领导），会考虑我要不要这个人做我的同事？所以态度很重要、除了能做事，还要会做人。（感觉更像是相亲(
    •̣̣̣̣̣̥́௰•̣̣̣̣̣̥̀ )）

 5. 资深的前端开发能把absolute和relative弄混，这样的人不要也罢，因为团队需要的是：你这个人具有可以依靠的才能（靠谱）。

## 仓库介绍

本仓库用于学习知识整理，并不是只关于前端知识，涉及面很广：

- 1、Vue源码分析
- 2、手把手教 保姆级 撸代码
- 3、无惧面试，学以致用，继承创新
- 4、谈谈前端发展与学习心得
- 5、手写源码技术栈，附上详细注释
- 6、从源码中学习设计模式，一举两得
- 7、编程思想的提升及代码质量的提高
- 8、通过分析源码学习架构，看看优秀的框架
- 9、项目实战开发
- 10、面试准备，完善个人简历
- 11、经典面试题整理
- 12、算法刷题题库思路整理
- 13、面试经历分享
- 14、好书推荐，日常生活记录
- 15、未完待续...


文章内容多为学习记录而来，参考了部分优秀文章，文章排版以及内容都是本人整理的，希望对您有所帮助。

欢迎对改善本仓库提出好的意见，也欢迎Contributor，谢谢！

座右铭: 学如逆水行舟，不进则退

博客地址：https://chocolate.blog.csdn.net/


## 前端开发所需掌握知识点概要

- HTML&CSS：

	对Web标准的理解（结构、表现、行为）、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、
	CSS3、Flexbox、CSS Modules、Document flow、BFC、HTML5（离线 & 存储、Histoy,多媒体、WebGL\SVG\Canvas）		
- JavaScript：

    数据类型、运算、对象、Function、继承、闭包、作用域、事件、Prototype、RegExp、JSON、Ajax、DOM、BOM、
    内存泄漏、跨域、异步请求、模板引擎、模块化、Flux、同构、算法、ECMAScript6、Nodejs、HTTP

- 其他：

    主流MVVM框架(React\Vue\Angular)、Hybrid App\React Native\Weex、TypeScript、RESTFul、WEB安全、前端工程化、依赖管理、性能优化、
    重构、团队协作、可维护、易用性、SEO、UED、前端技术选型、快速学习能力等

## 前端学习网站推荐




（以下排名不分先后）

|网站名称 | 网站地址      | 简要介绍 |
|:--------:| :-------------:|:-------------:|
| OSCHINA | <a href=" https://www.oschina.net/">https://www.oschina.net/</a> |  中文开源技术交流社区|
|       九章算法                        |                 <a href="https://www.jiuzhang.com/"> https://www.jiuzhang.com/</a>                            |           硅谷顶尖IT人员教授面试技巧          |
|         LintCode                       |            <a href=" https://www.lintcode.com/"> https://www.lintcode.com/</a>                                 |         空前强大的在线刷题系统            |
|             CSDN                   |            <a href=" https://chocolate.blog.csdn.net/"> https://chocolate.blog.csdn.net/</a>                                 |        优秀的博客           |
|            掘金                   |         <a href="https://juejin.im/">https://juejin.im/</a>                                    |   帮助开发者成长的社区                  | 
|          开源社区_深度开源                     |         <a href="https://www.open-open.com/">https://www.open-open.com/</a>                                    |       一切开源              |
|            慕课网                   |                 <a href=" http://www.imooc.com/">http://www.imooc.com/</a>                            |        程序员的梦工厂             |
|              div.io                 |                 <a href=" http://div.io">http://div.io</a>                             |    高质量前端资源汇聚                 |
|            推酷                   |           <a href="https://www.tuicool.com/">https://www.tuicool.com/ </a>                                   |          IT人专属个性阅读社区           |
|         Hacker News                      |        <a href="https://news.ycombinator.com/news">https://news.ycombinator.com/news</a>                                     |         新闻            |
|           InfoQ                    |           <a href=" https://www.infoq.cn/">https://www.infoq.cn/</a>                                   |               软件开发及领域知识传播-中文版      |
|             w3cplus                  |            <a href=" http://www.w3cplus.com/"> http://www.w3cplus.com/</a>                                 |        国内前端行业的技术博客             |
|           Stack Overflow                     |       <a href=" http://stackoverflow.com/">http://stackoverflow.com/</a>                                      |        为开发人员提供支持             |
|            w3school                   |           <a href=" http://www.w3school.com.cn/">http://www.w3school.com.cn/</a>                                   |       领先的 Web 技术教程 - 全部免费              |
|           MDN                    |             <a href=" https://developer.mozilla.org/zh-CN/docs/Web/">https://developer.mozilla.org/zh-CN/docs/Web/</a>                                |      Web 开发技术分享               |


## 官方文档推荐

- <a href="https://docs.huihoo.com/jquery/jquery-fundamentals/zh-cn/index.html">jQuery 基本原理</a>
- <a href="https://es6.ruanyifeng.com/">ECMAScript 6 入门 作者：阮一峰</a>
- <a href="http://bonsaiden.github.io/JavaScript-Garden/zh/">JavaScript 秘密花园</a>
- <a href="http://css.doyoe.com/">web前端开发参考手册系列之CSS参考手册</a>
- <a href="https://wangdoc.com/javascript/">JavaScript 教程</a>





## 贡献

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

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

## 版权申明

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

## 排版

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

## 结尾

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

谢谢您的支持！✿✿ヽ(°▽°)ノ✿

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

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