Web前端开发工程师岗位要求

简介: Web前端开发工程师岗位要求

任职要求
精通 web 基础语言: HTML/CSS/JavaScript 及熟悉 W3C 网页标准;
熟悉 web 数据传输:Ajax(XMLHttpRequest)、Fetch、XML、JSON、XHR 等;
熟悉网络协议:TCP/IP、HTTP、HTTPS、WebSocket 等;
熟悉至少一个 MVVM/MVC 框架的使用,如 Vue、React 等;
熟悉前端工程化:Webpack、Gulp、Vite、VueCLI、create-react-app 等;
有较丰富的网页制作经验与动画效果等,熟悉不同浏览器的兼容问题及页面优化;
熟悉移动端开发,了解 iOS 与 android 浏览器内核的不同,熟悉自适应布局,了解小程序及公众号开发流程;
了解 web 安全基础:SQL 注入、XSS 攻击、CSRF 攻击、非对称加密等;
了解项目工具:git、K8s、DevOps 等;
了解一定的后端技术:node、Java、SQL 等;
对前端新技术和新应用有浓厚的兴趣。
**考点分布范围
HTML/HTML5 标签、Javascript 基本语法(适应 ECMAScript 2015、ECMAScript 2016 的标准)、CSS/CSS3 属性;(通类题,30 分)
Javascript 进阶应用:原型链、继承、作用域、回收机制、深拷贝、LIFE、Promise、EventLoop、线程等;(需熟练掌握类题,10 分)
浏览器及网络:渲染原理、缓存机制、http/https 协议、WebSocket、Ajax、跨域;(需熟练掌握类题,5 分)
前端工具类:动态样式语言(Less、Sass)、TypeScript 基础、Webpack、git(需熟练掌握类题,5 分);
移动端:自适应布局、Hybird、宿主环境、小程序及公众号开发;(需熟练掌握类题,10 分)
前端安全(XSS 、CSRF 等);(需熟练掌握类题,5 分)
算法类:排序、动态规划、分治、贪心法、穷举法、回溯法等;(需涉猎了解类题,5 分)
框架类:Vue 的基本使用以及其基本原理、生命周期、虚拟 DOM、diff 算法、异步更新队列、响应式处理(需熟练掌握类题,20 分)
辅助技术:后端语言(python、java、nodejs 等)、SQL 等;(需涉猎了解类题,5 分)
架构类:常见的设计模式、函数式编程或面向对象编程、DevOps 概念与实践。(需熟练掌握类题:5 分)

试题结构:
选择题:共 90 题(单选 60、多选 20) 每题 1 分;
填空题:10 空(每题不能多于 2 空)每空 1 分;

相关文章
|
6天前
|
前端开发
【前端web入门第四天】02 CSS三大特性+背景图
本文详细介绍了CSS的三大特性:继承性、层叠性和优先级,并深入讲解了背景图的相关属性,包括背景属性、背景图的平铺方式、位置设定、缩放、固定以及复合属性。其中,继承性指子元素自动继承父元素的文字控制属性;层叠性指相同属性后定义覆盖前定义,不同属性可叠加;优先级涉及选择器权重,包括行内样式、ID选择器等。背景图部分则通过具体示例展示了如何设置背景图像的位置、大小及固定方式等。
230 91
|
6天前
|
前端开发
【前端web入门第四天】01 复合选择器与伪类选择器
本文档详细介绍了CSS中的复合选择器与伪类选择器。复合选择器包括后代选择器、子代选择器、并集选择器和交集选择器,能够更精确地定位和样式化元素。后代选择器用于选中某元素的所有后代,子代选择器仅选中直接子元素。并集选择器可为多个标签设置相同样式,而交集选择器则选中同时满足多个条件的元素。此外,还介绍了伪类选择器,如鼠标悬停效果和超链接的不同状态。
45 32
【前端web入门第四天】01 复合选择器与伪类选择器
|
6天前
|
前端开发 数据安全/隐私保护
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
本文档详细介绍了HTML表单的多种元素及其用法,包括下拉菜单(`<select>` 和 `<option>`)、文本域(`<textarea>`)、标签解释(`<label>`)、各类按钮(`<button>`)及表单重置功能、无语义布局标签(`<div>` 和 `<span>`)以及字符实体的应用。此外,还提供了一个完整的注册信息表单案例,涵盖个人信息、教育经历和工作经历等部分,展示了如何综合运用上述元素构建实用的表单。
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
|
6天前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性,通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性,并提供了实用的代码示例。此外,还简要介绍了调试工具中的一些细节,如错误属性标识和属性生效状态的控制。
40 28
|
6天前
|
前端开发 JavaScript
【前端web入门第三天】01 css定义和引入方式 四种标签选择器
本文档详细介绍了CSS的基础知识及其应用。内容涵盖了CSS的定义、CSS在HTML中的引入方式,包括内部样式表、外部样式表及行内样式表的使用场景与方法。此外,还深入解析了不同种类的选择器:标签选择器、类选择器、ID选择器以及通配符选择器的功能与应用场景,并提供了实例帮助理解。最后,通过具体的新属性示例,指导如何使用这些选择器来实现基本的盒子绘制。适合初学者系统学习CSS。
28 15
|
5天前
|
前端开发
【前端web入门第五天】03 清除默认样式与外边距问题【附综合案例产品卡片与新闻列表】
本文档详细介绍了CSS中清除默认样式的方法,包括清除内外边距、列表项目符号等;探讨了外边距的合并与塌陷问题及其解决策略;讲解了行内元素垂直边距的处理技巧;并介绍了圆角与盒子阴影效果的实现方法。最后通过产品卡片和新闻列表两个综合案例,展示了所学知识的实际应用。
22 11
|
5天前
|
前端开发
|
5天前
|
弹性计算 前端开发 容器
【前端web入门第六天】02 flex布局
Flex布局是一种现代CSS布局模式,通过给父元素设置`display: flex`,其子元素可自动挤压或拉伸。它包含弹性容器和弹性盒子,主轴默认为水平方向,侧轴为垂直方向。主轴对齐方式由`justify-content`属性控制,侧轴对齐方式包括`align-items`(针对所有子元素)和`align-self`(针对单个子元素)。修改主轴方向使用`flex-direction`属性,`flex`属性用于控制子元素在主轴上的伸缩比例。此外,`flex-wrap`属性允许子元素换行,而`align-content`属性则定义多行对齐方式。
|
5天前
|
前端开发
【前端web入门第五天】01 结构伪类选择器与伪元素选择器
本文介绍了CSS中的结构伪类选择器和伪元素选择器。结构伪类选择器如`nth-child`可根据元素结构关系进行选择,例如将列表中首个`<li>`元素背景设为绿色。伪元素选择器用于创建装饰性内容。
|
5天前
|
前端开发
【前端web入门第五天】02 盒子模型基础
本文档详细介绍了CSS中的盒子模型及其组成部分,包括内容区域、内边距、边框线和外边距。通过具体示例展示了如何设置边框线、内边距及外边距,并解释了尺寸计算方法和版心居中的技巧。内容丰富,示例清晰,有助于理解盒子模型在网页布局中的应用。