前端架构 | 易学教程

前端面试知识点汇总

阅读更多关于前端面试知识点汇总

作者：AmbitionC 链接：https://www.nowcoder.com/discuss/258810 来源：牛客网一、JavaScript 原始值和引用值类型及区别判断数据类型typeof、instanceof、Object.prototype.toString.call()、constructor 类数组与数组的区别与转换数组的常见API bind、call、apply的区别 new的原理如何正确判断this？闭包及其作用原型和原型链 prototype与__proto__的关系与区别继承的实现方式及比较深拷贝与浅拷贝防抖和节流作用域和作用域链、执行期上下文 DOM常见的操作方式 Array.sort()方法与实现机制 Ajax的请求过程 JS的垃圾回收机制 JS中的String、Array和Math方法 addEventListener和onClick()的区别 new和Object.create的区别 DOM的location对象浏览器从输入URL到页面渲染的整个流程（涉及到计算机网络数据传输过程、浏览器解析渲染过程）跨域、同源策略及跨域实现方式和原理浏览器的回流（Reflow）和重绘（Repaints） JavaScript中的arguments EventLoop事件循环宏任务与微任务 BOM属性对象方法函数柯里化及其通用封装

前端总结

阅读更多关于前端总结

HTML <!doctype> #规定文档类型  转义字符以&；包裹 #在&；中间单词简写，详情查看8-1 <head> 头标签 <body> 体标签 <html> 根标签，全局的属性写在这里，标签种类等详情查看8-3 <div> 用来搭建页面结构的标签 width: 200px # 标签的宽 height: 200px # 标签的高 border-radius: 50%; #边框圆角设置 background-color: blue; #标签的底色设置 border: 1px solid black; # broder边框，1px就是1像素，solid就是实线，black就是定义边框的颜色 color: hotpink; #字体颜色 font-size: 30px; # 字体大小 transition: 1s 1s all linear; # 就是动画效果过渡效果,1s 1s过渡效果展开的时间和延迟时间,延迟时间一般不会写，用户体验度不好,动画属性默认all,渡曲线linear（线性） .box:hover{} # hover给鼠标添加悬停效果 cursor:pointer; # 鼠标样式 list-style: none; # 清除列表样式 text-decoration: none; # 清除字体下划线 margin: 0; #

前端面试题

阅读更多关于前端面试题

HTML相关 1、标签的定义与用法 http://www.xinran001.com/bbs/thread-72998-1-1.html 2、块级元素和行内元素 http://www.w3cwhy.com/css-html/html-hkmarka.html 3、你真的了解HTML吗？雅虎面试题 http://club.topsage.com/thread-2738399-1-1.html 幸运且光荣的被老大安排了一个任务 - “去整理些前端面试题”。年前确实不是招人的好时候，所以我们前端团队经过了超负荷的运转，终于坚持过了春节。春节以后就开始招人啦，这套题考察的目标就是基础基础再基础，嘿嘿。事先声明： ◆ 这些题目的来源：面试曾经被问过;工作被别人问过或者遇见过;网上看见过... ◆ 答案真心不给提供，真的是许多问题都需要个人的理解和沉淀，所以还请各位自己动手...前端可以试试自己差不多能回答多少题，哈哈。 ◆ 其实很多题我也没有好答案，面试的时候如果遇到牛人我也可以顺便交流交流，反正我也只是一面，不丢人也不怕丢人。 ◆ 如果朋友们有好的面试题欢迎提建议，我会其实补充更新的，先谢谢各位了。 HTML相关 1. 标签的定义与用法。 2. 块级元素和行内元素都有哪些? 3. 你真的了解HTML吗? 雅虎面试题　　把前面黄底那段拿去搜索下就知道了

前端面试大全—VUE部分(1)

阅读更多关于前端面试大全—VUE部分(1)

1，vue的生命周期 1, 创建期间的生命周期函数 beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始编译模板 beforeMount：此时已经完成了模板的编译，但是还没有挂载到页面中 mounted：此时，已经将编译好的模板，挂载到了页面指定的容器中显示 2, 运行期间的生命周期函数 beforeUpdate：状态更新之前执行此函数，此时 data 中的状态值是最新的，但是界面上显示的数据还是旧的，因为此时还没有开始重新渲染DOM节点 updated：实例更新完毕之后调用此函数，此时 data 中的状态值和界面上显示的数据，都已经完成了更新，界面已经被重新渲染好了！ 3, 销毁期间的生命周期函数 beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。 destroyed：Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 1，MVC、MVP、MVVM模式的区别 MVC、MVP和MVVM这些开发模式为了分离视图（View）和模型（Model）而提出来的，直白说就是为了前后端分离 1，MVC（Model View

前端入门解疑（1）-- 序言

阅读更多关于前端入门解疑（1）-- 序言

随着技术的进步、开发理念的逐步完善和客户化的需求日渐增多，前后端分离是业界的趋势，很多公司都采用了这种技术架构，前端技术也发展得非常迅猛。不过这样也导致了新手入门的时候，会产生各种各样的疑惑，甚至有人还产生不了疑惑，只知道照葫芦画瓢。初入公司实习，公司或许会安排又经验的员工进行协助。由于有经验的员工本身任务也比较重，大多数是给新人直接安排简单的任务进行练手，但都是基于公司现有的前端框架进行开发。如果新手在校的时候，在前端方面没有深入接触前端框架，或者是前端的三大技术（HTML，CSS，JS）与背景不太熟悉，会经常摸不着头脑。这时候，如果有经验的员工没给新人做适当的入门培训，很容易导致新人怀疑自己是否适合做前端。目前本人针对这些方向性的问题作出简单的介绍，里面包含了个人对前端技术的理解，主要包括前端的三大技术（HTML，CSS，JS），浏览器，前端框架等。前端三大技术是前端最重要的技能，因为你无法识别你未来的公司或者你公司未来会使用什么技术框架，但只要你掌握好这三大技术，无论怎么变也能快速上手。浏览器是前端展示的工具，适当了解浏览器的来历与特性，能协助你更好的进行开发与排查问题。前端框架是前端技术发展的重要成果，能提高前端开发的效率，同时能增加程序的稳定性。其他方面后续想到再做适当的补充，下面进入简单的技术。来源： CSDN 作者：小明哥哥的哥哥链接： https

浅析前端工程化

阅读更多关于浅析前端工程化

1. 什么是前端工程化自有前端工程师这个称谓以来，前端的发展可谓是日新月异。相比较已经非常成熟的其他领域，前端虽是后起之秀，但其野蛮生长是其他领域不能比的。虽然前端技术飞快发展，但是前端整体的工程生态并没有同步跟进。目前绝大多数的前端团队仍然使用非常原始的 “切图（FE）->套模板（RD）” 的开发模式，这种模式下的前端开发虽说不是刀耕火种的原始状态，但是效率非常低下。前端的工程化问题与传统的软件工程虽然有所不同，但是面临的问题是一样的。我们首先回顾一下传统的软件开发流程模型：上图中的运行和维护并不是串行关系，也并非绝对的并行关系。维护贯穿从编码到运行的整个流程。如果说计算机科学要解决的是系统的某个具体问题，或者更通俗点说是面向编码的，那么工程化要解决的是如何提高整个系统生产效率。所以，与其说软件工程是一门科学，不如说它更偏向于管理学和方法论。软件工程是个很宽泛的话题，每个人都有自己的理解。以上是笔者个人的理解，仅供参考。具体到前端工程化，面临的问题是如何提高编码->测试->维护阶段的生产效率。可能会有人认为应该包括需求分析和设计阶段，上图展示的软件开发模型中，这两个阶段具体到前端开发领域，更恰当的称谓应该是功能需求分析和 UI设计，分别由产品经理和UI工程师完成。至于API需求分析和API设计，应该包括在编码阶段。 2. 前端工程化面临的问题

WEB前端资源项目整合

阅读更多关于 WEB前端资源项目整合

vue.js高仿饿了么（1-13章全）链接：https://pan.baidu.com/s/1qYSiYXluA1AlEV0EskxWZw 提取码：25z9 Vue.js 2.5 + cube-ui 重构饿了么 App 链接：https://pan.baidu.com/s/1UZyLkzYMvhUhhX3GH5ITvA 提取码：bx53 Vue2.0 + Node.js + MongoDB全栈打造商城系统链接：https://pan.baidu.com/s/10Jm22uzp4p2NMMRlNac7Rg 提取码：uns3 Vue 2.0 高级实战-开发移动端音乐 WebApp 链接：https://pan.baidu.com/s/1RvF1KziTgq4HEaIVnCvz1w 提取码：v0vb vue去哪儿无密APP 链接：https://pan.baidu.com/s/1vQMWuSNJJ8OrxoGVcZTgtw 提取码：u3yz Vue全家桶+SSR+Koa2全栈开发美团网链接：https://pan.baidu.com/s/1KTzsYSB5-Ua47r-jArSgJw 提取码：qwen 7天搞定Node.js微信公众号开发链接：https://pan.baidu.com/s/1Aw6be7tp8ysDs0N1H7Kf_Q 提取码：gf6q Vue + Node +

前端学习借鉴目录

可以从这关注实时动态，也可以fork之后push： https://github.com/jsfront/month 可以从这查看以往： http://www.kancloud.cn/jsfront/month/82796 1. Javascript 2. 移动Javascript开发 3. Html5 4. CSS 5. Angular 6. React, Webpack 7. Vue 8. jQuery 9. 看书学习 10. Git,Github 11. 创业 | 职业 | 管理 | 产品 12. IDE，编辑器，调试等工具类 13. 前端架构及工程化等 14. Sass，PostCSS 15. 工作 | 协同 | 流程 16. Nodejs 17. UI 18. 性能优化教程 19. 面试相关 20. mac ios 21. php 22. 英语 23. 其它 24. 特别推荐我联盟群几个高手的力作或个人网站 1. Javascript 视频-D2前端技术论坛——2015融合不可错过的javascript迷你库测试框架 Mocha 实例教程为你详细解读HTTP请求头的具体含意 Markdown解析的js库simple-markdown 如果要用前端框架，开发流程是怎样的？ obeject.key与object[key]有什么区别正确使用Github 的方法是什么？

2016年1月-前端开发月刊

阅读更多关于 2016年1月-前端开发月刊

前端小白职业规划建议

阅读更多关于前端小白职业规划建议

如何做一个职业规划上面讲述了前端如何兴起和前端的现状，下面将基于上述两点，分几个方面为大家提供一些有关职业规划的观点，希望对大家有帮助。确定方向做职业规划的目的是避免迷茫，而避免迷茫最有效的方式就是确定明确的方向和目标。对于任何一个技术岗位，都有固定的两个方向：技术专家（架构师）和开发经理。前者偏重技术，需要你在当前领域钻研得很深；后者偏向管理，需要你在对技术有很深掌握的同时，可以带领团队完成项目的开发。当然，两者并不是鱼与熊掌的关系，你可以同时成为技术专家和开发经理。对于技术专家和开发经理两个方向的选择，更多取决于你自身在工作中多巴胺的分泌情况。当你专研技术时，多巴胺分泌得更多，感到更兴奋，或许你会很容易成为技术专家；反之，当你跟团队一起做业务时，多巴胺分泌得更多，更有获得感，那么你可以尝试向开发经理方向发展。当然，你也可能做什么都没有分泌太多的多巴胺，那么，你可以在尝试一段时间后，转型其他职业，例如产品经理。前端作为核心是用户体验，与用户最近的工程师，转型产品经理，阻碍会小一些。况且，文艺型前端布道人豆瓣前端负责人张克军认为，前端工程师正慢慢演变为产品工程师，前端和产品离得确实很近。做业务还是做架构做业务，时间要求比较紧，代码质量要求高，可参考的代码比较多，业务知识需要学习。做架构，时间稍微自由，对经验要求比较高，无可参考代码，专业基础知识需要深刻理解；最主要的

订阅前端架构