前端学习路线

Header 队名：To Be Done 组长博客 作业博客 团队项目进行情况 燃尽图（组内共享） 展示Git当日代码/文档签入记录（组内共享） 注: 由于GitHub的免费范围内对多人开发存在较多限制，因此我们不会使用GitHub作为主代码仓库，而是使用自建的Git基础设施，我们可能不定期将代码镜像到GitHub 组员情况 王永福（组长） 过去两天完成了哪些任务 开发规范的编写 后端框架的搭设 前端框架的搭建 API文档的编写 接下来的计划 后端实现 前端实现 还剩哪些任务 后端实现 前端实现 有哪些困难 对Android开发不熟悉 对设计模式不熟悉 被又拍云摆了一道 有哪些收获和疑问 学了一大堆Android开发知识 疑惑：这门课真的只有一学分吗？ 丁枢桐 过去两天完成了哪些任务 学习android studio和eclipse+adt的使用 构建并成功在手机上运行了自己写的测试app 设计装逼图的解决方案 接下来的计划 继续学习android开发 设计装逼图分类算法 找装逼图分类数据集 还剩哪些任务 android前端 数据集找寻 有哪些困难 学习新开发工具，新语言 数据集资源查找困难 有哪些收获和疑问 收获：学习了android开发模式以及构建方法，对机器学习加深了认知 疑惑：这门课真的只有一学分吗？ 邱畅杰 过去两天完成了哪些任务 基本实现了后端自动生成游记分享图的设计

Header 队名：To Be Done 组长博客 作业博客 团队项目进行情况 燃尽图（组内共享） 展示Git当日代码/文档签入记录（组内共享） 注: 由于GitHub的免费范围内对多人开发存在较多限制，因此我们不会使用GitHub作为主代码仓库，而是使用自建的Git基础设施，我们可能不定期将代码镜像到GitHub 组员情况 王永福（组长） 过去两天完成了哪些任务 开发规范的编写 后端框架的搭设 前端框架的搭建 API文档的编写 接下来的计划 后端实现 前端实现 还剩哪些任务 后端实现 前端实现 有哪些困难 对Android开发不熟悉 对设计模式不熟悉 被又拍云摆了一道 有哪些收获和疑问 学了一大堆Android开发知识 疑惑：这门课真的只有一学分吗？ 丁枢桐 过去两天完成了哪些任务 学习android studio和eclipse+adt的使用 构建并成功在手机上运行了自己写的测试app 设计装逼图的解决方案 接下来的计划 继续学习android开发 设计装逼图分类算法 找装逼图分类数据集 还剩哪些任务 android前端 数据集找寻 有哪些困难 学习新开发工具，新语言 数据集资源查找困难 有哪些收获和疑问 收获：学习了android开发模式以及构建方法，对机器学习加深了认知 疑惑：这门课真的只有一学分吗？ 邱畅杰 过去两天完成了哪些任务 大体实现了后端自动生成游记分享图的设计

大神，前端工作半年了，学的很迷茫，总感觉不知道怎么去自学，看书吸收能力差，可以给迷茫的人一点您的宝贵意见吗？ 前几天，小伙伴星星微信我说了上面这段话。 首先呢，纠正两点，我不是大神，我真的不是，顶多是个大佬（皮一下）；我对星星你没有任何意见哦，要有的话，也只是一点点建议，仅供参考哈。 其次呢，说实话，工作半年，迷茫的有点早啊。就我所知，刚入职的年轻人都喜欢热火朝天地干，就像刚刚交往的恋人一样，投入的很呢。难道说对工作不爱了？ 01、先开一剂药 针对前端来说，掘金是一个绝佳的学习网站，里面的大牛每天都会推各种学习的路线。我特意花了一上午的时间找了几个。 1） 前端开发中79条不可忽视的知识点汇总 ，这篇文章截止到目前共获得了 1494 个赞。 2） 解密初、中、高级程序员的进化之路（前端） ，这篇文章截止到目前共获得了 1406 个赞。 3） 一个合格(优秀)的前端都应该阅读这些文章 ，这篇文章截止到目前共获得了 4854 个赞。 4） 前端 100 问：能搞懂 80% 的请把简历给我 ，这篇文章截止到目前共获得了 6006 个赞。 5） 8年前端开发的知识点沉淀 ，这篇文章截止到目前共获得了 1801 个赞。 6） 一名【合格】前端工程师的自检清单 ，这篇文章截止到目前共获得了 4144 个赞。 还有很多，我就不再一一列举了。这 6 篇文章包罗万象

　　好程序员web前端分享前端学习路线自学如何找到工作，自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件，如果基础好，自律性强那么将会容易很多，还有就是自学最难克服的并不是知识点，而是自己的学习环境是否真的能让自己静心学习。 　　就学历和专业而言我们可以来分析成功率，本科生计算机相关专业的那么他的自学成功率就会很高，因为本身基础好，我国高考制度已经充分证明来他的实力，所以这样的人才学习能力是很强的。 　　比如一个高中辍学的人，他想要自学WEB前端，想要达到就业的水平，那么这样的成功率非常低，他需要付出比别人更多的努力。因为他缺失很多基础知识在学习WEB前端的时候需要付出比其他人多倍的努力才有可能勉强达到就业标准的技能要求。 　　学成WEB前端的必要因素 　　1.自律 　　2.找有经验的前辈带你入门避免走弯路 　　3.制定良好的学习路线，学习企业中正在流行的前端技术来学习。 　　4.坚定目标，持之以恒 　　前端学习计划（以阶段划分） 　　一、第一阶段（入门篇） 　　XHTML 　　CSS2.0 　　HTML5（新增标签部分—涉及到js的放到后面再学习） 　　CSS3（新增N多选择器及属性） 　　学完这个部分你应该就可以写出一个简单的企业网站了 　　二、第二阶段Javascript（学完这个阶段电商类的pc站已经可以制作了） 　

课程背景 混合应用相对于原生应用而言，是原生应用和 Web 应用的结合体。过去几年，混合应用开发的各种利弊已得到充分的讨论和验证。关于混合应用是什么、为什么使用的问题，相信大家都有自己的答案，但如何开发混合应用，从现有资料中却很难找到一个系统、全面的回答。 刚上手或准备上手混合应用的开发者，经常苦于没有一套经过验证的最佳实践来指导开发，在开发的各个阶段往往遇到各种问题： 如何选型？ 如何架构前端代码？ 如何做好体验？ 如何做好安全性？ 如何正确使用原生能力？ 如果对以上问题没有充分的理解，贸然开始一个混合项目就很容易掉进坑里。为了帮助大家解决这些问题，快速开展混合应用开发，特推出了本达人课。 课程介绍 本课程为混合应用开发入门课程，将带领读者快速掌握 Hybrid App 开发能力，内容涵盖混合应用原理、混合应用开发基础、混合应用开发进阶、混合应用开发最佳实践。 课程主要分为两大部分： 第一部分（第01-05课），理论篇，带大家明确了解混合应用开发与普通 Web 前端开发的差异，内容包括混合应用原理、混合应用界面开发、混合应用体验优化、性能优化、混合应用安全性等，属于混合应用开发基础理论内部。 第二部分（第06-13课），实战篇，从技术选型开始，讲解如何基于 APICloud 平台开发混合应用，内容包括平台特性、前端项目工程规划、界面交互、数据交互、数据缓存等开发中的各个方面

技能点 学习路线 html＋css js (基础，高级提升，jquery,bootstrap框架，nodejs) es6 流行的框架三大框架，比如vue 性能优化，减少http请求，http缓存，第三方框架引入，离线存储，等待loading交互，压缩js,css 前端小白(基础要扎实) 两周html＋css js不要急，入门到放弃，需要培养编程思维，加油打气，循序渐进，每天学习一点 自学网站（意志力，大神监督学习） 麦子学院 慕课网 极客学院 小白到初级工程师成长 基本功很重要 一定要拼命，多熬夜，消化内容 时间会淡化你的激情，东西会学习的更慢 初级工程师瓶颈 不会考虑扩展性 逻辑不清晰 代码冗余太多，写完代码后一定要优化，成长 喜欢使用全局变量，命名不规范，路径乱放，第三方插件过多 中级工程师 查看源码，组件的二次开发，需要区分好坏代码。 大专栏 前端学习路线 ink" title="中级工程师瓶颈">中级工程师瓶颈 模块复用 命名不规范 一定用听取其他人意见 盲目追新 需要努力的加强的地方 熟练掌握Html/Html5/Xml、CSS/CSS3/Bootstrap、JavaScript、jQuery、Ajax、layer等前端开发技术； 熟悉各种流行的浏览器的版本差别和各自特性；熟悉HTTP/2、W3C标准规范，代码编写风格良好，对前端性能优化有一定的经验 熟练掌握ES6+

结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。 互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀前端工程师也只是时间问题。 学习任何知识最重要的都是兴趣，如果经过一段时间的学习感觉不喜欢，那可能强迫自己学习是很痛苦的，效果也不会好，毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展，前端必然是Web开发人员需要学习的知识，有时候是没有专业前端工程师一起合作的，所以即使不做专门的前端工程师，掌握基本的前端技能为工作带来方便。 后期邀请了一些同学分享学习经历。如果有同学愿意分享,欢迎push 必备基础技能 前端技能汇总（ https:// github.com/JacksonTian/ fks ）这个项目详细记录 了前端工程师牵涉到的各方面知识。在具备基本技能之后可以在里面找到学习 的方向，完善技能和知识面。 frontend-dev-bookmarks（ https:// github.com/dypsilon/fro ntend-dev

又好久没写东西了 ，写上一篇的时候还以为接下来的工作会轻松一些 ，结果未从我所愿呐 ，又是一阵忙碌。而这段时间穿插着做了很多12年淘宝校园招聘的前端面试 ，很多同学都有问到 ，学校里没有前端的课程 ，那如何学习JavaScript？ 我的回答是：读书吧！相对于在网上学习 ，在项目中学习和跟着有经验的同事学习 ，书中有着相对完整的知识体系 ，每读一本好书都会带来一次全面的提高。而如果深一脚浅一脚的学习 ，写出代码的质量会参差不齐。初学者的首要任务是成为靠谱的熟练开发者 ，能够稳定的输出有一定质量的代码 ，这样才能让人放心的把任务交给你。从这个角度来看 ，跟着w3school类成体系的网络教程学习也是不错的选择 ，只不过我没有亲自实践过。 在07年之前 ，我是在做IEonly的企业级B/S应用 ，虽然当时项目的JScript就已经非常复杂 ，但当时团队里有很多经验丰富的同事 ，多是跟他们请教 ，或者再MSDN和网上找答案。07年进入阿里之后 ，开始直面兼容性问题 ，同时开始单打独斗 ，这个阶段开始接触相关的前端书籍 ，最先购买的是《 JavaScript高级程序设计 》和《 JavaScript DOM 编程艺术 》。可以说比较幸运 ，挑中了这两本很靠谱的书(其实当时市面上书籍并不多 ，感谢选择出版这些书和翻译这些书的同学们) ，近来这两本书都出了第二版其生命力可见一斑。 这几年来

举个例子：我现在是个懵懂的小白，老师让我用java做一个图书管理系统： 图书管理系统得有页面吧，页面我该怎么开发呢？于是你百度：前端入门，然后你就知道了，原来我使用 html js css就可以写一个页面出来了。于是乎你入门一下前端三剑客，开始上手写起了前端，写着写着，你觉得很麻烦，退出了游戏。 假设你坚持到了这一步，你发现用js写这些东西好麻烦啊，特别冗长，关键是原生的JavaScript还有各种浏览器兼容性的问题，你写出来的东西在chrome上能用，在ie上就展示的不正常了。于是乎你又百度：js框架。浏览器告诉你js的框架有很多：JQuery，React，Vue，..... 你觉得好麻烦啊 于是你又退出了游戏。 假设挑选了Jquery来做你的项目，你会发现，额 是比之前爽多了，毕竟框架会集成好很多方便的功能，你觉得你的效率在提高。 现在你坚持到了第四步，但是你又发现了新的问题，虽然相比之前JQuery操作起来是简单了许多，不过还是要我主动操作dom对象，有没有办法：我只关心我当前页面所用的数据是啥玩意就行了，改了数据之后，跟数据绑定的页面元素能够自动改变呢？这样我不就不用自己操作dom了吗？哦，对了，我之前搜索js框架的时候还有Vue和React，这都是啥玩意，于是乎，你百度：Vue入门。 好了，你开始使用Vue来写你的前端页面了，相比之前效率高了很多，使用Vue的过程中

前端需要性能优化么？ 性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为，提升你的网站性能，就是提升你的业务数据（甚至是业务收入）。 性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。相较于后端，前端的性能优化会更直接与用户的体验挂钩。从用户体验侧来说，前端服务 5s 的加载时间优化缩减 80%(1s) 与后端服务 50ms 的响应优化缩减 80%(10ms) 相比，用户的体验提升会更大。因此很多时候，与体验相关的性能的瓶颈会出现在前端。 我和一些同学接触的过程中，发现作为前端工程师，大家其实都具备一定的性能优化意识，同时也有自己的优化“武器库”，例如懒加载、资源合并、避免 reflow 等等。虽然大家对性能优化都有自己的思路，不过大多是分散在某几个点，较难形成一个完整的体系。 一、html文档结构标签语义化 1、首先什么是语义化呢？ 语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。机器在需要更少的人类干预的情况下能够研究和收集信息,让网页能够被机器理解,最终让人类受益。即用正确的标签做正确的事。 2、语义化的好处或者说存在的意义 ① 有利于搜索引擎抓取 ② 结构清晰的HTML在团队合作中的作用：代码可读、便于维护