机翻前端，半年零基础自学心态标签：改变自学原创：Michael.Lu277133779@qq.com转载注明出处这里是初级群（西安初级前端群：4983126）在里面分享，然后整理出来分享给大家。晚上好大家。首先感谢（@Xi'an-F7）大大提供的平台。受(@上海-杰克)的重托，今晚分享我的自学心路——主题：机械转前端，零基础自学半年。从来没有过这样的交流方式，内心的紧张和激动并存。第一次在少年团这个大家庭里分享，也是莫大的荣幸。这是我知道的第三次分享。前两个是分享从实习到求职的经验，以及前端职业规划的方向。遗憾的是，我还没有正式进入具体的工作领域，有机会可以玩点花样。没有什么。所以我想分享一下我这六个月自学和实践以来的一些感受和体会。主要内容：背景介绍自学心得和心得demopage制作心得体会和对未来的展望由于个人经历，加之眼界狭隘，技术水平不高。如有不妥之处，欢迎各种形式的批评指正。诚言伤耳，益于行。大家的声音是我在正确的道路上前行的完美路标。背景介绍内容：以往工作状态（机械）、离职经历、心态转变、目标确定大家好，我是前端新人Michael.Lu。2016年4月之前，我是一家大型石油装备制造公司的机械工程师。我勤勤恳恳，工作强度不低。即使在规定的时间内完成了任务，我还是要常年加班（896左右）。生活节奏中规中矩，几乎没有波澜。变化的是眼花缭乱的三维机械模型和层出不穷的生产蓝图，不变的是工作内容、职位和薪水。虽然我平时表现出足够的上进心，但在这样的环境下，我逐渐意识到，在我该升职的时候，总会有奇怪的人从天而降，稳稳当当、狠狠地砸向我的升职目标。该加薪的时候，总能赶上国际油价的下跌，导致公司利润下降，开支吃紧。我。。.2013年7月大学毕业后，包括我在内的全国600多名大学生加入了公司。2014年走了一半，2015年坚持下来的不到100人，2016年3月还剩不到50人，想想我也算是一个坚持的坚强的成员了。但在三月的某个早晨，不知有多少新空降兵的领导前来迎接。脑海中浮现的不是欣欣向荣的未来工作景象，而是对未来10年的未来半壁江山的一瞥。退休生活的格局，老国企般颓废的人际网络，永恒不变的工作内容。再加上佳节期间，越来越想念家人，辞职的念头瞬间爆发，当天就提出辞职。从递交辞呈到真正成为流浪汉，我用了整整一个月的时间。HR劝留我的花招五花八门，脑残的人，工作交接的障碍，还有像签原子弹一样复杂的离职流程。总裁拿起笔准备签字的那一刻，就像交了高考的最后一卷一样爽快。皮皮虾，我们走！之后的四月到七月是我人生中最开心也是最失落的一段时光，也是我永远不会忘记的一段时光。这段时间，可谓是走遍天涯海角，心在天堂，身在地狱，却乐此不疲。我只身走遍全国寻找我的老朋友。虽然我的老朋友大多都在上班，没有太多时间接待我，也没有去很多景点，但他们洒脱自在，所以无论如何我都很开心。后半段的时间，我在回程的旅途中开始准备简历，决定下一个落脚点。这也是我情绪暴跌的转折点。不看招聘信息，不投简历，真不知道这个行业有多残酷。需求是应届毕业生或具有5至10年工作经验的高级工程师。我才意识到我真的是多么年轻和不成熟。几次接生无果后，我怀着一种比上坟还沉重却又无法表达的心情回家了。继续投简历，底线不断降低，投稿频率不断增加。接到面试通知电话的企业，要么是远在天边的无名企业，要么是苦苦挣扎的乡镇企业。立足点没有任何进展，渐渐觉得待在家里就像坐牢一样。我的心情从冲动、兴奋、高兴变成愤怒、失落、后悔，甚至绝望。我的心态逐渐崩溃，我终于给自己贴上了失败者的标签。.因此，三思而后行。当你面临是否跳槽或转行的抉择时，无论答案是什么，你一定要清楚，这绝对不是一蹴而就的，而是长期思想斗争和深思熟虑的产物。你需要想一想你现在的工作在哪些方面是不尽如人意的，具体是以下几个关键点：薪资待遇严重失衡、晋升渠道不明朗、工作内容重复冗长、工作强度大、疲劳度大、行业衰退速度快等。繁荣，或者人际关系不和谐，领导不领情吗？然后思考具体的方法可以用来改变现状或者与现状共存，活在当下。如果可以缓解，那你就应该坚决否决你的辞职想法，改断它。如果实在不行，好吧，辞职前提前计划好，等下一份工作安定下来或者时机成熟的时候再辞职。你千万不要像我一样头脑发热，狂妄自大。感觉自己以前很努力，也赢得了很多肯定。找工作绝对不是问题。升职加薪迟早会发生。实在是太年轻太简单了。这种辞职就像炒中国股市一样。当它是绿色的时候，你卖掉它，它就会上涨。当它是红色的时候，你买了它，它就下跌了。愤愤地认为是命运的不公。其实你并没有看清现状。决定无非是大脑的结果。挖个洞还是要自己填，解了铃还要系上。6月下旬，在我烦躁无比的时候，萌生了转行的念头。所以我不敢再仓促决定了，决定和爸爸商量一下。毕竟我现在是大人物了，良心逼着我不能老，反而迷失了方向，希望得到曲线救国。当我们一起喝了点酒，有点醉了的时候，我鼓起勇气告诉他，我喜欢音乐，吉他弹得很好。楼下有个比较大的乐器店在招人。我可以教吉他，也可以卖很多巴拉巴拉乐器。他好像没听进去似的，开始回忆起我上大学前报志愿时的情景。我还记得他说的话：“那时候石油行业真的是如日中天，所以我帮你申请了这个专业（油气储运工程），虽然这个行业有起有落，但是我没有没想到你刚刚赶上了退潮。你从小就喜欢打游戏，跑到网吧抓你打你。如果那个时候你是学计算机的就好了“我知道他根本不想让我教吉他，我说什么他也不听，但重点是我听他说的说!!!真是一语成谶，瞬间想到了两个从事互联网行业的同学（一个纯前端&一个半前端半后端）。说说我当时的感受，就好像我走在黑暗漫长的走廊里的人看到前方微弱灯光的那一刻。不晚！绝对及时！我疯狂地告诉自己。同时我咨询了这两位朋友了解了行业情况，所以我确定了前端这条路。深吸一口气，我真的high了！在这里我要感谢听我长篇大论的朋友。这也是一个一种告白的感觉，没想到压抑了半年的感情竟然以这种形式释放出来，那种喜悦之情溢于言表。然后就是挂机一样的自学经历。自学心得与心得分享内容：编辑选择，自学方法选择，笔记，代码编写，时间管理这是我自学前端的第一页。当时还在纠结到底用哪个编辑器，于是就去网上看看各种编辑器的优缺点，从Vim、Sublimetext这样的轻量级编辑器，到Dreamwaver、WebStorm这样的大型IDE，喜欢的朋友们有相同经历的我应该也知道，网上褒贬不一，众说纷纭，看的一头雾水。现在想起来，当时真的很可爱，所以我在这里告诉还在和小编纠结的新朋友们，择偶的唯一标准就是颜值（顺眼）和身材（光滑的）。因为悟道期的我们真的不需要去在意它们的威力有多大，不但用不上，还会分散我们的注意力。如果非要推荐一个，那就是SublimeText3，别的不说，赶紧入手吧！后来能力提高，视野逐渐开阔，编辑的选择也就没有那么难了。任何你需要的功能你都可以用任何编辑器，公司需要你用什么你就用什么，不需要你自己选择。而且以我现在的经验，任何一个编辑器都可以很快上手，因为基本功能都是一样的，只是熟悉一下界面、快捷键、特殊功能就可以了。你听说过跨浏览器的兼容性问题，但你听说过前端代码的跨编辑器问题吗？从第一个html文件到现在，排除各种节假日，不能辞退的老友聚会，还有春节前失控玩了将近一个月的游戏，我粗略估计我只自学了半年左右。人们说我进步很快。老实说，如果你有和我上面描述的类似经历，你一定比我快多了。因为我不仅自制力差，而且从小就看不懂白纸黑字的书。所以不管你现在在上学，还是准备进军前端行业自学，或者已经工作但想通过自学提高，那就行动吧，你可以的！很多人认为，如果玄学错了，自学也无话可说。不就是抛开一切杂念，埋头苦读吗？事实上，情况并非如此。在我看来，这种形式的自学最容易缺乏动力和动力。达不到既定目标而半途而废的人太多了，尤其是自学时间少、条件有限的人。最形象的例子就是自学就像健身。如果你少运动，它不会有任何影响。如果运动量太大，会伤筋动骨，身体会承受不住。而且，在没有任何指导的情况下，很容易练出左右肌肉的不对称性。不舒服。于是，来不及解释，上了车。从总体上看，自学接受知识库的方式主要分为专业书籍和专业视频两种。只有最适合自己的，没有最适合大众的。因此，自习前一定要对自己有一个客观的评价，然后按号入座，这样才能更有效率地自学。这个非常重要。试想，如果看书看视频都能睡着，自学还有什么意义？如果你能明确自己接受知识的习惯，就可以有效避免这些不经意间的无聊或困倦，从而在可用时间内将不必要的时间损失降到最低。随着时间的脚步，慢慢的注意力开始高度集中，心无旁骛。不知道大家有没有这样的感觉，一边工作一边用一只耳朵听歌，不知不觉等到我完成任务或者回过神来才发现，上一首歌是什么？不记得了？这可能就是所谓的进入状态，也恰逢我说的自学过程。也正是因为知道看书困，所以选择看视频，整个自学过程都是以看视频为主（苗维，MOOC）。群里也有很多群主分享的相关电子书。如果您有兴趣，请随时下载它们而无需排队。如果你能选择适合自己的自学方式，那么恭喜你，你有了火锅底子。好记性不如烂笔头。自学不仅要获取知识，更要转化知识。其中一种方法是经常做笔记。在这一点上我做得很好。这六个月，一台PC端和一台移动端，几乎合二为一了，反正你也看不到了。不过重点是，准备一个档次稍微高一点的笔记本。当你面对这么好的笔记本，觉得自己不会在上面乱写乱画的时候，那就老老实实的写吧，你写什么呢？复制书的原文？还是复制视频中的ppt？当然不是，否则书籍和印刷商会向你征收智商税。所以一定是经过自己的脑回路之后写的精华，这样以后看的时候才能体现出笔记的意思。好吧，我太习惯你这么容易被你开发了。而我看视频的时候，会特意把知识点模糊的记录在另一本草稿本上。看完视频，我会一一回忆，就像背单词一样。如果这个记清楚了，ok下一个，如果记不清了，那就看一下视频相关的知识点，直到这一节的知识点都记清楚了，拿笔记下来就可以了。这也适用于看书的朋友。有菜！亲手过一遍，胜过看一千遍。是时候展示真正的技术了。真枪实弹写代码才是所学知识的最终输出方式。这也是一个老生常谈的问题，也确实是一个答案只能是量变的问题。对于一个复杂的抽象知识点或系统的背诵，如果不想很快忘记，那就至少背一遍；如果你想忘记它更长的时间，那么至少要过一段时间再写；什么？你想不想达到背熟到过目不忘的地步？对不起，她只是生命中的过客。以前也是这样迷茫的，一个自定义的拖拽，功能不是特别复杂，几个月前来来回回写了两三遍，但是最近学OOP重构这个拖拽的时候，第一次我居然给被拖动的元素绑定了onmousemove和onmouseup这两个事件，而不是document，忘记写系统默认事件returnfalsedraggingisdisabled，所以很烦。这也引出了两个问题：为什么我没有记住，我需要记住那么清楚吗？第一个问题反映出虽然写过几次，但是由于记忆力不强，没有完全理解他的底层原理，所以又记了一遍。一种是让元素离开可见区域再返回，另一种是也可以拖动图片和带文字的元素。第二题我觉得自己看不懂，就向朋友请教。他的回答是：不管是工作还是面试过程，没有刻意刁难你，只要你能流利回答，把上下文说清楚，就不会卡壳无从下手。所以，我的理解是，经常写代码对我们最大的好处就是更容易贴近底层原理去理解，有利于永久性思想的构建。日积月累，擅长重构，于是出现了业界大牛。是的，是你，别看别处，就是你！那么，就让火锅给你放火吧！自学那些小东西仓库https://github.com/codefine/p...（别嫌弃我是小鲜肉，粗暴来star）Reading,Watching,Writing,Noding,Reading,哇……等等！误会太深了。我们不是钱多死少的早期人类码农，更不会陷入这样的死循环。我们比任何人都知道什么时候该做什么！但确实，如果你停止学习，你就会被这个爆发式发展的行业所淘汰。在这个行业里，你要付出的多，牺牲的多，这样至少才能脱颖而出，更何况造福于世界。自学，我们都要学会时间管理。首先，没错，就是我的反面教材：因为没有意识到这个问题，各种压力，又热衷于这个行业，所以自学的时间管理没有管理好。除了吃饭和睡觉，剩下的时间几乎都花在了学习上。半年平均每天10个小时一点都不夸张。晚上睡觉的时间取决于代码写了没有，早上起床的时间取决于你有没有意识。否则，蘑菇会长在头上。也许下一次科比说他是唯一能看到凌晨四点太阳的人，我会严厉地反驳他。当然，这是我多年前自制力失控之前的事，也是彻头彻尾的反面教材。不要学我正向教材是：连续写一个小时的代码，不管写完没写完，至少要休息5到10分钟。一方面，可以整理思路，更有效率地完成剩下的任务。请指教。在今后的工作和学习生涯中，我将坚决贯彻这一原则。劳逸结合，拒绝猝死，从你我做起。锅里的菜差不多熟了，调油碗吧。自学遇到自己解决不了的问题怎么办？这个问题问得好，这也正是我们作为一个群体存在的意义所在。要在组内充分贯彻不懂就问的精神，按照组长和管理三步走思维，先想、再查、后问，切实落实有针对性的提问方式，拒绝虚假和无理取闹，提出质疑。..行了，不说了，我选择吃火锅，你家门口的广告已经打了。Demo页制作经验分享内容：对整站的想法和建议，素材来源个人Demo页地址：https://codefine.github.io/，大家先睹为快。对于github网站，我只知道pages的皮毛，pages功能只是github全站功能的冰山一角。我个人认为最重要的功能是它的协同主线分支系统，网站本身也是世界上最重要的。一个重量级的开源社区，希望大家多多关注，多学习，早日贡献自己的开源作品，造福一方。本网站的存在对我们来说是一笔宝贵的财富。如果你了解页面的功能，那么我建议先阅读官方说明https://pages.github.com/。不懂的自行百度，相关攻略更多。如果你还是不明白，没关系，这也是我下一次分享的主题——如何通过github的pages功能轻松搭建个人主页。带大家从github上注册，搭建展示个人主页的仓库，搭建一个简单的个人主页，克隆同步，由浅入深一步步完成。而且，图文并茂。过程中只要有新的页面或界面，都会有相应的新截图和说明。个人认为这是目前为止最详细的攻略，详细到离谱！力求为所有人轻松打造个人主页！希望大家不要错过，精彩活动等着你。这里我先放出自己画的简明流程图，整个过程不需要你有后台知识。还是和官方文档一起吃比较好。个人demo展示的网站，由于时间仓促，制作过程从第一天的午饭到第二天凌晨4点左右用了不到一天的时间，UI和代码优化确实做得不够好.，但是对于我来说，这个页面只是我自学积累的展示，面试的时候可以加分。后期如果有好的想法，认真做个人网站，会考虑购买域名和云服务器。整个网站都是用引导程序构建的。不得不说，这个框架真的很适合不懂设计，又不想太丑，又想响应式的人。而且这个UI框架的API文档也比较简单易懂。你可以边检查边写。几乎不用重写原来的框架就可以做出更优雅的网站。我也在这里推荐你们。如果你没有什么好的想法，想快速搭建一个demo页面，那么这个框架是不二之选。网站上的demo资料都是自学期间的积累，但也不是全部没有积累，只是能拿到一小部分，其余的不要对外宣传。其中最引以为豪的，莫过于安踏在移动端去突破的demo。年复一年的做了，也跟着我一年了，用的比较新的思路，比如css3搭建的伪圆柱结构，原生js陀螺仪实现的手机定位和场景交互API都是同时研究和编码的。也非常感谢妙维网的相关导师和群友，在不同的时间给了我不同程度的启发和指导。所以为什么我的整个学习过程几乎都在加速，这一切都归功于那些看得见、看不见的良师益友。感谢这段时间回答我问题的前辈和群友。展望未来，是时候和大家说再见了。这个时候，如果离开现场的时候有一首歌《What’s Up - 4 Non Blondes》作为bgm，那就太好了。回首整篇文章，虽然文笔有点玩味，但都是真情流露，不擅长写生硬教条式的文章。所以希望这篇文章能给大家带来不一样的感受。当你在故事俱乐部听一个短篇小说时也很好。我认为未来几年互联网行业的发展一定会延续这种爆发式的趋势。好吧，既然选择了这条路，不管你是被迫的还是主动的，因为我经历过如山的交错，我深深地体会到，我也许终于走上了正确的道路，而已经在这条路上的你们，更应该珍惜眼前的一切。宝剑锋自磨砺出，梅花香自苦寒来。坚持，练习，努力在尚可掌控的几年里脱颖而出。这样，未来的自己和家人都会为现在的你感到骄傲。虽然我现在还处在找不到工作，还没有开始的阶段，但是经过这么多的经历，我的心态已经变得积极起来，我就等着上班，努力工作，证明这对我来说是多么的正确辞职转行了。我愿意相信，这是一个百倍扬帆的时代，互联网行业就是我们的星辰大海！
