说说 title 和 alt 属性
HTML全局属性(global attribute)有哪些
2、CSS面试题
让一个元素水平垂直居中,到底有多少种方案?
浮动布局的优点?有什么缺点?清除浮动有哪些方式?
使用display:inline-block会产生什么问题?解决方法?
布局题:div垂直居中,左右10px,高度始终为宽度一半
盒模型
CSS如何进行品字布局?
CSS如何进行圣杯布局
CSS如何实现双飞翼布局?
什么是BFC?
什么是 Css Hack?ie6,7,8 的 hack 分别是什么?
描述一个”reset”的 CSS 文件并如何使用它。知道 normalize.css 吗?你 了解他们的不同之处?
CSS 中 link 和@import 的区别是?
为什么要初始化样式?
…
3、JavaScript面试题
0.1+0.2为什么不等于0.3?
什么是BigInt?
为什么需要BigInt?
什么是闭包?
闭包产生的原因?
闭包有哪些表现形式?
原型对象和构造函数有何关系?
能不能描述一下原型链?
JS如何实现继承?
null是对象吗?为什么?
call 和 apply 的区别
描述一下 V8 执行一段JS代码的过程?
关于JS中一些重要的api实现
== 和 ===有什么区别?
如何让if(a == 1 && a == 2)条件成立?
…
4、前端框架面试题
Vue
- Vue 双向绑定原理
描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
你是如何理解 Vue 的响应式系统的?
组件中写 name 选项有什么作用?
vue 中怎么重置 data?
vue 首屏加载优化
vuex是什么?怎么使用?哪种功能场景使用它?
vuex有哪几种属性?
虚拟 DOM 实现原理
Vue 中 key 值的作用?
什么是MVVM?
mvvm和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合?
- React
React有什么特点?
列出React的一些主要优点。
React有哪些限制?
什么是JSX?
你了解 Virtual DOM 吗?解释一下它的工作原理。
与 ES5 相比,React 的 ES6 语法有何不同?
解释 React 中 render() 的目的。
React中的状态是什么?它是如何使用的?
如何更新组件的状态?
如何模块化 React 中的代码?
React中的事件是什么?
如何在React中创建一个事件?
你对 React 的 refs 有什么了解?
列出一些应该使用 Refs 的情况。
如何在 React 中创建表单
什么是高阶组件(HOC)?
MVC框架的主要问题是什么?
Redux与Flux有何不同?
数据如何通过 Redux 流动?
什么是React 路由?
为什么React Router v4中使用 switch 关键字 ?
…
5、浏览器面试题
能不能说一说浏览器缓存?
能不能说一说浏览器的本地存储?各自优劣如何?
能不能实现事件的防抖和节流?
浏览器缓存
谈谈你对重绘和回流的理解
能不能实现图片懒加载?
说一说从输入URL到页面呈现发生了什么?
能不能说一说XSS攻击?
BOM对象模型
…
6、计算机网络面试题
HTTP 缓存
HTTP 常用的状态码及使用场景?
HTTP 常用的请求方式,区别和用途?
你对计算机网络的认识怎么样
HTTPS 是什么?具体流程
WebSocket与Ajax的区别
TCP 如何保证有效传输及拥塞控制原理。
TCP 协议怎么保证可靠的,UDP 为什么不可靠?
7、一些开放性题目
1)说说最近最流行的一些东西吧?常去哪些网站?
2)自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。
3)项目介绍
4)前端开发的职业现状和前景是什么?
5)平时是如何学习前端开发的?
6)1-3年工作经验,你有信心顺利跳槽到BATJ等一线互联网大公司吗?
7)你觉得哪个框架比较好,好在哪里
8)你觉得最难得技术难点是什么
8、算法题
- 链表
面试题:反转单向链表
题目需要将一个单向链表反转。思路很简单,使用三个变量分别表示当前节点和当前节点的前后节点,虽然这题很简单,但是却是一道常考题
以下是实现该算法的代码
var reverseList = function(head) { // 判断下变量边界问题 if (!head || !head.next) return head // 初始设置为空,因为第一个节点反转后就是尾部,尾部节点指向 null let pre = null let current = head let next // 判断当前节点是否为空 // 不为空就先获取当前节点的下一节点 // 然后把当前节点的 next 设为上一个节点 // 然后把 current 设为下一个节点,pre 设为当前节点 while(current) { next = current.next current.next = pre pre = current current = next } return pre };二叉树遍历
- 原理: 递归
function traversal(node,tempOrderTraversal) { if (node != null) { // tempOrderTraversal.push(node.value) 前序遍历 if (node.left != null) { preOrderTraversal(node.left,tempOrderTraversal) } // tempOrderTraversal.push(node.value) 中序遍历 if (node.right != null) { preOrderTraversal(node.right,tempOrderTraversal) } // tempOrderTraversal.push(node.value) 后序遍历 } }不能使用递归时,则使用栈就是JS的数组push、pop
// 非递归遍历 var kthSmallest = function(root, k) { const tempArr = []; let result; tempArr.push(root); while (tempArr.length > 0) { result = tempArr.pop(); if (result.value == k) break; if (result.left != null) tempArr.push(result.left); if (result.right != null) tempArr.push(result.right); } return result; };
堆排序
堆排序利用了二叉堆的特性来做,二叉堆通常用数组表示,并且二叉堆是一颗完全二叉树(所有叶节点(最底层的节点)都是从左往右顺序排序,并且其他层的节点都是满的)。二叉堆又分为大根堆与小根堆。
大根堆是某个节点的所有子节点的值都比他小
最后前端到底应该怎么学才好?
如果你打算靠自己摸索自学,那么你首先要了解学习前端的基本大纲,这是你将要学习的主要内容,理解以及掌握好这些内容,便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程,作为初学者最好的方式就是看视频教程学习,初学者容易理解接受。
不要选择买书学习,这样的方式没有几个人能学会,基本都是看不下去书,也看不懂书。如果喜欢看书的学弟,可以买一些经典的书籍作为辅助即可,主要还是以看教程为主。每天抽出固定几个小时学习,做好长期学习的准备。学习编程并不是每天光看视频,你学习编程最重要的目的是为了编写软件产品,提供给大众使用,所以用手写出代码实现功能才是我们要做的事情。