零基础转行前端，学习之路上的面试题分享

前言

转行web前端的人有很多，想要转行到web前端的人也有很多，但是，对于想要或者是即将要转行web前端的人来说，需要学习掌握哪些前端知识，如何学习这些知识？是一个值得思考的问题。

转行前端需要学习什么？

转行是否成功要看你能不能找到一份前端工程师的工作。对于能否找到工作，就看你是否具备这方面的能力，那到底转行前端需要学习什么？可以先去了解这个岗位的职位要求。

学习前端知识

1、网页设计【HTML/CSS】

HTML标签（div标签，图片标签，列表标签，表格标签…）
标签语义化
CSS 样式布局
CSS 选择器（基础选择器，复合选择器，选择器优先级）
CSS 盒模型（标准盒模型，怪异盒模型）
…

2、JS动态交互【JavaScript/ES6+ 】
变量和运算符
JS函数
面对对象编程
事件，事件流
DOM，BOM，this
闭包，递归
深浅拷贝
正则表达式
函数防抖，节流
ES6+的作用域
对象/函数/字符串的扩展
Promise对象
箭头函数
…

3、移动端开发【HTML5/CSS3】
HTML5语义化标签
HTML5新增多媒体
本地存储
CSS3新增属性
CSS3背景属性
过渡动画
…

4、框架【Vue】

Vue响应式
Vue双向数据绑定
Vue相关指令
vue-resource
Vue生命周期
Vue组件
Vue-cli 脚手架配置
Vue-router
Vuex
…

篇幅有限，需要可以【点击这里】领取前端基础面试题，2021前端面试题精选大全PDF文档（包含面试题及答案）

2021前端面试题精选大全

内容大纲包括HTML，CSS，JavaScript，jQuery，浏览器，HTTP，React，小程序

HTML、CSS相关

网络中使用最多的图片格式有哪些
请简述css盒子模型
视频/音频标签的使用
HTML5新增的内容有哪些
HTML5 新增的语义化标签有哪些
CSS3新增的特性
清除浮动的方式有哪些？请说出各自的优点
定位的属性值有何区别
子元素如何在父元素中居中
Border-box与content-box的区别
元素垂直居中
如何让chrome浏览器显示小于12px的文字
CSS选择器有哪些，那些属性可以继承，优先级如何计算？
CSS3新增的伪类有哪些？
网页中有大量图片加载很慢你有什么办法进行优化？
行内元素/块级元素有哪些？
浏览器的标准模式和怪异模式区别？
Margin和padding在什么场合下使用
弹性盒子布局属性有那些请简述?
怎么实现标签的禁用
Flex布局原理
px，rem，em的区别
网页的三层结构有哪些
请简述媒体查询
三栏布局方式两边固定中间自适应
Doctype作用
CSS 预处理 sass less 是什么？为什么使用他们
怎么转换less为css

JavaScript相关
Js基本数据类型有哪些
Ajax如何使用
如何判断一个数据是NaN
闭包是什么？有什么特性？对页面会有什么影响
Js中常见的内存泄漏：
事件委托是什么？如何确定事件源（Event.target 谁调用谁就是事件源）
什么是事件冒泡？
本地存储与cookie的区别
ES6新特性
Let与var与const的区别
数组方法有哪些请简述
请掌握2种以上数组去重的方式
什么是面向对象请简述
普通函数和构造函数的区别
请简述原型 / 原型链 /（原型）继承
Promise的理解
请简述async的用法
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
Js中.call()与.apply()区别
为什么会造成跨域/请简述同源策略
This指向
什么是jsonp工作原理是什么？他为什么不是真正的ajax
请写出一个简单的类与继承
同步与异步的区别/阻塞与非阻塞区别
为什么js是弱类型语言
箭头函数与普通函数的区别
For循环与map循环有什么区别
原型和继承，prototype，call和apply继承的区别
深浅拷贝是什么如何实现？
什么时候用深拷贝 /浅拷贝
什么是js内存泄露？
什么是csrf攻击
预加载和懒加载的区别，预加载在什么时间加载合适
Js的函数节流和函数防抖的区别

jQuery相关
什么是jQuery？
为什么要使用jQuery？jquery有哪些好处？
Jquery选择器有哪些
Jquery插入节点的方法
jQuery对象和DOM对象是怎样转换的
jQuery中.get()提交和.post()提交的区别
怎么使用jQuery中的动画
jQuery中如何来获取和设置属性
如何来设置和获取HTML和文本的值？
jQuery中有哪些方法可以遍历节点？
$(this) 和 this 关键字在 jQuery 中有何不同？
jQuery 里的 each() 是什么函数？你是如何使用它的？
Query中的Delegate()函数有什么作用？

浏览器，HTTP相关
http是什么？有什么特点
HTTP协议和HTTPS区别
请简述ajax的执行过程以及常见的HTTP状态码
Get和post不同
请输出三种减少页面加载时间的方式
重绘和回流是什么
你如何对网站的文件和资源进行优化？

Vue相关
Vue的核心是什么
请简述你对vue的理解
请简述vue的单向数据流
Vue常用的修饰符有哪些
v-text与{{}}与v-html区别
v-on可以绑定多个方法吗
Vue循环的key作用
什么是计算属性
Vue单页面的优缺点
Vuex是什么？怎么使用？在那种场景下使用
Vue中路由跳转方式（声明式/编程式）
路由中name属性有什么作用？
vue跨域的解决方式
Vue的生命周期请简述
Vue生命周期的作用
DOM渲染在那个生命周期阶段内完成
Vue路由的实现
Vue路由模式hash和history，简单讲一下
Vue路由传参的两种方式，params和query方式与区别
Vue数据绑定的几种方式
Vue注册一个全局组件
Vue的路由钩子函数/路由守卫有哪些
Vue中如何进行动态路由设置？有哪些方式？怎么获取传递过来的数据？
Elementui中的常用组件有哪些？请简述你经常使用的并且他们的属性有哪些？
Vue中指令有哪些
Vue如何定义一个过滤器
对vue 中keep-alive的理解
如何让组件中的css在当前组件生效
Vue生命周期一共几个阶段
Mvvm与mvc的区别
Vue组件中的data为什么是函数
Vue双向绑定的原理
Vue中组件怎么传值
Bootstrap的原理
槽口请简述
Watch请简述
Vant Ui请简述下
计算属性与watch区别
mvvm框架是什么？它和其它框架（jquery）的区别是什么？哪些场景适合？
Vue首屏加载慢的原因，怎么解决的，怎么解决白屏问题
Vue双数据绑定过程中，这边儿数据改变了怎么通知另一边改变
Vuex流程
Vuex怎么请求异步数据
Vuex中action如何提交给mutation的
Route与router区别
vuex的State特性是？
vuex的Getter特性是？
vuex的Mutation特性是？
vuex的actions特性是？
vuex的优势
v-for与v-if优先级

React相关
fetch VS ajax VS axios
React事件处理—修改this指向
请简述你对react的理解
react组件之间的数据传递
Vue与react区别
请简述虚拟dom与diff算法
调用 setState 之后发生了什么？
react 生命周期函数
为什么虚拟 dom 会提高性能?(必考)
State与props区别
shouldComponentUpdate 是做什么的
react diff 原理
何为受控组件
调用 super(props) 的目的是什么
React 中构建组件的方式

小程序相关的
小程序的优势
小程序的页面构成
小程序的生命周期
小程序如何请求数据
如何提高小程序的首屏加载时间
请简述你经常使用的小程序的组件
wxss与css的区别请简述
怎么优化小程序
小程序如何显示用户头像与用户名
请谈谈小程序的双向绑定和vue的异同？

零基础转行前端，学习之路上的面试题分享相关推荐

零基础转行IT学习什么好？
零基础转行IT学什么好?虽然有很多细分领域,但是不是每个领域都适合你,比如像人工智能.VR开发等相比偏难一些的领域,我不觉得适合无计算机专业背景的小白学习,至少不应该做为初始的学习目标,因为这些领域涉 ...
零基础web前端学习之JavaScript 和css 阻塞
web前端学习之JavaScript 和css 阻塞,JavaScript 是客户端和服务器端的脚本语言,可以插入HTML 页函中, 并且是目前较热门的Web 开发语言.同时, JavaScript ...
零基础web前端学习路线【全新web前端入门视频教程】
零基础怎么学web前端?下面就一起来看看吧! 想学好web前端,该从哪里入手学习呢?零基础学习web前端学习路线图从哪里可以找到呢?这里为大家整理完整的零基础前端学习路线分享给大家. 适合零基础学员 ...
零基础web前端学习路线
很多同学想学习WEB前端开发,虽然互联网有很多的教程.网站.书籍,可是却又不知从何开始如何选取. 前端开发入门学习有:HTML.CSS.JavaScript(简称JS)这三个部分.所以在学习之前我们需 ...
零基础小白前端学习之初始CSS
现在的互联网前端分为三层: HTML:超文本标记语言.从语义的角度描述页面结构 CSS:层叠样式表.从审美的角度负责页面样式 JS:Javascript.从交互的角度描述页面的行为 css它是一个很神 ...
零基础转行Web前端开发自学靠谱吗？菜鸟学习前端的方法分享
Web 前端开发行业长期处于供不应求的状态,薪资待遇也随之水涨船高,因此吸引了不少零基础转业者.那么,可能会有人问了:零基础转行Web 前端开发自学靠谱吗?这个问题没有确切的答案,毕竟每个人的情况都不 ...
零基础转行IT，怎么学习IT技术？
随着IT技术的不断发展,IT人才的待遇也跟着水涨船高,越来越多的人想转行做IT.零基础转行首先需要学习IT技术,那么,零基础转行怎么学习IT技术? 大家都知道想要零基础转行IT直接去找工作是比较困难的 ...
我是如何零基础入门前端开发的（2021 版）
大家好,我是若川.最近组织了源码共读活动<1个月,200+人,一起读了4周源码>,已经有超50+人提交了笔记,群里已经有超1200人,感兴趣的可以点此链接扫码加我微信 ruochuan12 ...
零基础转行学习前端，需要学习哪些技术才可以找到工作吗？
前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前 ...

零基础转行前端，学习之路上的面试题分享

前言

转行前端需要学习什么？

学习前端知识

2021前端面试题精选大全

零基础转行前端，学习之路上的面试题分享相关推荐

最新文章

热门文章