共计 4102 个字符，预计需要花费 11 分钟才能阅读完成。
前端学习那些事儿
明天和小伙伴们聊聊学习这事。对于编码的学习，我认为基础知识和编程实际是最重要的。刚开始学习前端的时候，是将基础知识学习一遍，所用教材能够靠学校发的教材即可。根底学习过后，最重要的就是实际，能够一直做一些模拟网站，以及到最初本人设计网站等。
珍藏平时交换的信息：
- 技术学的再好，没有开发教训，和产品教训，是很难写出好的代码。因为写代码自身是带有目的性的，解决问题。
- 如果在校，学习程序很迷茫，是因为不晓得学这个用来干嘛，本身没有想做的货色，所以就很迷茫，不晓得学什么，为什么要学。
- 工作，要对一个产品理解到什么深度，代码就越强壮。
- 学习形式是有捷径的避开所有看不懂学习材料，找看的懂的，拿起一本材料或者网上找的材料，细度几分钟，看不懂间接找早别的材料
- 有可能能力未达到 所有看不懂 也有可能 材料自身形容 很难懂 更有可能 材料形容不适宜本人浏览习惯
- 优先 实现性能 再思考优化
那么你是否本人保持了呢？当你想要学习，拿起手机时，你会不会发现，你曾经人不知; 鬼不觉偏离了正规，从娱乐新闻到头版头条，微信 99+ 未读的音讯，你心里想的就是看一会儿，就看一会儿。后果人不知; 鬼不觉工夫过来了 10 分钟，半小时，1 小时溜走了。而后你开始烦躁，悔恨，自责，然而到了第二天，你又掉进了雷同的坑里。
你会不会也很纳闷，为什么我的自制力这么差，为什么有些货色让我骑虎难下，因为你曾经上瘾了，有个试验小白鼠遇到电流会规避，然而奇怪的景象产生了，小白鼠岂但没有规避，反而一次又一次的自我电击，通过发现，原来是试验中不小心把某地位弄错，刚好刺激了快感中枢的地位。所以，你兴许就像这小白鼠一样上了瘾。
一个假相是，科技巨头们在社交软件视频平台，网络游戏中精心安排了一个又一个沉迷的钩子，目标就是为了截取更多的用户，获取他们的更多工夫和金钱，咱们正在被一个算法和娱乐所刺激中，但很多人却不自知，那么如何解脱上瘾的行为呢？
就是去理解让人沉迷于网络的钩子：
- 可望而不可即的迷人指标
- 无奈抵御无奈预知的踊跃反馈
- 渐进式的提高和改善的感觉
- 越来越艰难的工作须要解决，但暂未解决的紧张感
如，你公布了某音讯，你会去暗中察看，有没有人给我点赞，写文章，有没有人给我点赞，有没有人给我评论等等。（我很期待！！！）
其实你能够把这些钩子投入学习中，把学习当做趣味，降级打怪，一直晋升本人。
你的抉择
本人的人生本人抉择，你能够抉择一条简略的路，抉择沉迷在你的手机里，刷视频，打游戏，煲剧，毫不费力的播种大把大把的高兴，你也能够抉择一条更加艰巨的路，抉择自律，抉择提早慢走，抉择成长。
用你的右手做什么，由你本人决定
学习办法
只有把握了正确的办法，学习前端和学好前端就只是个工夫问题这句话谁都会说，但什么是正确办法？小编在这总结了 3 点，仅供参考。
1、梳理分明常识体系框架
学习前端，不论是入门还是进阶，肯定都要有常识体系建设的想法。就算是刚开始学，也肯定要有这样的意识。后面说过，因为前端知识点多而扩散，所以如果不能构建起本人对于前端的常识体系框架的意识，很容易就会手足无措，没了方向。
当初网上对于前端常识体系的脑图很多，然而往往过于简单，不适宜初学者。作为一个初学者，每个人都应该本人做一份本人的前端常识体系脑图，先有一个最根本的框架，而后在学习的过程中缓缓欠缺。
这样通过和他人脑图的比照，你也很容易晓得还有那方面的常识是须要补充欠缺的。
这里我给出一个简略的模版，其实作为一个刚入门的前端新人，有这样的大框架曾经齐全够用了，不必谋求大而全，学习的畏惧心理也会小很多，随着你学习的深刻，这个脑图也会缓缓饱满起来，最终会造成你本人的常识框架。
这样看起来是不是清新很多？
2、筹备和根底的学习
要开始的时候做一些根底工作还是必要的，比方选一个本人喜爱的编辑器啊，比方迷信上网啊，比方怎么高效的应用搜索引擎啊，比方 git 啊，比 markdon 语法啊，这些货色都能够大幅度晋升你的学习效率或编程的幸福感，所谓磨刀不误砍柴功，你也能够把这些货色记在你的脑图里。
接下来你就能够开始学习基础知识啦。HTML，CSS，Javascript 这三样真的很重要，真的很重要，真的很重要，刚开始的时候你压根不必去管那些花里胡哨的框架，肯定要把根底打好。框架再怎么更新迭代，最根底的货色还是这三样，只有你能把握好根底，就等于拿到了关上前端世界的钥匙。
不论你的前端学习到了哪个阶段，对基础知识的好奇心肯定不能断，这外面有太多细碎的知识点，每一份 spec 都又臭又长，就算你曾经工作两三年，这外面必定都还有你不晓得的货色。好了，到这个时候你的常识体系脑图差不多应该长成这个样子了：
进行到这里的时候其实又有一个坑，很多人到这儿的时候就一头扎进去去看外面的具体内容了，比方去看各种标签的属性用法啊，去看选择器啊，这就是比拟典型的没器重常识体系框架建设导致的自觉做法。
举荐的做法是什么样的呢？其实很简略，就是再去细化这些知识点的层级，理清各个知识点的脉络，从宏观上先对这些常识的体系和框架有一个比较清楚的意识。
就拿 HTML 来简略的举例一下：
这样把知识点的层级关系形象分明，对每个小的知识点正当分类，能力让前端常识里那些庞杂的知识点造成体系。
当初你就能够去往里面补充些细节的货色了，你能够在脑图上用不同的色彩标出不同的优先级，以便划分学习的优先级并不便当前 review。
3、把学的货色用起来
每次学过一些小的知识点，都要想方法把它们用起来，想分明这些知识点的有哪些应用的场景，等到基础知识学到肯定水平了也能够反过来，先事后想好场景和要实现的性能，再去想在这些场景上面该用哪些常识，如果遇到了解决不了的问题和没有学过的常识，去你的脑图里把它的地位搞清楚，写进去。列入后续的学习打算。
肯定不要始终看，始终学，却不在具体的场景里去用，你应该养成拿本人学到的货色做些货色解决些问题的习惯。一直的做出货色，解决问题，一直给本人正向的激励，一直的欠缺本人的常识体系，肯定要让本人有成就感。
学习笔记
一、HTML
- H5 新个性
- 浏览器渲染原理解析
- iframe 有那些毛病？
- Label 的作用是什么？是怎么用的？
- HTML5 的 form 如何敞开主动实现性能？
- 如何实现浏览器内多个标签页之间的通信? (阿里)
- 页面可见性（Page Visibility API）能够有哪些用处？
- 实现不应用 border 画出 1px 高的线，在不同浏览器的规范模式与怪异模式下都能保持一致的成果。
- title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？
- 你做的页面在哪些流览器测试过？这些浏览器的内核别离是什么?
- 每个 HTML 文件里结尾都有个很重要的货色，Doctype，晓得这是干什么的吗？
- div+css 的布局较 table 布局有什么长处？
- img 的 alt 与 title 有何异同？strong 与 em 的异同？
- 简述一下 src 与 href 的区别
- 晓得的网页制作会用到的图片格式有哪些？
二、CSS
- box-sizing
- 程度垂直居中的办法
- 实现右边定宽左边自适应成果
- 三列布局（两头固定两边自适应宽度）
- BFC（Block Formatting Contexts）块级格式化上下文
- 革除浮动元素的办法和各自的优缺点
- css 实现自适应正方形
- position 的值
- 如何在页面上实现一个圆形的可点击区域？
- 介绍一下规范的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？
- CSS 选择符有哪些？哪些属性能够继承？
- CSS 优先级算法如何计算？
- CSS3 新增伪类有那些？
- display 有哪些值？阐明他们的作用。
- CSS3 有哪些新个性？
三、JavaScript
- js 根底
- DOM 相干
- BOM 相干
- JS 高级
- 闭包
- 原型与原型链
- 作用域与作用域链
- apply, call 和 bind 有什么区别?
- 谈谈对 this 的了解
- 那些操作会造成内存透露？
- 深刻贯彻闭包思维，全面了解 JS 闭包造成过程
- 上面这个 ul，如何点击每一列的时候 alert 其 index?（闭包）
- js 继承形式及其优缺点
- 上下文环境对象
四、前端框架
1.jQuery
- jQuery.fn 的 init 办法返回的 this 指的是什么对象？为什么要返回 this？
- jquery 中如何将数组转化为 json 字符串，而后再转化回来？
- jQuery 的属性拷贝 (extend) 的实现原理是什么，如何实现深拷贝？
- jquery.extend 与 jquery.fn.extend 的区别？
- 针对 jQuery 的优化办法？
- JQuery 一个对象能够同时绑定多个事件，这是如何实现的？
- bind(), live(), delegate()的区别
- jQuery 框架中 $.ajax()的罕用参数有哪些？写一个 post 申请并带有发送数据和返回数据的样例
- jQuery 一个对象能够同时绑定多个事件，这是如何实现的？
- jquery 中如何将数组转化为 json 字符串，而后再转化回来？
- Jquery 与 jQuery UI 有啥区别？
- jQuery 和 Zepto 的区别？各自的应用场景？
- Zepto 的点透问题如何解决？
2.angular
3.react
4.vue
五、扩展性问题
- 职业规划 && 将来冀望
- 页面重构怎么操作？
- 列举 IE 与其余浏览器不一样的个性？
- 什么叫优雅降级和渐进加强？
- 是否理解公钥加密和私钥加密。
- WEB 利用从服务器被动推送 Data 到客户端有那些形式？
- 你有用过哪些前端性能优化的办法？
- 一个页面从输出 URL 到页面加载显示实现，这个过程中都产生了什么？（流程说的越具体越好）
- 对前端工程师这个职位是怎么样了解的？它的前景会怎么样？
- 平时如何治理你的我的项目？
- 前端学习网站举荐
常应用的库有哪些？罕用的前端开发工具？开发过什么利用或组件？
篇幅无限起因面试题只列举一部分，须要完整版的前端面试学习笔记的小伙伴们请点击这里间接支付噢
结束语：如何保持学习？
- 如果你玩游戏的话，请放弃游戏，或者戒掉一段时间，直到找到称心工作。
- 找到你的痛点。
- 分段学习，制订合乎周期的打算。不要逼着本人，否则压力会让你解体的。
- 找点鸡汤，或者去找点你没有但渴望失去的货色。
- 业务方面，多看点书，多总结积攒一些思考形式。
最初灵魂一问：
- 你的幻想是进大厂吗？你明确的，这须要一点小小的代价。
- 你是万中无一的奇才？如果不是，那么失败几次是失常的，大家都是普通人，兴许只是不 match。
