2019年前端技术需要注重掌握的

1.关于Html

1、html语义化标签的理解、结构化的理解;能否写出简洁的html结构;SEO优化。

2、h5中新增的属性,如自定义属性data、类名className等;新增表单元素;拖拽Drag。

3、h5中新增的API、修改的API、废弃的API稍作了解(离线存储、audio、video)。

2.关于CSS

1、CSS选择器(三大特性)。

2、BFC机制。

3、盒模型。

4、CSS模块化开发(封装);SCSS和LESS的使用。

5、屏幕适配以及页面自适应。

6、CSS3中新增的选择器。

7、CSS3中新增的属性,transform、trasition、animation等。

3.关于布局

1、标准文档流(padding + margin + 负margin)+ 浮动float + 定位 left + right + top + bottom。

2、百分比布局:px单位用%num代替,占父级元素的百分比。

3、flex弹性布局:主轴、辅助轴的几个属性。

4、grid栅格布局:使用框架中的类名来替代,本质上还是百分比布局。

4.关于JS基础

1、变量数据类型及检测:基本 + 引用。

2、运算符:算术 + 条件 + 逻辑 + 位 + 短路、隐式转换等。

3、条件、循环、异常处理if、switch(){case xxx:}、try、catch、finally、throw。

4、函数定义、调用方式(apply、call、直接调用);传参:实参给形参赋值。

5、字符串、数组、对象常用API。

6、正则表达式。

5.关于JS高级

1、作用域、作用域链、闭包。

2、原型、原型链、继承。

3、函数上下文、this指向。

4、js的运行机制、事件队列和循环。

5、Ajax原理、axios库。

6、同步、异步编程。

7、jQuery源码学习。

6.关于浏览器

1、浏览器的构成和运行机制。

2、浏览器内核。

3、浏览器交互:BOM和DOM相关webApi、监听事件。

4、浏览器缓存机制。

5、浏览器的渲染原理。

6、浏览器的安全性:跨域和攻击。

7.关于网络协议

1、HTTP协议。

2、cookie、session、token。

8.关于ES6语法

1、字符串、数组、对象扩展的api。

2、变量扩展:let、const解构赋值,块级作用域。

3、函数扩展:箭头函数默认参数、rest参数。

4、展开运算符、模板字符串。

5、set和map数据结构。

6、迭代器和生成器函数next和yield的理解。

7、proxy对象属性代理器:属性的读取(get)和设置(set)相关操作。

8、promise对象、异步编程的解决方案。

9、async + await:异步编程的终极方案promise + generator的语法糖。

10、class语法、构造函数的语法糖。

11、模块化编程export + import的导出和导入。

9.VUE基础

1、基本指令。

2、实例的属性和方法。

3、实例的生命周期。

4、组件基础:创建、注册、添加属性方法、套用等。

5、组件通信传值,父子、兄弟、跨级。

6、插槽slot等。

10.VUE高级

1、vue-router:搭建SPA

  • 路由、组件的配置。
  • 路由间的传值。
  • 路由跳转。
  • 路由的导航守卫。
  • 记住在router.js和组件页面中的使用方式。

2、vuex:状态管理、数据仓库store

  • 实例化仓库的5大属性的使用。
  • state、getters、mutations、actions、modules。
  • 辅助函数mapState等,仓库中计算属性的映射、方便操作。
  • 记住在store.js和组件中使用方式。

11.VUE深入、源码阅读

1、数据响应式原理。

2、virtual dom。

3、diff 算法。

4、nextTick等等。

工程能力考察

1.项目能力

1、vue-cli脚手架搭建和功能配置vue.config.js。

2、webpack的常用配置。

3、项目构建打包。

4、熟悉各类框架的文档。

5、UI框架:Bootstrap、MUI、Element-ui等。

6、常用的插件整理;整理一个自己插件库,封装自己的方法库、组件库。

7、常用的工具熟练度。

8、PC端和移动端开发注意事项。

9、经验总结:快速确定项目的技术选型。

10、坑点总结:项目遇到坑坑坑!

11、项目中的性能优化记录(都是细节点,多记录)。

12、需求文档的理解,可以结合项目流程图、UML图。

13、问题解决能力:bug定位调试、查找文档、寻求他人。

14、记录习惯养成。

2.模块化、组件化开发能力

1、项目分类;各类文件整理、分类。

2、各类功能封装。

3、组件和功能模块的抽离、解耦、复用。

内功考察

1.面向对象的编程思想

1、类的抽象。

2、对象的封装、继承。

3、为了更好的去管理数据、分类数据,实现高内聚、低耦合。

2.设计模式

设计模式感觉也是将面向对象思想再度抽象成现实中某些特定模式。

3.数据结构和算法

1、学习常用的排序搜索算法、顺序表、链表、栈、队列、树、堆等。

2、考验你的抽象思维和数学功底。

3、将现实需求抽象成计算机代码的思维能力。

附加技能考察

1.学习能力

1、持续学习的态度——博客、笔记记录。

2、技术论坛活跃度高、问答多。

3、GitHub开源项目参与。

2.了解一门后端语言

1、python、node.js、php等。

2、数据库mysql、redis、mongodb;sql的操作语句、mongodb的操作语句、redis的操作语句。

3、node + express搭建本地服务等。

4、python + django + request + scrapy。

3.系统编程

1、Linux命令行操作、系统文件管理。

2、多任务、多线程、多进程、协程、并发、并行、串行、同步、异步等概念的理解。

原文地址:https://www.cnblogs.com/mo3408/p/10652781.html

时间: 2024-10-09 09:59:44

2019年前端技术需要注重掌握的的相关文章

决胜未来,2019年前端开发十大战略性技术布局

2010年的你,如果能学会Android开发,现在的你,薪资不会低于年薪50万--2015年的你,如果能熟练使用react,现在的你,薪资不会低于月薪30K--看到这两个数据,也许有人会反驳:技术刚出来,没人敢用,而且随便一门技术,用上三五年,工资也不会低于这个数吧?第一个问题, Android 是2010年才出来的吗? 从上边的资料我们可以看出: Android 是 2008年9月23日,发布的,所以2010年,它不是才出来,而是出来了两三年.我们不是赌徒,我们不知道它会火,这可以原谅,年初的

2019年前端开发10大战略性技术蓝图

2010年的你,如果能学会Android开发,现在的你,薪资不会低于年薪50万-- 2015年的你,如果能熟练使用react,现在的你,薪资不会低于月薪30K-- 看到这两个数据,也许有人会反驳:技术刚出来,没人敢用,而且随便一门技术,用上三五年,工资也不会低于这个数吧? 第一个问题, Android 是2010年才出来的吗? 从上边的资料我们可以看出: Android 是 2008年9月23日,发布的,所以2010年,它不是才出来,而是出来了两三年. 我们不是赌徒,我们不知道它会火,这可以原谅

2019年大前端技术周刊-#31周

本周是2019年第31周,裂墙推荐工程师成长三连击系列文章 移动端 有赞移动 iOS 组件化(模块化)架构设计实践 业务组件化(或者叫模块化)作为移动端应用架构的主流方式之一,近年来一直是业界积极探索和实践的方向.有赞移动团队自16年起也在不断尝试各种组件化方案,在有赞微信商城,有赞零售,有赞美业等多个应用中进行了实践. Unused images and resources clean up in Xcode You've almost certainly been in this situa

前端技术的发展和趋势

Web 发展了几十个春秋,风起云涌,千变万化.我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走.Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造.这几年的前端,更为之甚! 我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔触中领会.本文会盘点从 09 年开始到 15 年间前端技术的革新,同时也会从多个角度,解读近几年前端技术发展的潜在因素,其中穿插了若干对前端演进的拙见,难免会有错误和疏漏,望读者可以补充和斧正. 那

2016 年前端技术

近几年前端技术盘点以及 2016 年技术发展方向 2016-01-09 10:33 by Barret Lee, 1175 阅读, 8 评论, 收藏, 编辑 Web 发展了几十个春秋,风起云涌,千变万化.我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走.Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造.这几年的前端,更为之甚! 我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔触中领会.本文会盘点从 09 年开始到

近几年前端技术盘点以及 2016 年技术发展方向

作者: 阎王 Web 发展了几十个春秋,风起云涌,千变万化.我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走.Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造.这几年的前端,更为之甚! 我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔触中领会.本文会盘点从 09 年开始到 15 年间前端技术的革新,同时也会从多个角度,解读近几年前端技术发展的潜在因素,其中穿插了若干对前端演进的拙见,难免会有错误和疏漏,望读者可以补

2019年前端工程师应该学什么?

参加工作三年多了,最近业务不是很忙,心里反而空落落的.最近参与了一个公司UI库开发,发现自己不懂的东西实在太多.以此为契机吧: 1. 有必要把近两年的经验知识沉淀一下,与标准和文档进行一一印证,查漏补缺. 2. 工具不仅要会用,用的好,还要知道原理. 3. 即便是有些知识暂时用不到,作为一名有点追求的工程师,应该提前做一些知识储备. 写到此处惊觉自己这两三年在技术上还是成长了的,2016年我需要看着前辈们的分享,大家说有用我就学,听前辈的总没错,2019年我可以根据自己的经验和体会总结出该怎么去

解密国内BAT等大厂前端技术体系-百度篇(长文建议收藏)

1 引言 整个业界在前端框架不断迭代中,也寻找到了许多突破方向,例如跨平台中的RN.Flutter,服务端GraphQL.Serverless,前端和客户端的融合越来越紧密,前端在Node和Electron的加持下,也扩展了自己的版图到服务端和桌面. 同时,随着前端开发越来越复杂,整个前端研发也经历了人工化->工具化->工程化->智能化的演变.目前各个大厂在工程化实践不断迭代,出现了许多Low/No Code等前端智能化解决方案,工程化实践也深入到研发的各个环节,不断提升前端研发的标准化

前端技术之CSS实现图片垂直居中

前端技术之CSS实现图片垂直居中技术 maybe yes 发表于2015-03-14 18:52 原文链接 : http://blog.lmlphp.com/archives/86/The_front-end_technology_pure_CSS_to_achieve_image_vertically  来自 : LMLPHP后院 让 图片实现水平居中比较简单,只需要在父级容器中添加属性 text-align 为 center 即可.使用纯 CSS 实现图片的垂直居中,可以将图片包裹容器的 d