技能考察:1.Html1和html语义标签的理解;结构理解;能否写出简洁的html结构;SEO优化),选择合适的标签(代码语义)方便开发者阅读和编写更优雅的代码,同时让浏览器爬虫和机器能够很好地解析。结构:头部页眉、侧边栏侧边栏、主要内容主体、尾部页脚。b.功能:不用css,也能呈现内容结构和代码结构;用户体验;有利于SEO;方便器件分析;有利于团队的发展和维护;2.h5新增属性;比如自定义属性data,类名className等,添加表单元素,拖拽a,在html标签中自定义属性“data-xxx”,js可以通过dataset-xxx设置“数据”自定义属性b,新建表单元素:datalist、keygen、output3、h5中的新API、修改过的API、废弃的API稍微了解一下(离线存储、音频、视频)a、localStorage:一直存储在本地,直到手动清除;sessionStorage:页面关闭时清除缓存;b、audioaudio(兼容touchstartforApple)、videovideo2、关于CSS1、CSS选择器(三大特性)a、级联:多个标签对于重复的样式,一个属性会覆盖另一个属性,比如设置红色背景和黄色背景,只能选择其中一个。b.继承:子标签会继承父标签的样式c.优先级:!important>内联样式>id选择器>类选择器>标签选择器>通配符>继承2.BFC机制a.在创建BFC的元素中,垂直方向的边距重叠。根元素是一个BFC元素(这可以解释边距重叠)b.BFC元素在页面上是一个独立的容器,外层元素和内层元素互不影响。C。BFC元素不会与浮动元素重叠。(这可以解释两列自适应)d.计算BFC元素高度时,里面的浮动元素3.盒子模型a.盒模型,包括元素内容(content)、内边距(padding)、边框(border)和外边距(margin)几个元素。b.元素框的总宽度=元素(element)的宽度+padding左右外边距的值+margin左右外边距的值+border的左右宽度;元素框的总高度=元素(element)的高度+padding上下外边距的值+margin上下外边距的值+border上下外边宽度。c、w3c标准盒模型:宽高不包含padding和borderie盒模型:宽高包含padding和border4、CSS模块化开发(封装);SCSS和LESS使用a,scss安装使用npm,less使用ruby5,屏幕适配和页面适配a,百分比布局b,文字大小remc,媒体查询6,CSS3中newselector子元素选择器,相邻兄弟选择器,通用兄弟选择器,组选择器7.CSS3新增属性,transform过渡动画等...a.transform:translate,translateX,translateY在水平方向、垂直方向或两个方向上平移元素b。transform:scale,scaleX,scaleY在水平方向,垂直或两个方向缩放元素c,transform:rotate旋转元素d,transform:skew,skewX,skewY将元素在水平方向倾斜一定角度,垂直directionortwodirectionse,transform:matrix3.关于布局标准文档流(padding+margin+负margin)+浮动float+定位百分比布局(流式布局):px单位换成%num,占百分比父元素的flex弹性布局:主轴和副轴的几个属性Grid网格布局:改用框架中的类名:本质上还是百分比布局四、关于JS基础1、可变数据类型和检测:基础+参考2.运算符:算术+条件+逻辑+位+短路,隐式转换等3.条件,循环,异常处理ifswitch(){casexxx:}trycatchfinallythrow4.函数定义,调用方法(apply、call、directcall),参数传递:将实参赋值给形参5.字符串、数组、对象常用API6.正则表达式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,token8.关于ES6语法1.字符串,数组,对象扩展api2.变量扩展:letconst解构赋值块级作用域3.功能扩展:箭头函数默认参数,rest参数4.展开运算符,模板字符串5.设置和映射数据结构6.迭代器和生成器函数的理解next和yield7.代理对象属性agent:attributeread(get)和set(set)相关操作8.Promise对象,异步编程的解决方案9.async+await:异步编程的终极解决方案promise+generator的语法糖10.类语法构造函数的语法糖11.模块化编程的export和importexport+import九、VUE基础1.基本说明2.实例的属性和方法3.实例的生命周期4.组件基础:创建、注册、添加属性方法、应用等...5.组件通信值父子、兄弟、跨级6.Slot槽等10.VUE进阶1.vue-router:搭建SPA路由,组件配置路由,路由间传值路由,路由导航守卫如何在router.js和组件页面中使用2.vuex:状态管理:数据仓库store实例化使用仓库状态的5大属性,getters,mutations,actions,modules辅助函数mapState等,在仓库中计算properties的映射,操作简单记得在store.js和components中使用十一、VUE深入,源码阅读1.数据响应原理2.virtualdom3.diff算法4.nextTick等...工程能力考察:1.项目能力1.vue-cli脚手架搭建及功能配置vue.config.js2.webpack常用配置3.项目搭建与打包4.熟悉各种frameworksDocumentation...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.对象封装与继承为了更好的管理数据,对数据进行分类,实现高内聚低耦合2.设计模式设计模式的感觉就是将面向对象的思想抽象成现实中的一些具体模式3.数据结构与算法共同学习使用排序搜索算法、顺序列表、链表、堆栈、队列、树、堆结构等...测试您的抽象思维和数学技能。将现实世界的需求抽象为计算机代码的能力。附加技能考察:1.学习能力持续学习态度--写博客、做笔记技术论坛活跃度高,问答多GitHub开源项目参与2.了解一门后端语言python、node.js、php等。.数据库mysql、redis、mongodb。SQL操作语句、mongo操作语句、redis操作语句node+express搭建本地服务等python+django+request+scrapy3.系统编程linux命令行操作,系统文件管理多任务,多线程,多-进程、协程、并发、并行、串行、同步、异步概念的理解
