前端工程师考试技能题库

知识要点：web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签布局知识要点：CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器基础知识要点：ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、知识要点：DOM模型、节点类型、节点的基本操作、JS操作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。知识要点：History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架框架基本语法知识要点：vue基本语法、双向绑定、组件传值、条件渲染、列表渲染、事件处理、表单绑定、自定义事件、插槽、过渡、动画、动态路由、嵌套路由、编程式导航、导航守卫、路由懒加载、脚手架、生命周期、vuex、axios、ts、案例知识要点：将知识点融会贯通到案例中。基本语法知识要点：react简介、jsx语法、元素渲染、组件和props、state、生命周期、表单、条件渲染、组合继承、hooks、性能优化、案例知识要点：将知识点融会贯通到案例中新增内容：微信小程序及uni-app框架知识要点：小程序框架（配置/程序与页面注册/路由），开发者工具小程序框架组件学习（基础/视图/表单/地图/媒体/导航/开发能力）小程序框架组件学习（地图/媒体/导航/开发能力）小程序API（基础/路由/界面/网络/数据缓存/位置服务）小程序API（设备/媒体/开放接口/授权/登录/支付）服务器与数据库及框架Node原生模块、跨域、安全校验、数据加密、数据库基本操作、express框架、koa框架 项目周/WebPack

今天小编要跟大家分享的文章是关于转行做Web前端工程师要学习的入门知识汇总。想要学习Web前端知识的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。一、前端工程师的主要职责：前端工程师在不同的公司有不同的功能，但性质相似。1、网站设计与网页界面开发2、做网站界面开发3、Web界面开发，前端数据绑定，前台逻辑4、设计、开发、数据二、Web前端开发中需要掌握的技术：1、学习HTML，这是最简单，最基本的是要掌握div，formtable、Ulli、P、跨度、字体这些标签，这些都是最前端的学习都是需要不断的学习，学一天停一停相当于白学。2、学习CSS，CSS这里说的不包括CSS3Web前端开发里面我们看到的，一个可以使用HTML或CSS+CSS+DIV的界面布局，所以CSS是用来协助HTML布局和显示，我们称之为“CSS样式”，为什么说DIV+CSS?因为我说div是HTML主要用于布局的，所以div是这个东西的核心!CSS必须配合。CSS必须掌握浮、位置、宽度和高度，以及最大值和最小值，以100%，溢出，边缘、填充等。这些都是与布局相关的样式。3、JS。你觉得还过的去，看看JS是可怕的，事实上，JS入门很简单，不需要很多东西，只要根据ID或名称DOM或”风格，或价值，然后以一个ID或名称元标签，或额外的数据，在HTML，这是对数据的操作有关系，那么数据逻辑的影响，无非是一个跳跃，弹框，隐藏什么，这一切都是结合其他应用，代码一点都不难，将这些基本的JS。百度其他好。然后多看一些，不是什么问题。4、学习jQuery，相当于封装一组JS插件的JS。其目的是操作更方便，编写更少的代码，jQuery条目也非常简单。这些都是切入点，要学会像JS，只是改变了JQ代码。剩下的就跟百度一样。5、最好是指出背景语言，如java，php，为什么?因为我们是前台接口数据，从后台到点，如果后台代码，你知道如何与后台数据交互是最好的，它节省了时间，也可以使前端代码更加规范。否则，可能是因为你回来了，无法忍受的数据，然后前端代码再次重写，这将是可怕的。6、研究CSS3+HTML5以上6点，基本上是一个Web前端开发工程师掌握的技术，我也试着讲述一下自己的经验，但是我们不认为上面的6点只是我说的那么简单，没有，他们正在使用，这是在这样的一个火中，因为坚强!我说的就是这么简单，你觉得原因很难祛除，万事开头难，我说的是方法和技巧的入门，需要了解的东西。除了告诉你一个秘密，不要以为代码很难敲，现在什么语言都有自动提示代码功能，只需要输入一个字符，两个字符，后面的代码就会弹出，让你选择!你害怕什么?所以不要害怕你糟糕的英语。三、Web前端开发中需要用到的工具：有一个ediplus，这是这是一个字体颜色的记事本等，我用这个，因为我觉得DW占用太多的内存，使电脑卡，所以我用写ediplus代码，代码有没有自动提示，我不知道，你可以百度是否有插件。Eclipse可以写java，php和上面的各种代码!zendstudio是专写PHP，但上述2个工具是比较专业的，这是由我们的专业开发人员使用，所以你可以看到，PS图像处理软件是没有必要的。四、Web前端开发展望：Web前端开发的前景是非常好的。我们不在乎我们做什么网站或者我们在做什么项目。现在我们都在关注用户体验。人们说，如果你的网站界面看起来不错，你的网站和项目将成功3/4。所以现在很多人说Web前端的开发前景略好于后端开发。但我做一个比较，前端开发技术的学习上，后端开发技术开发技术还了解到，前、后端开发薪酬肯定是远远高于前面，但后面的开发技术在一定程度上会有一个很大的瓶颈，因此早期的中级程序员，前端开发后端开发更好，那么高级程序员。以上就是小编今天为大家分享的关于转行做Web前端工程师要学习的入门知识汇总的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师。

⾸先呢,所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显 示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽. ⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定 name 属性,⽽在对应标签上添加# 属性指定名字. 在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽的理解. 作用域插槽 是把子组件里的数据传到父组件的插槽里使用 什么是跨域 跨域是浏览器的跨域 不符合 域名 协议 端口号一样（同源策略） 的请求都会出现跨域的问题 跨域的解决方法 最多的情况是后端处理跨域 前端的跨域 服务器代理 jsonp vue 中是 proxy 代理实现跨域 vue 的跨域 用 proxy 实现 拦截器有两种 一个是请求拦截一个是响应拦截 拦截器不需要手动调用而是每次发送 http 请求的时候都会自动触发 我们一般在请求拦截中 放全局的 loading 和 token 在响应拦截中关闭全局的 loading 和对 token 进行过期处理 还可以处理错误编码字典 ⾸先呢 jquery 他是⽤ js 封装的⼀个类库,主要是为了⽅便操作 dom 元素,⽽ vue 他是⼀个框架,并且呢,他会从真实 dom 构建出⼀个 虚拟的 dom 树,通过 di!算法渲染只发⽣改变的 dom 元素,其他的相同的 dom 元素不⽤在重新渲染. ⽽使⽤ jquery 去改变 dom 元素 的时候,即使有相同的 dom 元素也会重新渲染, jq 重点操作 dom，而 vue 重点操作数据。以上就是我对 vue 和 jquery 区别的理解. 在 vue2 中 vue 实例的 data 数据是响应式 的 就是数据变了 视图也会跟着变，如果给某一个 data 新添加了一个字段 这个新添加的字段因为 js 的限制不响应，需要使用 this.$set 方法代替原本的普通添加方法 就能实现响应，这个方法的三个参数 是给谁添加 添加的字段 初始值 如果不是在组件中 用这个方法 那么就用 根实例对象data可以是对象也可以是函数（根实例是单例），不会产生数据污染情况 如果不是一个函数，每个组件实例的data都是同一个引用数据，当该组件作为公共组件共享使用，一个地方的data更改，所有的data一起改变，如果data是一个函数，每个实例的data都在闭包中，就不会各自影响了。 query可以使用name和path而params只能使用name 使用params传参刷新后不会保存，而query传参刷新后可以保存 Params在地址栏中不会显示，query会显示 Params可以和动态路由一起使用，query不可以 同步更改mutations 异部更改action,action中通过commit触发mutations进行state数据更改 页面中触发action中函数