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

前言

转行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
  • ......

篇幅有限,需要可以加入前端裙【953352883】领取前端基础面试题,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的异同?

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):