web前端开发0基础视频教程，常见知识点总结

    随着疫情的逐渐好转，许多小伙伴也早已复工多时，面试招聘的机会也多了起来，大家都做好了面试准备吗？本文将为大家总结一下前端面试中常见的知识点，包括前端基础、布局、JS高级、浏览器、网络协议、ES6语法、VUE基础和VUE高级等等，有需要的小伙伴可以接着看下去。

    知识点一、前端基础：Html、CSS和JS

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

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

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

    3、CSS选择器（三大特性）。

    4、BFC机制。

    5、盒模型。

    6、CSS模块化开发（封装）；SCSS和LESS的使用。

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

    8、CSS3中新增的选择器。

    9、CSS3中新增的属性，transform、trasition、animation等。

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

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

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

    13、函数定义、调用方式（apply、call、直接调用）；传参：实参给形参赋值。

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

    15、正则表达式。

    知识点二、布局

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

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

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

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

    知识点三、JS高级

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

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

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

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

    5、Ajax原理、axios库。

    6、同步、异步编程。

    7、jQuery源码学习。

    知识点四、浏览器

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

    2、浏览器内核。

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

    4、浏览器缓存机制。

    5、浏览器的渲染原理。

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

    知识点五、网络协议

    1、HTTP协议。

    2、cookie、session、token。

    知识点六、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的导出和导入。

    知识点七、VUE基础

    1、基本指令。

    2、实例的属性和方法。

    3、实例的生命周期。

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

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

    6、插槽slot等。

    知识点八、VUE高级

    1、vue-router：搭建SPA

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

    1、数据响应式原理。

    2、virtualdom。

    3、diff算法。

    4、nextTick等等。

　以上就是动力节点java培训机构的小编针对“web前端开发0基础视频教程，常见知识点总结”的内容进行的回答，希望对大家有所帮助，如有疑问，请在线咨询，有专业老师随时为你服务。

    web前端免费视频教程

    HTML：http://www.bjpowernode.com/v27/

    CSS：http://www.bjpowernode.com/v67/

    JavaScript：http://www.bjpowernode.com/v68/

    jQuery：http://www.bjpowernode.com/v30/

    Ajax：http://www.bjpowernode.com/v31/