在前端学那些东西
和你的朋友谈论今天的学习 。对于编码的学习,我觉得基础知识和编程实践最重要 。开始学前端,是把基础知识再学一遍,用的教材可以看学校发的教材 。学完基础,最重要的是练习 。可以不断的做一些模仿的网站,最后设计出自己的网站 。
收集平时交流的信息:
技术学得再好,没有开发经验,和产品经验,是很难写出好的代码 。因为写代码本身是带有目的性的,解决问题 。如果在校,学习程序很迷茫,是因为不知道学这个用来干嘛,自身没有想做的东西,所以就很迷茫,不知道学什么,为什么要学 。工作,要对一个产品了解到什么深度,代码就越健壮 。学习方式是有捷径的避开所有看不懂学习资料,找看得懂的,拿起一本资料或者网上找的资料,细度几分钟,看不懂直接找找别的资料有可能能力未达到 所有看不懂 也有可能 资料本身描述 很难懂 更有可能 资料描述不适合自己阅读习惯优先 实现功能 再考虑优化
那是你自己坚持的吗?当你想学习,拿起手机的时候,会不会发现自己已经不自觉地偏离了正确的轨道?从娱乐新闻到头版头条,99条未读新闻,你想的都是看一会儿,就一会儿 。结果十分钟,半小时,一小时不知不觉就溜走了 。然后你开始烦躁,后悔,自责,但是第二天,你又掉进了同一个坑 。
你会不会也在想为什么我的自制力这么差,为什么有些事情会让我欲罢不能?因为你上瘾了,本来有一只实验老鼠会逃电,但是奇怪的现象发生了 。老鼠没有逃跑,而是一次次电击自己 。发现后发现,原来是实验中某个位置不小心弄错了,正好刺激了快感中心的位置 。所以,也许你像这只小白鼠一样上瘾了 。
一个事实是,科技巨头们在社交软件视频平台和网络游戏中精心布置了一个又一个上瘾的钩子,目的是为了拦截更多的用户,从中获取更多的时间和金钱 。我们正在受到一种算法和娱乐的刺激,但很多人并不知道 。那么我们如何摆脱上瘾行为呢?
就是了解让人沉迷网络的钩子:
【4个月学前端找不到工作 前端项目经验怎么写】可望而不可即的诱人目标无法抵挡无法预知的积极反馈渐进式的进步和改善的感觉越来越困难的任务需要解决,但暂未解决的紧张感如,你发布了某消息,你会去暗中观察,有没有人给我点赞,写文章,有没有人给我点赞,有没有人给我评论等等 。(我很期待!!!)
其实你可以把这些钩子放到学习上,把学习当成兴趣,升级打怪,不断提升自己 。
你的选择
你可以选择自己的人生,你可以选择一条简单的路,沉迷手机,刷视频,玩游戏,演话剧,毫不费力的收获很多快乐 。你也可以选择一条更艰难的路,选择自律,延迟行走,成长 。
你用右手做什么取决于你自己 。
学习方法只要掌握了正确的方法,学好前端,学好前端只是时间问题 。大家都会这么说,但是正确的方法是什么呢?小编在此总结3点,仅供参考 。
1.梳理知识体系框架 。学习前端,无论是入门级还是高级,都要有知识体系构建的思路 。即使是刚开始学,也要有这样的意识 。前面说过,由于前端知识点众多且分散,如果不能建立自己对前端知识体系框架的理解,就很容易无所适从,迷失方向 。
现在网上有很多关于前端知识体系的脑图,但是对于初学者来说往往过于复杂 。作为初学者,每个人都要做好自己的前端知识体系脑图,先有一个基本框架,然后在学习的过程中逐步完善 。
这样,通过和别人的脑图对比,你就很容易知道还有哪些知识需要补充和完善 。
这里有一个简单的模板 。其实作为一个刚入门的前端新人,有这么大的框架是完全够用的 。不用追求大而全,对学习的恐惧也会少很多 。随着学习的深入,这个脑图会逐渐丰满起来,最终形成自己的知识框架 。
这看起来是不是清爽多了?
2.准备和基础研究刚开始的时候,需要做一些基础的工作,比如选择一个自己喜欢的编辑器,比如如何高效的使用搜索引擎,比如git,比markdon的语法要好 。这些东西可以大大提高你的学习效率或者编程幸福感 。俗话说,磨刀不误砍柴工,你也可以把这些东西记录在你的脑图里 。
然后就可以开始学习基础了 。HTML,CSS和Javascript真的很重要,真的很重要,真的很重要 。一开始,你根本不用担心那些花哨的框架 。你必须打好基础 。不管框架怎么更新迭代,最基础的还是这三样东西 。只要能掌握基础,就等于拿到了打开前端世界的钥匙 。
无论你的前端学习到了什么阶段,你对基础知识的好奇心一定不能断 。里面的微小知识点太多了,每个spec都又臭又长 。即使你已经工作了两三年,这里面也一定有你不知道的东西 。好了,这时候你的知识系统脑图应该差不多是这样的:
我们到这里的时候,其实还有一个坑 。到了这里,很多人一头扎进去看具体内容,比如各种标签的属性用法,选择器 。这是典型的不重视知识体系框架建设而导致的盲目实践 。
有什么推荐做法?其实很简单,就是把这些知识点的层次细化,把每个知识点的脉络梳理清楚,先从宏观上对这些知识的体系和框架有一个清晰的认识 。以HTML为例:
这样就可以把知识点的层次关系抽象清楚,把每个小知识点进行合理的分类,让前端知识中那些复杂的知识点形成一个体系 。
现在你可以进去添加一些细节 。你可以在你的脑图上用不同的颜色标出不同的优先顺序,这样你就可以把你的学习按优先顺序排好,以后再复习 。
3.运用你所学的知识 。每次学了一些小知识点,都要想办法去运用,搞清楚这些知识点用在哪些场景 。当你把基础知识学到一定程度,也可以反其道而行之 。先提前想好要实现的场景和功能,再想好这些场景下用什么知识 。如果你遇到了你永远也不能理解的问题和你没学过的知识,去你的脑图搞清楚它的位置,写出来 。包括在随访研究计划中 。
不要一直看着学,但不要用在特定的场合 。你要养成用所学做一些事情的习惯,解决一些问题 。不断的做事情,解决问题,不断的给自己正向激励,不断的完善自己的知识体系,一定要给自己成就感 。
学习笔记一. HTMLH5新特性浏览器渲染原理解析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的区别知道的网页制作会用到的图片格式有哪些?
第二,CSSbox-sizing水平垂直居中的方法实现左边定宽右边自适应效果三列布局(中间固定两边自适应宽度)BFC(Block Formatting Contexts)块级格式化上下文清除浮动元素的方法和各自的优缺点css实现自适应正方形position的值如何在页面上实现一个圆形的可点击区域?介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?CSS选择符有哪些?哪些属性可以继承?CSS优先级算法如何计算?CSS3新增伪类有那些?display有哪些值?说明他们的作用 。CSS3有哪些新特性?
三 。Java Script语言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.angular3.react4.vue
第五,可扩展性问题职业规划
推荐阅读
- 大专文职类工作 文职类的工作有哪些
- 电饭锅做米饭一碗米要放几碗水
- 3ds max使用晶格命令的简单方法是什么 3Ds MAX使用晶格命令的简单方法
- 新闻媒体名称 新闻媒体有哪些
- c4d怎么做灯塔 C4D建模一个低多边形灯塔的相关教程
- 练假声的快方法 怎么唱假声
- 毛戈平是哪个集团 毛戈平化妆品
- c4d的着色器怎么使用 C4D使用着色器的操作方法
- c4d制作cctv台标 C4D临摹电视台标志的图文方法