1. 2019阿里前端面试题
干开发也有不少年头了，其实每个开发人员应该都有总结和写技术点的习惯，俗言说得好“好记性不如一个烂笔头”。
我是一枚女程序猿，很少发文章，并且我深知这是不对的，不管好与坏分享出来大家一起讨论，总会把不好的变成好的，窄路变成宽路。哎，可能个人使然，但是发表出来的还是很少，都是在自己的工作笔记里每次记录着技术心得和一些总结。总觉得发表出来万一不好，被人取笑了怎么办。总之是一个爱多想的女程序员。
最近我以前一个同事在找工作，她面试了阿里，然后跟我聊了聊，说让我多发表自己的文章，建立自己的社区，最好再多参与一些开源项目或者在git上多建一些自己的项目。这话我以前也听过，但是就是执行上不彻底啊。
这不，我现在必须把自己以前写好的或者接下来的每一点技术总结也好 经验总结也好，都想写出来，就当不为别人看，为自己也行！
话不多说了，她给我发了一道她面试阿里的题。我自己做了做。这是我目前想到的思路和写法。欢迎有更好更优的方案发出来。我也可以学习。谢谢~
题目：
筛选笔试题 (请在半小时内完成):
var arr = [
{name:'小米1', value: 1, type: 2, date: '2018-06-07T08:00:01.589Z' },
{name:'锤子T1', value: 1, type: 2, date: '2018-06-07T08:10:01.589Z' },
{name:'小米2', value: 1, type: 4, date: '2018-06-07T20:00:01.589Z' },
{name:'小米2', value: 4, type: 4, date: '2018-06-07T20:10:21.189Z' },
{name:'小米4', value: 1, type: 4, date: '2018-06-07T08:00:01.560Z' },
{name:'小米4', value: 2, type: 4, date: '2018-06-07T08:10:31.584Z' },
{name:'小米6', value: 1, type: 3, date: '2018-06-07T08:00:01.589Z' },
{name:'小米5s',value: 1, type: 4, date: '2018-06-07T08:00:01.589Z' },
{name:'锤子T2', value: 1, type: 4, date: '2018-06-07T08:00:01.589Z' },
{name:'锤子T1', value: 4, type: 4, date: '2018-06-07T08:06:01.589Z' },
{name:'魅蓝note5', value: 1, type: 4, date: '2018-06-07T08:00:01.589Z' },
{name:'魅蓝note2', value: 5, type: 4, date: '2018-06-02T08:07:01.589Z' },
{name:'魅蓝note2', value: 6, type: 4, date: '2018-06-07T08:00:01.589Z' },
{name:'魅蓝note3', value: 1, type: 4, date: '2018-06-05T08:00:01.589Z' },
{name:'魅蓝note', value: 1, type: 4, date: '2018-06-07T08:00:01.589Z' },
{name:'oppor9', value: 7, type: 4, date: '2018-06-04T08:04:01.588Z' },
{name:'华为p9', value: 1, type: 4, date: '2018-06-02T08:00:01.577Z' },
{name:'华为p9', value: 2, type: 4, date: '2018-06-07T08:00:01.110Z' },
{name:'华为p10', value: 1, type: 1, date: '2018-06-07T08:00:01.534Z' }
];
/**
* 请用您认为最优化的方式，将arr中的type为4的数据过滤出来，
* 然后按相同的 name + date（按天）合并value（value累加），
* 然后按 value 降序(从大到小)排序，
* 最后每行按照 "${name},${本地日期},售出${sum(value)}部" 的格式，如："小米2,2017年06月08日,售出5部", 打印(console.log)出来。
* 可以使用第三方js库，可以使用es6。
* 请在半小时内完成。
要求最后输出结果样例如下:
oppor9,2017年06月04日,售出7部
魅蓝note2,2017年06月07日,售出6部
魅蓝note2,2017年06月02日,售出5部
小米2,2017年06月08日,售出5部
......
*/
function printArray(arr){
}
我的解答：
function printArray(arr){
const res = arr.filter(function(item, index, arr){
item.date = item.date.split('T')[0]
return item.type === 4
})
console.log(res)
const newArr = []
const temp = {}
for(const i in res) {
const key = `${res[i].name}@${res[i].date}`
if (temp[key]) {
temp[key] += res[i].value
} else {
temp[key] = res[i].value
}
}
console.log(temp)
for (const key in temp) {
const tempObj = {}
tempObj.name = key.split('@')[0]
tempObj.date = key.split('@')[1]
tempObj.value = temp[key]
newArr.push(tempObj)
}
console.log(newArr)
function compare(prop) {
return function(a, b){
const value1 = a[prop]
const value2 = b[prop]
return value2 - value1
}
}
newArr.sort(compare('value'))
console.log(newArr)
newArr.forEach((item, index) => {
const printStr = `${item.name},${item.date.split('-')[0]}年${item.date.split('-')[1]}月${item.date.split('-')[2]}日,售出${item.value}部`
console.log(printStr)
})
}
printArray(arr)
我有注意到时间那有点差异，题目数组里给的是2018，让最后打印出来是2017年，我自己觉得是打印错了。如果在现场我估计我会再问一下面试官这里是否不一样。如果真不一样，程序里在处理一下就行了
好了，此题完结。
2. 阿里前端面试题（1）——解构/异步/markdown语法解析
a. 不完全解构，也会成功，不会报错
b. 只要支持 Iterator 接口，都可以被解构赋值
c. null 可以替代默认值，而成功的解构赋值
d. 解构中不定参数可以出现在除第一个以外的其他位置
e. 解构是先找到同名属性，然后再赋给对应的变量
f. 默认值可以引用解构赋值的其他变量，但该变量必须已经声明
(d)
迭代一个对象的属性
不定参数只能放在最后一个位置
a. 在JavaScript中，任务被分为两种，一种宏任务（MacroTask），一种叫微任务（MicroTask），setTimeout 属于微任务
b. setTimeout(func, 500) 会精确的在 500ms 后执行 func
c. Promise、generator、async/await 都是异步解决方案
d. process.nextTick、Promise 都属于 node 中的微队列
e. 浏览器的 Event Loop 和 node 的 Event Loop 是不同的，实现机制也不一样
f. 在 node 中setTimeout 和 setImmediate 执行阶段是一致的
(c,d,e)
解析：f 两者的执行顺序要根据当前的执行环境才能确定
（那怎么知道主线程执行栈为空啊？js引擎存在monitoring process进程，会持续不断的检查主线程执行栈是否为空，一旦为空，就会去Event Queue那里检查是否有等待被调用的函数）
https://juejin.im/post/59e85eebf265da430d571f89
Markdown 是非常受技术人员喜欢的一种文本格式，请使用 JavaScript 来实现 marked 方法来进行 markdown 文本的 HTML 渲染，可以满足以下需求：
function marked(str) {
// your code here
}
marked('@@whatever@@').trim() // <p><blink>whatever</blink></p >
marked(' abc @@def@@ ghi ').trim() // <p><em>abc</em> <blink>def</blink> <strong>ghi</strong></p >
marked('@@ cool @@').trim() // <p><blink><strong>cool</strong></blink></p >
可以实现题目中的要求，但是还不能满足“@@abc”这样缺少对应字符串的情况
3. 对web前端开发的认识和理解,这个要怎么回答
WEB前端是由网页设计与制作发展而来的，随着工作的细化，需要有人完成美工图到网页的制作，从而出现了WEB前端开发这个词。WEB前端开发主要是使用HTML、CSS、JavaScript技术，将美工提供的美工图转化为网页。同时，需要顾及SEO以及后台的数据。WEB前端，相当于是一个连接美工、后台以及用户的中间平台。
4. 如果进阿里前端，代码能力得达到什么程度
因为之前淘宝或部分商业公司,代码能力能够满足业务的需要可以勉强通过,现在要求,可以满足未来业务的需要,至于未来的业务需求,它需要你有一定的商业思维,站在技术的角度寻找更多的可能性和结合点。例如，如果你需要能够覆盖你的业务，你必须能够独立地覆盖它。一些新技术如果对业务有帮助，就可以集成。
我接下来的几个项目，包括一个要求是视频监控，之前的老师是用微软的ActiveX，因此只能使用IE浏览器。我感觉很糟糕，所以老师推荐的“高级”技术越多，使用VLC构建视频转码服务器，然后使用WEB RTC进行处理，使用HTML 5视频元素进行显示，这种兼容性和可扩展性远高于ActiveX。在此基础上还对机会进行了研究，包括项目的信息传递，地理定位需求也尽可能地使用流行的方式。
5. 前端面试一问三不知怎么办
前端面试一问三不知的时候，千万别慌乱，可以先停一停和面试官说这个问题你需要思考一下再回答，或者说你因为太紧张之类的一时想不起来答案。
有些面试官会直接电话过去要求面试，由于面试者(尤其是学生)处于弱势方，可能并不会拒绝面试要求，但并不意味着面试者处于最佳的物理和精神状态下，有可能会导致面试者不能很好的发挥自己原有的实力。所以如果面试官突然打电话过来。
没有准备好的话，不要怕冒犯面试官，一定要另外约个时间，面试官肯定会再打过来的。遭到否定面试官有可能会否定你描述的一些东西，有可能是你字眼写的太过，比如将“熟悉”的东西写成了“精通”，勾起了面试官的“好奇”。
有可能故意试压，考验你的反应，但遇到否定的时候，不要急于反驳或者是手足无措，而是询问自省和主动讨论。气场不和有的面试官性格严谨沉闷，而面试者可能思维活跃，整个面试过程可能会变成面试官不停的打断面试者让其思维聚焦。
而面试者感到思维不停被打断，很是气恼，影响发挥。这种情况不可避免，但遇到这样的面试官，请保持谦和的态度，重点是展示自己技术的广度、深度，气场不和并不会产生决定性的影响，面试官也不会因为这样的原因而给与错误的评判。
尽量留下好的印象。结束通知有的面试官会在面试结束后说：“我的问题问完了，如果有进一步消息的话，我们会再联系你”。面试的大部分结果，其实当场就出来了，如果你感觉给出结果的时间点不够明确，可以反问他：“如果三天内没有联系，是不是就代表没有通过？”省得让你怀有不确切的希望。
最后，还可以挽留下面试官，讲讲这场面试中你的一些疑惑，获得面试官的反馈，也可以知道自己目前哪一方面做得不足。面试中面对不会的问题面试中遇到问题不会回答，这是非常正常的，毕竟大家在学习过程中遇到的问题，跟我们在工作中遇到的问题是非常不一样的。
除此之外，我们看问题的角度，也是有差别很大的。举个例子，很多人都在看ReactFiber，但是如果问你们，为什么要有Fiber这个东西，可能很多人都回答不上来，因为大家只在社区里面看到说，Fiber是怎么工作的啊。
但是为什么要有Fiber？如果没有会怎样，而这种思考，其实是非常底层的。我相信，很多人可能都没有思考过。那如果遇到的问题不会，你可以先选择不会，说我觉得自己没有信心能答出这个问题，当然我更希望听到你说。
我现在不会，但是你给我两分钟思考一下，我想一下这个问题有没有答案？我觉得这是一个很好的思考习惯，首先你在面对不会的东西是坦然的，我当下不会，很正常，我之前没有思考过这个问题嘛，那我们再花两分钟思考一下。
给一个初步的答案。所以说遇到问题，也不用不会就不会，也可以有一个积极的方式回应。从面试官的角度来说，面试中考察的题目，并不是仅仅考察这道题目本身，题目的对错并不跟最终结果直接挂钩。面试官更希望以题目为契机。
考察面试者分析问题，解决问题的能力，以及交流过程中所体现的逻辑推理和思维方式等。跟面试官聊业务业务跟项目是完全不一样的东西，业务认知和思考也是很重要的一个考察点，这方面面试官可能会问两个点：业务场景和技术突破。
业务场景：面试官会询问面试者他们的产品、业务模式、商业模式等，了解下面试者对于产品的诞生、定位、发展的认知。技术突破：技术与业务相结合这点在阿里也是一直在说但鲜有人做的非常好的地方，所以有的时候也会考察面试者。
看看他们所做的技术是如何从业务出发、给业务带来了哪些改变以及如何去评估两者之间产生的结果。面试结束反向互动面试官在挂断之前，基本会给与候选人反问的机会，一般会表述为“你有什么要问我的吗”？无论面试的怎样。
都希望你能说出心中的疑惑，比如面试中的某个题目、整体的评价反馈、你的建议或者了解所负责的业务，所在的团队等等，而从面试官的角度来看，如果候选人愿意反问你问题，至少能证明他是个好学的人。所以不要放弃这个互动的机会。
面试反馈每场面试结束后，面试官都会在系统里留下面试反馈，如果面试失败，简历会放在人才库里，很多人会在其中捞取简历，以后的面试官也可以看到之前所有的面试记录，之所以讲到这一点，是希望大家在面试中能够保持谦和积极的心态。
认真面对每一场面试，即使这场面试没有成功，但如果展示了好的品质，也会增加被发掘的机会，为你以后面试成功铺路。保持联络如果跟面试官聊的比较好，可以请求加个微信之类的，面试是一个长期的事情，哪怕此次面试没有通过。
以后还可能面试进来的，与面试官保持联络。前端面试题笔记面试会了，面试题也不能落下，这套面试笔记除了有CSS、JS、Vue、React、性能优化、服务器端口、设计模式、数据结构和算法面试题外，加了手写代码面试题。
这下面试官让我们写代码也不怕啦！CSS问题flex布局css3的新特性img中alt和title的区别用纯CSS创建一个三角形如何理解CSS的盒子模型？如何让一个div水平居中如何让一个div水平垂直居中如何清除浮动。
6. Web前端岗位面试题有哪些
前端面试题汇总，基本上会有四大类问题，具体如下：
一、HTML
1、Doctype作用？严格模式与混杂模式如何区分？它们有何意义?
2、HTML5 为什么只需要写 <!DOCTYPE HTML>？
3、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
4、页面导入样式时，使用link和@import有什么区别？
5、介绍一下你对浏览器内核的理解？
6、常见的浏览器内核有哪些？
7、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
8、简述一下你对HTML语义化的理解？
9、HTML5的离线储存怎么使用，工作原理能不能解释一下？
10、浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
11、请描述一下 cookies，sessionStorage 和 localStorage 的区别？
12、iframe有那些缺点？
13、Label的作用是什么？是怎么用的？（加 for 或 包裹）
14、HTML5的form如何关闭自动完成功能？
15、如何实现浏览器内多个标签页之间的通信? (阿里)
16、webSocket如何兼容低浏览器？(阿里)
17、页面可见性（Page Visibility）API 可以有哪些用途？
18、如何在页面上实现一个圆形的可点击区域？
19、实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。
20、网页验证码是干嘛的，是为了解决什么安全问题？
21、tite与h1的区别、b与strong的区别、i与em的区别？
二、css
1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
2、CSS选择符有哪些？哪些属性可以继承？
3、CSS优先级算法如何计算？
4、CSS3新增伪类有那些？
5、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
6、display有哪些值？说明他们的作用。
7、position的值relative和absolute定位原点是？
8、CSS3有哪些新特性？
9、请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？
10、用纯CSS创建一个三角形的原理是什么？
11、一个满屏 品 字布局 如何设计?
三、常见兼容性问题？
1、li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
2、经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？
3、为什么要初始化CSS样式。
4、absolute的containing block计算方式跟正常流有什么不同？
5、CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？
6、position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
7、对BFC规范(块级格式化上下文：block formatting context)的理解？
8、CSS权重优先级是如何计算的？
9、请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式
10、移动端的布局用过媒体查询吗？
11、使用 CSS 预处理器吗？喜欢那个？
12、CSS优化、提高性能的方法有哪些？
13、浏览器是怎样解析CSS选择器的？
14、在网页中的应该使用奇数还是偶数的字体？为什么呢？
15、margin和padding分别适合什么场景使用？
16、抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]
17、元素竖向的百分比设定是相对于容器的高度吗？
18、全屏滚动的原理是什么？用到了CSS的那些属性？
19、什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？
20、视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）
21、::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用。
22、如何修改chrome记住密码后自动填充表单的黄色背景 ？
23、你对line-height是如何理解的？
24、设置元素浮动后，该元素的display值是多少？（自动变成display:block）
25、怎么让Chrome支持小于12px 的文字？
26、让页面里的字体变清晰，变细用CSS怎么做？（-webkit-font-smoothing: antialiased;）
27、font-style属性可以让它赋值为“oblique” oblique是什么意思？
28、position:fixed;在android下无效怎么处理？
29、如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）
30、display:inline-block 什么时候会显示间隙？(携程)
31、overflow: scroll时不能平滑滚动的问题怎么处理？
32、有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
33、png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？
34、什么是Cookie 隔离？（或者说：请求资源的时候不要让它带cookie怎么做）
35、style标签写在body后与body前有什么区别？
四、JavaScript
1、介绍JavaScript的基本数据类型。
2、说说写JavaScript的基本规范？
3、JavaScript原型，原型链 ? 有什么特点？
4、JavaScript有几种类型的值？（堆：原始数据类型和 栈：引用数据类型），你能画一下他们的内存图吗？
5、Javascript如何实现继承？
6、Javascript创建对象的几种方式？
7、Javascript作用链域?
8、谈谈This对象的理解。
9、eval是做什么的？
10、什么是window对象? 什么是document对象?
11、null，undefined的区别？
12、写一个通用的事件侦听器函数(机试题)。
13、[“1”, “2”, “3”].map(parseInt) 答案是多少？
14、关于事件，IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
15、什么是闭包（closure），为什么要用它？
16、javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么？
17、如何判断一个对象是否属于某个类？
18、new操作符具体干了什么呢?
19、用原生JavaScript的实现过什么功能吗？
20、Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？
21、对JSON的了解？
22、[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 能解释一下这段代码的意思吗？
23、js延迟加载的方式有哪些？
24、Ajax 是什么? 如何创建一个Ajax？
25、同步和异步的区别?
26、如何解决跨域问题?
27、页面编码和被请求的资源编码如果不一致如何处理？
28、模块化开发怎么做？
29、AMD（Moles/Asynchronous-Definition）、CMD（Common MoleDefinition）规范区别？
30、requireJS的核心原理是什么？（如何动态加载的？如何避免多次加载的？如何 缓存的？）
31、让你自己设计实现一个requireJS，你会怎么做？
32、谈一谈你对ECMAScript6的了解？
33、ECMAScript6 怎么写class么，为什么会出现class这种东西?
34、异步加载的方式有哪些？
35、documen.write和 innerHTML的区别?
36、DOM操作——怎样添加、移除、移动、复制、创建和查找节点?
37、.call() 和 .apply() 的含义和区别？
38、数组和对象有哪些原生方法，列举一下？
39、JS 怎么实现一个类。怎么实例化这个类
40、JavaScript中的作用域与变量声明提升？
41、如何编写高性能的Javascript？
42、那些操作会造成内存泄漏？
43、JQuery的源码看过吗？能不能简单概况一下它的实现原理？
44、jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？
45、jquery中如何将数组转化为json字符串，然后再转化回来？
46、jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？
47、jquery.extend 与 jquery.fn.extend的区别？
48、jQuery 的队列是如何实现的？队列可以用在哪些地方？
49、谈一下Jquery中的bind(),live(),delegate(),on()的区别？
50、JQuery一个对象可以同时绑定多个事件，这是如何实现的？
51、是否知道自定义事件。jQuery里的fire函数是什么意思，什么时候用？
52、jQuery 是通过哪个方法和 Sizzle 选择器结合的？（jQuery.fn.find()进入Sizzle）
53、针对 jQuery性能的优化方法？
54、Jquery与jQuery UI有啥区别？
55、JQuery的源码看过吗？能不能简单说一下它的实现原理？
56、jquery 中如何将数组转化为json字符串，然后再转化回来？
57、jQuery和Zepto的区别？各自的使用场景？
58、针对 jQuery 的优化方法？
59、Zepto的点透问题如何解决？
60、jQueryUI如何自定义组件?
61、需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案？
62、如何判断当前脚本运行在浏览器还是node环境中？（阿里）
63、移动端最小触控区域是多大？
64、jQuery 的 slideUp动画 ，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，该如何处理呢?
65、把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？
66、移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？（click 有 300ms 延迟,为了实现safari的双击事件的设计，浏览器要知道你是不是要双击操作。）
67、知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么?
68、Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法？
69、解释JavaScript中的作用域与变量声明提升？
70、那些操作会造成内存泄漏？
71、JQuery一个对象可以同时绑定多个事件，这是如何实现的？
72、Node.js的适用场景？
(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?
73、解释一下 Backbone 的 MVC 实现方式？
74、什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?
75、知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?
76、如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?
77、前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?
78、简述一下 Handlebars 的基本用法？
79、简述一下 Handlerbars 的对模板的基本处理流程， 如何编译的？如何缓存的？
80、用js实现千位分隔符?(来源：前端农民工，提示：正则+replace)
检测浏览器版本版本有哪些方式？
81、我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获
7. 为什么选择web前端
很多人选择WEB前端，可能是因为WEB前端容易入门，而且不需要太多专业基础。随着前端的人才越来越逗，企业面试要求也越来越高，进阶高级前端需要学习更多的技术，不断积累技术经验。
前端就是用户可见部分的优化、交互功能开发，随着软件WEB化，Html5前端开发技术的发展，前端的技术方向越来越多，可开发解决的功能很多。
web前端有广阔的发展空间，app、小程序、移动端、pc端等都是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...
在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。
HTML前端开发
与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准。web前端工程师
这个方向是目前从事Web前端开发的主要就业方向
Web架构师
薪资普遍比较高，技术要求高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。
数据方向
数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java要熟悉，属于Web开发的拓展方向。
大前端方向
比如阿里，在大量实践rn和weex;由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端。
图形学方向
前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。
8. 大厂的前端面试难吗
分享给你一些面试题
一面
小米的面试官给人的感觉很亲切很真诚，是一个体验很不错的面试。
css 实现图片自适应宽高
讲 flex，手写出 flex 常用的属性，并且讲出作用
BFC 是什么
项目里面的前端鉴权是怎么实现的？
vue 里面的虚拟 dom 是怎么回事？
vue 双向绑定讲一讲
手写函数防抖和函数节流
讲讲常用的 es6 语法，比如 let、promise、class 等等
浏览器渲染过程，回流重绘等等，load、DOMContentLoaded 等等事件的触发顺序
从小米应用商店里面随便找了一个需求让我现场实现，写伪代码
讲项目里面的鉴权和图片懒加载怎么实现的
讲 vue-lazyloader 的原理，手写伪代码
讲 express 框架的设计思想
线上日志是如何处理的
讲事件循环
讲 nodejs 的 eventEmitter 的实现
讲项目里面做的事情
讲 vue 的响应式原理、依赖收集、监听数组、虚拟 dom 等等
讲 express 的中间件系统是如何设计的
现场从小米应用商店中找出一个需求现场实现，说思路，写关键的代码
四面
讲 vue-lazyloader 源码以及设计
使用 es5 实现 es6 的 class
websocket 握手过程
浏览器的事件循环和 nodejs 事件循环的区别
跨域以及解决办法
手写一段小算法
JavaScript 的 sort 方法内部使用的什么排序？
讲项目里面干了啥
vue-lazyloader 怎么实现的
vue 的响应式系统、虚拟 dom
函数式编程
手写了一个算法题
讲讲项目里面做了什么
vue 原理，和 react 的区别（其实我没怎么用过 react）
JavaScript 异步的处理方式，现场出了一个问题，使用 promise 实现
讲项目模块规划、项目如何部署、如何优化等等
手写函数的防抖
手写一道算法题
讲讲项目
手写一道算法题
讲项目
前端持久化的方式、区别
vue-lazyloader 的原理
怎么配 webpack
手写 vue 双向绑定
讲 es6 的一些特性，并且现场出了几个代码片段，说结果
手写一道算法题
http 状态码
讲项目
vue-router 的原理
项目中怎么用的 webpack，怎么优化
讲 express 的设计原理
手写一道算法题
讲项目
手动实现 parseInt
讲 tcp/ip 网络层、三次握手，为什么不能两次握手
讲 vue 原理
手写一道算法题
手写 vue 的 mixin 方法
手写 promise 的 all 方法
现场出了一个移动端的小需求
讲项目
项目里面用 nodejs 做了啥
抽取了哪些 vue 组件
讲项目
手写实现 promise
腾讯-地图（跪）
腾讯两个部门面试都会先做一套笔试题，笔试题基本就是一些常见的前端问题以及算法题
讲项目，对项目提了一些问题
怎么判断一个点是否在圆形内、正方形内
对笔试题
笔试题
没了
讲项目
vue 响应式原理，什么是 mvvm
es6 使用过的特性
flex 常见的属性
css 选择器的优先级
抽取过哪些 vue 组件
讲项目
express 设计原理，面试官对动态路由匹配一直追问下去，但是这里的源码设计我确实是忘了，一路讨论下去扯到了字符串的前缀树…
实现一个事件发布订阅类，其实就是 eventEmitter
讲项目
事件循环
回调函数的坏处
vue 里面哪儿不会用到双向绑定
讲项目
如何抽取公共组件的
vue 的响应式原理
如何实现一个可设置过期时间的 localStorage
实现一个发布订阅系统，包括 on、emit、off 等等
一道智力题
软件工程思想、设计模式等等
async/await 代码片段，说输出结果
讲项目
讲 lazyloader 实现
用 docker 做了什么
用 webpack 做了什么
手写一个算法题
讲 flex
vue 响应式原理
es6
JavaScript 异步
优化项目
vue 原理，包括计算属性、依赖收集等等
用 JavaScript 的异步实现 sleep 函数
算法题
手写快排，时间复杂度，优化
手写实现 jsonp
项目部署，线上问题等等
websocket 握手过程
对 vuex 的理解，单向数据流
设计一个单点登录的系统，类似阿里系那种
手写一个算法
实现一个联想搜索组件
手写函数防抖和节流
讲项目
讲 vue 的 响应式系统，讲了好久，从渲染 watcher 到虚拟 dom，面试官还跟我讨论了好久
忘了
讲项目
忘了
websocket 握手过程
tcp/ip 网络层，http 的特点
http 强行使用 udp 能实现吗？
vue 原理
webpack 热更新原理，使用过的插件
原型、闭包、跨域
手写了一道算法题
二面
三面
百思编程（过）
这个公司是猎头推荐的，CEO 比较强势，也算比较有趣。
一面
二面
这一面是 CEO 面，主要问了我的职业规划等等问题，在我没有表现出很强的要去该公司的意愿后，直接给我送走了…
ponyAI-基础架构（过）
一面
二面
这轮面试时从美国打电话过来的，事后才知道是 Google 的前端…
三面
四面
洋钱罐（过）
一面
二面
创新奇智（过）
一面
二面
这一面居然遇到了前同事…写了一些笔试题，问了一些问题！
三面
猿辅导（跪）
猿辅导好像总共就一面，期间一些实现方式和面试官有争议（没有冲突）。
一面
搜狐-垂直媒体部门（过）
一面
二面
三面
腾讯-天天快报（跪）
也是先做了一套笔试题，但是令人尴尬的是，面试官觉得我快排写错了，然而我只是在原地快排没有申请额外空间…
网络-网络云（过）
这个部门今年据说升为一级部门了，好像还挺不错的~
一面
二面
三面
三面是山大老学长，聊了一些业务上的事情~
搜狗-手机搜狗（过）
搜狗一面的体验比较差，面试官给人的感觉不太好…
一面
二面
忘了…
快手-商业化（过）
一面
二面
今日头条-广告系统（过）
一面
二面
三面
四面
五面
OPPO 成都研发中心（过）
一面
二面
百词斩（跪）
首先会在线做一道算法题，挺简单的，百词斩感觉挂的稀里糊涂的…
一面
为什么面这么多公司
因为我是实习直接转正的，也没参加过秋招，所以对自己在市场上是个怎样的实力没有一个清晰的了解，而且我也想多了解一下其他公司在做什么，于是就尽量的多面，不过说实话面试确实挺累的。
9. 有哪些经典的 Web 前端或者 JavaScript 面试笔试题
Doctype作用？严格模式与混杂模式如何区分？它们有何意义?
HTML5 为什么只需要写 <!DOCTYPE HTML>？
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
页面导入样式时，使用link和@import有什么区别？
介绍一下你对浏览器内核的理解？
常见的浏览器内核有哪些？
html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
简述一下你对HTML语义化的理解？
HTML5的离线储存怎么使用，工作原理能不能解释一下？
浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
iframe有那些缺点？
Label的作用是什么？是怎么用的？（加 for 或 包裹）
HTML5的form如何关闭自动完成功能？
如何实现浏览器内多个标签页之间的通信? (阿里)
webSocket如何兼容低浏览器？(阿里)
页面可见性（Page Visibility）API 可以有哪些用途？
如何在页面上实现一个圆形的可点击区域？
实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。
网页验证码是干嘛的，是为了解决什么安全问题？
tite与h1的区别、b与strong的区别、i与em的区别？
CSS
介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
CSS选择符有哪些？哪些属性可以继承？
CSS优先级算法如何计算？
CSS3新增伪类有那些？
如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
display有哪些值？说明他们的作用。
position的值relative和absolute定位原点是？
CSS3有哪些新特性？
请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？
用纯CSS创建一个三角形的原理是什么？
一个满屏 品 字布局 如何设计?
常见兼容性问题？
li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？
为什么要初始化CSS样式。
absolute的containing block计算方式跟正常流有什么不同？
CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？
position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
对BFC规范(块级格式化上下文：block formatting context)的理解？
CSS权重优先级是如何计算的？
请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式
移动端的布局用过媒体查询吗？
使用 CSS 预处理器吗？喜欢那个？
CSS优化、提高性能的方法有哪些？
浏览器是怎样解析CSS选择器的？
在网页中的应该使用奇数还是偶数的字体？为什么呢？
margin和padding分别适合什么场景使用？
抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]
元素竖向的百分比设定是相对于容器的高度吗？
全屏滚动的原理是什么？用到了CSS的那些属性？
什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？
视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）
::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用。
如何修改chrome记住密码后自动填充表单的黄色背景 ？
你对line-height是如何理解的？
设置元素浮动后，该元素的display值是多少？（自动变成display:block）
怎么让Chrome支持小于12px 的文字？
让页面里的字体变清晰，变细用CSS怎么做？（-webkit-font-smoothing: antialiased;）
font-style属性可以让它赋值为“oblique” oblique是什么意思？
position:fixed;在android下无效怎么处理？
如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）
display:inline-block 什么时候会显示间隙？(携程)
overflow: scroll时不能平滑滚动的问题怎么处理？
有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？
什么是Cookie 隔离？（或者说：请求资源的时候不要让它带cookie怎么做）
style标签写在body后与body前有什么区别？
JavaScript
介绍JavaScript的基本数据类型。
说说写JavaScript的基本规范？
JavaScript原型，原型链 ? 有什么特点？
JavaScript有几种类型的值？（堆：原始数据类型和 栈：引用数据类型），你能画一下他们的内存图吗？
Javascript如何实现继承？
Javascript创建对象的几种方式？
Javascript作用链域?
谈谈This对象的理解。
eval是做什么的？
什么是window对象? 什么是document对象?
null，undefined的区别？
写一个通用的事件侦听器函数(机试题)。
[“1”, “2”, “3”].map(parseInt) 答案是多少？
关于事件，IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
什么是闭包（closure），为什么要用它？
javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么？
如何判断一个对象是否属于某个类？
new操作符具体干了什么呢?
用原生JavaScript的实现过什么功能吗？
Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？
对JSON的了解？
[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 能解释一下这段代码的意思吗？
js延迟加载的方式有哪些？
Ajax 是什么? 如何创建一个Ajax？
同步和异步的区别?
如何解决跨域问题?
页面编码和被请求的资源编码如果不一致如何处理？
模块化开发怎么做？
AMD（Moles/Asynchronous-Definition）、CMD（Common Mole Definition）规范区别？
requireJS的核心原理是什么？（如何动态加载的？如何避免多次加载的？如何 缓存的？）
让你自己设计实现一个requireJS，你会怎么做？
谈一谈你对ECMAScript6的了解？
ECMAScript6 怎么写class么，为什么会出现class这种东西?
异步加载的方式有哪些？
documen.write和 innerHTML的区别?
DOM操作——怎样添加、移除、移动、复制、创建和查找节点?
.call() 和 .apply() 的含义和区别？
数组和对象有哪些原生方法，列举一下？
JS 怎么实现一个类。怎么实例化这个类
JavaScript中的作用域与变量声明提升？
如何编写高性能的Javascript？
那些操作会造成内存泄漏？
JQuery的源码看过吗？能不能简单概况一下它的实现原理？
jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？
jquery中如何将数组转化为json字符串，然后再转化回来？
jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？
jquery.extend 与 jquery.fn.extend的区别？
jQuery 的队列是如何实现的？队列可以用在哪些地方？
谈一下Jquery中的bind(),live(),delegate(),on()的区别？
JQuery一个对象可以同时绑定多个事件，这是如何实现的？
是否知道自定义事件。jQuery里的fire函数是什么意思，什么时候用？
jQuery 是通过哪个方法和 Sizzle 选择器结合的？（jQuery.fn.find()进入Sizzle）
针对 jQuery性能的优化方法？
Jquery与jQuery UI有啥区别？
JQuery的源码看过吗？能不能简单说一下它的实现原理？
jquery 中如何将数组转化为json字符串，然后再转化回来？
jQuery和Zepto的区别？各自的使用场景？
针对 jQuery 的优化方法？
Zepto的点透问题如何解决？
jQueryUI如何自定义组件?
需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案？
如何判断当前脚本运行在浏览器还是node环境中？（阿里）
移动端最小触控区域是多大？
jQuery 的 slideUp动画 ，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，该如何处理呢?
把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？
移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？（click 有 300ms 延迟,为了实现safari的双击事件的设计，浏览器要知道你是不是要双击操作。）
知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么?
Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法？
解释JavaScript中的作用域与变量声明提升？
那些操作会造成内存泄漏？
JQuery一个对象可以同时绑定多个事件，这是如何实现的？
Node.js的适用场景？
(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?
解释一下 Backbone 的 MVC 实现方式？
什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?
知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?
如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?
前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?
简述一下 Handlebars 的基本用法？
简述一下 Handlerbars 的对模板的基本处理流程， 如何编译的？如何缓存的？
用js实现千位分隔符?(来源：前端农民工，提示：正则+replace)
检测浏览器版本版本有哪些方式？
我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获
其他问题
原来公司工作流程是怎么样的，如何与其他人协作的？如何夸部门合作的？
你遇到过比较难的技术问题是？你是如何解决的？
设计模式 知道什么是singleton, factory, strategy, decrator么?
常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？
页面重构怎么操作？
列举IE与其他浏览器不一样的特性？
99%的网站都需要被重构是那本书上写的？
什么叫优雅降级和渐进增强？
是否了解公钥加密和私钥加密。
WEB应用从服务器主动推送Data到客户端有那些方式？
对Node的优点和缺点提出了自己的看法？
你有用过哪些前端性能优化的方法？
http状态码有那些？分别代表是什么意思？
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？（流程说的越详细越好）
部分地区用户反应网站很卡，请问有哪些可能性的原因，以及解决方法？
从打开app到刷新出内容，整个过程中都发生了什么，如果感觉慢，怎么定位问题，怎么解决?
除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？
你用的得心应手用的熟练地编辑器&开发环境是什么样子？
对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？
你怎么看待Web App 、hybrid App、Native App？
你移动端前端开发的理解？（和 Web 前端开发的主要区别是什么？）
你对加班的看法？
平时如何管理你的项目？
说说最近最流行的一些东西吧？常去哪些网站？
如何设计突发大规模并发架构？
说说最近最流行的一些东西吧？常去哪些网站？
是否了解开源的工具 bower、npm、yeoman、grunt、gulp，一个 npm 的包里的 package.json 具备的必要的字段都有哪些？（名称、版本号，依赖）
每个模块的代码结构都应该比较简单，且每个模块之间的关系也应该非常清晰，随着功能和迭代次数越来越多，你会如何去保持这个状态的？
Git知道branch, diff, merge么?
如何设计突发大规模并发架构？
当团队人手不足，把功能代码写完已经需要加班的情况下，你会做前端代码的测试吗？
说说最近最流行的一些东西吧？平时常去哪些网站？
知道什么是SEO并且怎么优化么? 知道各种meta data的含义么?
移动端（Android IOS）怎么做好用户体验?
简单描述一下你做过的移动APP项目研发流程？
你在现在的团队处于什么样的角色，起到了什么明显的作用？
你认为怎样才是全端工程师（Full Stack developer）？
介绍一个你最得意的作品吧？
你有自己的技术博客吗，用了哪些技术？
对前端安全有什么看法？
是否了解Web注入攻击，说下原理，最常见的两种攻击（XSS 和 CSRF）了解到什么程度？
项目中遇到国哪些印象深刻的技术难题，具体是什么问题，怎么解决？。
最近在学什么东西？
你的优点是什么？缺点是什么？
如何管理前端团队?
最近在学什么？能谈谈你未来3，5年给自己的规划吗？
10. 华为笔记本电脑管家在哪里
Copyright © 1999-2020, CSDN.NET, All Rights Reserved
登录
落魄潦倒️前端~
关注
5G来了，对前端开发有哪些影响？？？ 原创
2019-08-27 13:10:45
4点赞
落魄潦倒️前端~
码龄3年
关注
5G来了，对前端开发有哪些影响？？？
一、职能概览
1.前端工程师首先是个程序员，其次也是个软件工程师，他们工作在离用户最近的地方，负责人机交互和用户体验，虽然叫“前端”，但其实他们的工作边界其实已经很宽了。
2.展望未来，我想前端的工作会继续分化，也会继续融合，分工是工业革命以来社会高效协作的主要推动力，以后很长一段时间应该也会维持这种形态，融合的原始推动力也是提高效率。分化和融合是不断的演化和互吸收转化的，不过核心的东西我想还是不会有太大变化。
二、观点
1.继续分化（领域、行业、技术栈）
2.继续融合（端技术、Web全栈技术、人工智能与端技术）
3.核心不变（计算机科学本质、软件工程思想与实践、程序员职业素养）
1. 继续分化
领域
1）、前端领域会继续分化，例如阿里内部的前端就已经有中后台、图形、端技术、泛Node、开发者服务5个大方向了，每个大方向也会细分，举一些例子：
2）、中后台：有云控制台、信息&资产管理平台、内部研发&项目管理平台、人工智能&机器学习平台、数据研发分析平台，企业内部信息平台等。具体产品如阿里云控制台、ERP、PAI、DeepInsight、阿里内外、Basecamp等。
3）、图形：有基础图形库、3D图形、数据可视化、流程图等。具体产品如G2、DataV、阿里云城市大脑、滴滴智能交通调度图、双十一大屏等。
4）、端技术：有移动端（iOS、Android、MobileWeb、PWA、小程序）、PC端（客户端、Web端）、触屏电脑、各种监控大屏、智能手表手环，智能汽车&家居屏幕等。具体产品如淘宝支付宝的App、PC主站、移动H5站，阿里郎、VS Code、双十一大屏、UC浏览器UWP版本、各种智能手表、手环、汽车、家居屏幕等。
5）、泛Node：有工具链、Web框架、IoT、客户端（Electron、NW）等。具体产品如DEF/Atool/F2E-Test（阿里前端开发者工具）、Egg.js、阿里云的IoT应用、VS Code等。
6）、开发者服务：有应用开发运维平台、组件市场等。具体产品如阿里云的应用搭建平台Boat、Fusion-Design组件市场，支付宝小程序开发者工具等。
行业
2B
信息管理、财务、建筑、航天、水利、金融、制造等传统行业软件以及阿里提出的五新：新零售，新制造，新金融，新技术和新能源，新技术赋能传统行业
SAAS软件及服务：如Teambition、Trello、钉钉企业版、Basecamp、Growing.io
2C
移动App：如微信、微博
PC工具应用：如Google Doc
产品展示类网站：如阿里云、支付宝官网
技术栈 React（Native）
Angular（NativeScript）
Vue（Weex）
2. 继续融合
端技术
前端、客户端技术思想的融合
组件化（组件化搭建页面）
组件生命周期钩子函数（如iOS ViewController）
MV*（如MVVM设计就来源于微软客户端开发框架）
大前端的统一
虚拟DOM技术：React/ReactNative/ReactCanvas
各种移动设备内核和引擎的统一：WebKit/V8
Web技术文档的统一：Mozilla Web Docs
Web全栈技术
前端、后端技术思想的融合
MV*（如前端的第一个MVC框架Backbone.js就来自于Ruby on Rails开发者）
AOP、依赖注入（Angular）
GraphQL（sql）
IndexedDB（Database）
人工智能与端技术
人工智能、前端技术的融合
端是最终触达用户的节点
端数据采集->后端机器学习、数据分析->智能推荐呈现
物联网、前端技术的融合
智能家居/汽车/工业设备可能是有屏幕的，同时可以基于如JerryScript这样的JS执行引擎使用Node.js开发联网应用
3. 核心不变
计算机科学本质/软件工程思想与实践/程序员职业素养。
计算机科学基础：如基本的操作系统概念和计算机组成原理，算法和数据结构基础等等。
软件工程思想与实践：如软件开发模式，设计模式，架构思维，自动化思维，单元测试集成测试，UML等等。
程序员职业素养：如对代码整洁和可读性的追求，对软件开发的热情，对编程技艺的自我提升等等。
三、前端的未来
那些生存空间越来越小的产业
小规模移动App：移动App市场被一些巨头把持，小规模App生存空间越来越小
PC信息导航类网站（网址、购物、论坛、生活）：现在移动优先，而且有智能推荐，并且是强社交
无界面交互
Web前端能做一些事，主要是大前端的范畴
会话式界面（视频语音会话、语音搜索：WebRTC，开源语音库：Common Voice）
感官式界面（视觉：WebAR/WebVR）
无界面，未来会有大量IoT设备（IoT有自己的通信协议和规范，前端的工作是在用户看不见的后台）
富界面交互
大量工作需要前端来做：
日常办公软件（复杂应用，并且慢慢从桌面程序演化为Web）：Office、Email、文档管理、产品设计、项目管理、代码编辑器
大数据/AI配套软件（复杂应用，并且慢慢从桌面程序演化为Web）：需要大量的后台系统来做数据分析/机器学习
播放器/游戏：H5代替Flash，如Web Audio、Web Video、Canvas
容器/DSL/内核/小程序：支付宝/微信/钉钉容器，内核（也就是UC、QQ浏览器内核），及其自定义DSL（如果将来手机的底层能力都可以上浮到小程序，很有想象空间）
产品信息展示类网站（炫酷应用）：各种智能设备官网、大企业官网
总结：
1.新的交互场景：继移动互联网之后，物联网的发展将带来新的应用场景，包括智能家居，可穿戴设备等领域将带来大量的前端开发需求。前端将不限于传统的PC屏幕和各种尺寸的手机屏幕，这意味着前端工程师的战场将更加多样化，复杂化。
2.新的交互形式：新的场景必然带来交互方式的改变，不论是传统的PC还是新出现的手机和pad设备，都是基于数遍或者触摸等接触式的操作，新的场景可能带来声音，动作等新的交互方式，也变得更加复杂。
3.大有可为同时责任重大：之前界限分明的前端开发和后端开发，未来开始模糊，前端工程师承担的角色不断扩大。此外，javascript开始向嵌入式领域进军，前端的应用领域进一步拓展。从趋势上来看，开发团队的人员配置都前端倾斜，包括android开发、iOS开发、PC开发和如火如荼小程序开发。
以此同时，对安全，可靠等的要求越来越高，这都对前端开发提出新的和更为严格的要求。
科技行业发展日新月异，前端工程师们应该及早准备，时刻关注变化，因为很可能一不留神就掉队了，谁叫我们是无敌的前端呢！
展开全文
点击下方打开CSDN，阅读体验更佳
Tensorflow2项目实战课程
Tensorflow2.0介绍： tensorflow是GOOGLE在2015年底发布的一款深度学习框架，也是目前全世界用得最多，发展最好的深度学习框架。2019年3月8日，GOOGLE发布最新tensorflow2版本。新版本的tensorflow有很多新特征，更快更容易使用更人性化。但是老版的tensorflow程序在新版本中几乎都无法继续使用，所以我们有必要学习新版tensorflow2的新用法。 课程介绍： 我们的这门课程适合小白学习，也适合有基础的同学学习。课程会从0开始学习，从python环境安装，python入门，numpy，pandas，matplotlib使用，深度学习基础，一直讲到tensorflow基础，进阶，项目实战。不管你是0基础小白，想进入AI行业，还是有一定基础，想学习最新的tensorflow2的使用，都适合我们这门课程。 讲师介绍： 覃秉丰，物理系毕业转AI行业，想转行同学可以找我聊聊。机器学习、深度学习神经网络领域多年研究开发授课经验，精通算法原理与编程实践；曾完成过多项图像识别、目标识别、语音识别等企业项目，一线实战经验丰富；长期为多家包括世界五百强在内的大型企业总部做人工智能技术内训服务（中国移动、中国银行，华夏银行，中国太平洋，国家电网、中海油等）。上课特点：公式尽量一个一个符号推，代码尽量一行一行讲，希望所有人都能学有所得。
浏览器打开
从入门到精通，Java学习路线导航（附学习资源）
引言 最近也有很多人来向我"请教"，他们大都是一些刚入门的新手，还不了解这个行业，也不知道从何学起，开始的时候非常迷茫，实在是每天回复很多人也很麻烦，所以在这里统一作个回复吧。 Java学习路线 当然，这里我只是说Java学习路线，因为自己就是学Java的，对Java理当很熟悉，对于其它方面，我也不是很了解。 基础阶段 首先是基础阶段，在基础阶段，我们必须掌握Java基础，Mysql数据库，Ora...
浏览器打开
展望5G对web前端发展的影响
展望5G对web前端发展的影响 我是一个5G小白， 但是5G浪潮的来临让全世界都为之关注， 各个国家都在争夺它的主导权。 它对软件行业影响是巨大的，深远的， 甚至会导致行业的重新洗牌，和很多技术工种的兴衰。 所以我们这些开发者不得不去关注它。 那么5G对web前端开发又有什么样的影响呢？ 网上各大论坛都有关于5G的帖子，据说理论下载速度达到 1.25G每秒。 我是做前端开发的，一个前端项目的本地文...
浏览器打开
如果5G时代到来了，普通人有哪些创业机会？
5G时代来了，带着"5G改变社会"的愿景来了，可能会对现在的各个行业都会有很大的冲击，但是使用个人可以创业，还要看你的资金、人脉和底蕴了。 5G之中有三大应用场景，三者结合应用可以给很多垂直行业带来新的变化。 三大应用场景分别是eMBB(增强型移动宽带),对应的是高达10Gbps的下载速度；URLLC(超高可靠低时延)，对应的是逼近100%的高可靠性以及低至1ms的时延； mMTC(海量...
浏览器打开
对于Web前端开发而言,5G时代的到来会有什么影响?_xiaox...
以上就是我整理的5G时代的到来对Web前端开发的三个影响。随着5G技术的逐渐发展和成熟,未来大量的应用场景都需要前端进行呈现,所以未来前端开发将得到更多的重视。想要...
5G对web前端发展的影响_lin123_00的博客
web前端全栈资料粉丝福利(面试题、视频、资料笔记、进阶路线) 5G对web前端开发又有什么样的影响呢? 网上各大论坛都有关于5G的帖子,据说理论下载速度达到 1.25G每...
程序员该如何转型 5G 开发？
作者|COCO 责编 | 胡雪蕊 出品 | CSDN （CSDNnews） 最近听了几位社招新进同事的述职，问了他们同样一个问题：从原来的软件开发岗位转到现在的5G开发，你们觉得最大的难点在哪里？几位新同事纷纷表示：感觉自己要补课的内容实在是太多了，操作系统、网络协议，到处都是难点。其实这几位同事的经历和遇到的问题都非常有代表性：由于做开发不懂业务，故大部分码农都是一颗颗螺丝钉，铆在...
浏览器打开
5G技术将影响哪个行业的发展？
作为全球移动互联网大会（GMIC）的顶尖合作伙伴，Qualcomm（美国高通公司）已连续三年亮相GMIC活动。Qualcomm中国区董事长孟朴将在全球领袖峰会期间发表主题演讲。带来关于Qualcomm
浏览器打开
5G时代,对学习Web前端开发有哪些影响?_web前端开发学习...
5G对IT行业的影响是首当其冲的,那么对于Web前端开发而言,5G时代的到来会有什么影响呢?下面,就给大家分享5G时代下对Web前端学习会有哪些影响。
5G通信对于前端会产生哪些影响_qf2019的博客_5g给前端...
5G通信将对前端的发展产生比较显着的影响,一方面基于5G通信可以构建更多的交互场景,可以构建对于带宽要求更高的场景,这会对用户的使用体验产生较为积极的影响,另...
前端工程师的未来在哪里？
阿里妹导读：很多童鞋在上次的问卷调查里表示，希望多推出一些前端方向的内容。今天为大家分享一篇关于前端工程师职业发展的文章，抛砖引玉，期待与大家一起交流探讨。我是成曰，目前在蚂蚁金服数据平台部任职前端工程师，从事数据中台产品的研发。目前对前端架构与质量、用户体验、TypeScript比较感兴趣。以下我说的都是个人观点，比较宏观粗浅，主要针对的是前端工程师本身，没有深入技术和业务细节，请谨慎参考。 职
浏览器打开
未来的前端工程师
作者简介：aoto 蚂蚁金服·数据体验技术团队 以下我说的都是个人观点，比较宏观粗浅，主要针对的是前端工程师本身，没有深入技术和业务细节，请谨慎参考。 职能概览 前端工程师首先是个程序员，其次也是个软件工程师，他们工作在离用户最近的地方，负责人机交互和用户体验，虽然叫“前端”，但其实他们的工作边界其实已经很宽了。展望未来，我想前端的工作会继续分化，也会继续融合，分工是工业革命以来社会高效...
浏览器打开
好程序员分享5G对web前端发展的影响 - qq_35970166的博...
5G来了,对前端开发有哪些影响???一、职能概览1.前端工程师首先是个程序员,其次也是个软件工程师,他们工作在离用户最近的地方,负责人机交互和用户体验,虽然叫“前...
5G时代对前端开发的改变_.olofmeister的博客
5G时代对前端开发的影响 这里我们就不过多的介绍5g了 , 因为我觉得这是大家都有关注过的话题 但我相信一句话:过去和现在所经历的互联网繁荣都是4G对3G的颠覆!
程序员生活指南：5G对web前端发展的影响，前端工程师的前景未来
5G浪潮的来临让全世界都为之关注，各个国家都在争夺它的主导权。它对软件行业影响是巨大的，深远的，甚至会导致行业的重新洗牌，和很多技术工种的兴衰。所以我们这些开发者不得不去关注它。 5G对web前端开发又有什么样的影响呢？ 网上各大论坛都有关于5G的帖子，据说理论下载速度达到 1.25G每秒。一个前端项目的本地文件往往不会超过100M，里面最大的文件就是多媒体，图片视频，更多的动态文件会通过图片服务器传输。 我们正常使用现在的4G网络打开一个APP主页往往需要2-3秒的时间，首次打开页面需要等待加载，如果有
浏览器打开
对于Web前端而言，5G时代的到来会有哪些影响呢？
随着工信部正式向三大运营商和广电颁发5G牌照，中国正式进入5G商用时代。对于身处IT行业，与5G密切相关的Web前端而言，5G给Web前端又会带来哪些影响呢？怎样才能保持优势成为高薪前端工程师呢？且看下面的分析。 一、5G的到来对Web前端有何影响？ 1、新的开发场景，带来大量的前端开发需求和挑战 随着5G标准的落地应用，在移动互联网领域将会出现新的开发场景（与物联网结合），包括智能家居，可穿戴...
浏览器打开
5G 会给前端开发带来怎么样的变化?_qq_33834489的博客
5G 会给前端开发带来怎么样的变化? 物联网、车联网、自动驾驶、神经网络、AR / MR……这些领域都对数据带宽有着非常高的需求,4G 时代的网速还不足以满足大...
写评论
评论
3