- 基础篇
- 一、HTML、HTTP、WEB综合问题
- 1 前端需要注意哪些SEO
- 2
<img>的title和alt有什么区别 - 3 HTTP的几种请求方法用途
- 4 从浏览器地址栏输入url到显示页面的步骤
- 5 如何进行网站性能优化
- 6 HTTP状态码及其含义
- 7 语义化的理解
- 8 介绍一下你对浏览器内核的理解？
- 9 html5有哪些新特性、移除了那些元素？
- 10
HTML5的离线储存怎么使用，工作原理能不能解释一下？ - 11 浏览器是怎么对
HTML5的离线储存资源进行管理和加载的呢 - 12 请描述一下
cookies，sessionStorage和localStorage的区别？ - 13 iframe有那些缺点？
- 14 WEB标准以及W3C标准是什么?
- 15 xhtml和html有什么区别?
- 16 Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
- 17 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？
- 18 HTML全局属性(global attribute)有哪些
- 19 Canvas和SVG有什么区别？
- 20 HTML5 为什么只需要写
<!DOCTYPE HTML> - 21 如何在页面上实现一个圆形的可点击区域？
- 22 网页验证码是干嘛的，是为了解决什么安全问题
- 23 viewport
- 24 渲染优化
- 25 meta viewport相关
- 26 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
- 27 div+css的布局较table布局有什么优点？
- 28 a：img的alt与title有何异同？b：strong与em的异同？
- 29 你能描述一下渐进增强和优雅降级之间的不同吗
- 30 为什么利用多个域名来存储网站资源会更有效？
- 31 简述一下src与href的区别
- 32 知道的网页制作会用到的图片格式有哪些？
- 33 在CSS/JS代码上线之后，开发人员经常会优化性能。从用户刷新网页开始，一次JS请求一般情况下有哪些地方会有缓存处理？
- 33 一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。
- 34 常见排序算法的时间复杂度,空间复杂度
- 35 web开发中会话跟踪的方法有哪些
- 36 HTTP request报文结构是怎样的
- 37 HTTP response报文结构是怎样的
- 38 title与h1的区别、b与strong的区别、i与em的区别
- 39 请你谈谈Cookie的弊端
- 40 git fetch和git pull的区别
- 41 http2.0 做了哪些改进 http3.0 呢
- 二、CSS相关
- 1 css sprite是什么,有什么优缺点
- 2
display: none;与visibility: hidden;的区别 - 3
link与@import的区别 - 4 什么是FOUC?如何避免
- 5 如何创建块级格式化上下文(block formatting context),BFC有什么用
- 6 display、float、position的关系
- 7 清除浮动的几种方式，各自的优缺点
- 8 为什么要初始化CSS样式?
- 9 css3有哪些新特性
- 10 display有哪些值？说明他们的作用
- 11 介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？
- 12 CSS优先级算法如何计算？
- 13 对BFC规范的理解？
- 14 谈谈浮动和清除浮动
- 15 position的值， relative和absolute定位原点是
- 16 display:inline-block 什么时候不会显示间隙？
- 17 PNGGIFJPG的区别及如何选
- 18 行内元素float:left后是否变为块级元素？
- 19 在网页中的应该使用奇数还是偶数的字体？为什么呢？
- 20 ::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用
- 21 如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）
- 22 CSS合并方法
- 23 CSS不同选择器的权重(CSS层叠的规则)
- 24 列出你所知道可以改变页面布局的属性
- 25 CSS在性能优化方面的实践
- 26 CSS3动画（简单动画的实现，如旋转等）
- 27 base64的原理及优缺点
- 28 几种常见的CSS布局
- 29 stylus/sass/less区别
- 30 postcss的作用
- 31 css样式（选择器）的优先级
- 32 自定义字体的使用场景
- 33 如何美化CheckBox
- 34 伪类和伪元素的区别
- 35
base64的使用 - 36 自适应布局
- 37 请用CSS写一个简单的幻灯片效果页面
- 38 什么是外边距重叠？重叠的结果是什么？
- 39 rgba()和opacity的透明效果有什么不同？
- 40 css中可以让文字在垂直和水平方向上重叠的两个属性是什么？
- 41 如何垂直居中一个浮动元素？
- 42 px和em的区别
- 43 Sass、LESS是什么？大家为什么要使用他们？
- 44 知道css有个content属性吗？有什么作用？有什么应用？
- 45 水平居中的方法
- 46 垂直居中的方法
- 47 如何使用CSS实现硬件加速？
- 48 重绘和回流（重排）是什么，如何避免？
- 49 说一说css3的animation
- 50 左边宽度固定，右边自适应
- 51 两种以上方式实现已知或者未知宽度的垂直水平居中
- 52 如何实现小于12px的字体效果
- 53 css hack原理及常用hack
- 54 CSS有哪些继承属性
- 55 外边距折叠(collapsing margins)
- 56 CSS选择符有哪些？哪些属性可以继承
- 57 CSS3新增伪类有那些
- 58 如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中
- 59 用纯CSS创建一个三角形的原理是什么
- 60 一个满屏 品 字布局 如何设计?
- 61 li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法
- 62 请列举几种隐藏元素的方法
- 63 rgba() 和 opacity 的透明效果有什么不同
- 64 css 属性 content 有什么作用
- 65 请解释一下 CSS3 的 Flexbox（弹性盒布局模型）以及适用场景
- 66 经常遇到的浏览器的JS兼容性有哪些？解决方法是什么
- 67 请写出多种等高布局
- 68 浮动元素引起的问题
- 69 CSS优化、提高性能的方法有哪些
- 70 浏览器是怎样解析CSS选择器的
- 71 在网页中的应该使用奇数还是偶数的字体
- 72 margin和padding分别适合什么场景使用
- 73 抽离样式模块怎么写，说出思路
- 74 元素竖向的百分比设定是相对于容器的高度吗
- 75 全屏滚动的原理是什么？ 用到了CSS的那些属性
- 76 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE
- 77 什么是视差滚动效果，如何给每页做不同的动画
- 78 a标签上四个伪类的执行顺序是怎么样的
- 79 伪元素和伪类的区别和作用
- 80 ::before 和 :after 中双冒号和单冒号有什么区别
- 81 如何修改Chrome记住密码后自动填充表单的黄色背景
- 82 网站图片文件，如何点击下载？而非点击预览
- 83 你对 line-height 是如何理解的
- 84 line-height 三种赋值方式有何区别？（带单位、纯数字、百分比）
- 85 设置元素浮动后，该元素的 display 值会如何变化
- 86 让页面里的字体变清晰，变细用CSS怎么做？（IOS手机浏览器字体齿轮设置）
- 87 font-style 属性 oblique 是什么意思
- 88 display:inline-block 什么时候会显示间隙
- 89 一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度
- 90 css 的渲染层合成是什么 浏览器如何创建新的渲染层
- 三、JavaScript相关
- 1 闭包
- 2 说说你对作用域链的理解
- 3 JavaScript原型，原型链 ? 有什么特点？
- 4 请解释什么是事件代理
- 5 Javascript如何实现继承？
- 6 谈谈This对象的理解
- 7 事件模型
- 8 new操作符具体干了什么呢?
- 9 Ajax原理
- 10 如何解决跨域问题?
- 11 模块化开发怎么做？
- 12 异步加载JS的方式有哪些？
- 13 那些操作会造成内存泄漏？
- 14 XML和JSON的区别？
- 15 谈谈你对webpack的看法
- 16 说说你对AMD和Commonjs的理解
- 17 常见web安全及防护原理
- 18 用过哪些设计模式？
- 19 为什么要有同源限制？
- 20
- 21 javascript有哪些方法定义对象
- 22 常见兼容性问题？
- 23 说说你对promise的了解
- 24 你觉得jQuery源码有哪些写的好的地方
- 25 谈谈你对vue、react、angular的理解
- 26 Node的应用场景
- 27 谈谈你对AMD、CMD的理解
- 28 那些操作会造成内存泄漏
- 29 web开发中会话跟踪的方法有哪些
- 30 JS的基本数据类型和引用数据类型
- 31 介绍js有哪些内置对象
- 32 说几条写JavaScript的基本规范
- 33 JavaScript有几种类型的值
- 34 eval是做什么的
- 35 null，undefined 的区别
- 36 ["1", "2", "3"].map(parseInt) 答案是多少
- 37 javascript 代码中的"use strict";是什么意思
- 38 JSON 的了解
- 39 js延迟加载的方式有哪些
- 40 同步和异步的区别
- 41 defer和async
- 42 说说严格模式的限制
- 43 attribute和property的区别是什么
- 44 谈谈你对ES6的理解
- 45 什么是面向对象编程及面向过程编程，它们的异同和优缺点
- 46 面向对象编程思想
- 47 对web标准、可用性、可访问性的理解
- 48 如何通过JS判断一个数组
- 49 谈一谈let与var的区别
- 50 map与forEach的区别
- 51 谈一谈你理解的函数式编程
- 52 谈一谈箭头函数与普通函数的区别？
- 53 谈一谈函数中this的指向
- 54 异步编程的实现方式
- 56 谈谈你对原生Javascript了解程度
- 57 Js动画与CSS动画区别及相应实现
- 58 JS 数组和对象的遍历方式，以及几种方式的比较
- 59 gulp是什么
- 60 说一下Vue的双向绑定数据的原理
- 61 let var const区别
- 62 快速的让一个数组乱序
- 63 如何渲染几万条数据并不卡住界面
- 64 希望获取到页面中所有的checkbox怎么做？
- 65 怎样添加、移除、移动、复制、创建和查找节点
- 66 正则表达式
- 67 Javascript中callee和caller的作用？
- 68 window.onload和$(document).ready
- 69 addEventListener()和attachEvent()的区别
- 70 获取页面所有的checkbox
- 71 数组去重方法总结
- 72 （设计题）想实现一个对页面某个节点的拖曳？如何做？（使用原生JS）
- 73 Javascript全局函数和全局变量
- 74 使用js实现一个持续的动画效果
- 75 封装一个函数，参数是定时器的时间，.then执行回调函数
- 76 怎么判断两个对象相等？
- 77 项目做过哪些性能优化？
- 78 浏览器缓存
- 79 谈谈你对WebSocket的理解
- 80 尽可能多的说出你对 Electron 的理解
- 81 深浅拷贝
- 82 防抖/节流
- 83 谈谈变量提升？
- 84 什么是单线程，和异步的关系
- 85 前端面试之hybrid
- 86 前端面试之组件化
- 87 前端面试之MVVM浅析
- 88 实现效果，点击容器内的图标，图标边框变成border 1px solid red，点击空白处重置
- 89 请简单实现双向数据绑定MVVM
- 90
- 91 谈谈你对Event Loop的理解
- 92 JavaScript 对象生命周期的理解
- 93 我现在有一个
canvas，上面随机布着一些黑块，请实现方法，计算canvas上有多少个黑块 - 94 现在要你完成一个Dialog组件，说说你设计的思路？它应该有什么功能？
- 95 ajax、axios、fetch区别
- 96 JavaScript的组成
- 97 检测浏览器版本有哪些方式？
- 98 介绍JS有哪些内置对象
- 99 说几条写JavaScript的基本规范
- 100 如何编写高性能的JavaScript
- 101 描述浏览器的渲染过程，DOM树和渲染树的区别
- 102 script 的位置是否会影响首屏显示时间
- 103 介绍 DOM 的发展
- 104 介绍DOM0，DOM2，DOM3事件处理方式区别
- 105 区分什么是“客户区坐标”、“页面坐标”、“屏幕坐标”
- 106 Javascript垃圾回收方法
- 107 请解释一下 JavaScript 的同源策略
- 108 如何删除一个cookie
- 109 页面编码和被请求的资源编码如果不一致如何处理
- 110 把
<script>放在</body>之前和之后有什么区别？浏览器会如何解析它们？ - 111 JavaScript 中，调用函数有哪几种方式
- 112 列举一下JavaScript数组和对象有哪些原生方法？
- 113 Array.slice() 与 Array.splice() 的区别？
- 114 MVVM
- 115 WEB应用从服务器主动推送Data到客户端有那些方式
- 116 继承
- 117 有四个操作会忽略enumerable为false的属性
- 118 属性的遍历
- 119 为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片
- 120 在输入框中如何判断输入的是一个正确的网址
- 122 常用设计模式有哪些并举例使用场景
- 122 原型链判断
- 123 RAF 和 RIC 是什么
- 124 js自定义事件
- 125 前端性能定位、优化指标以及计算方法
- 126 谈谈你对函数是一等公民的理解
- 四、jQuery相关
- 1 你觉得jQuery源码有哪些写的好的地方
- 2 jQuery 的实现原理
- 3
jQuery.fn的init方法返回的this指的是什么对象 - 4 jQuery.extend 与 jQuery.fn.extend 的区别
- 5 jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝
- 6 jQuery 的队列是如何实现的
- 7 jQuery 中的 bind(), live(), delegate(), on()的区别
- 8 是否知道自定义事件
- 9 jQuery 通过哪个方法和 Sizzle 选择器结合的
- 10 jQuery 中如何将数组转化为 JSON 字符串，然后再转化回来
- 11 jQuery 一个对象可以同时绑定多个事件，这是如何实现的
- 12 针对 jQuery 的优化方法
- 13 jQuery 的 slideUp 动画，当鼠标快速连续触发, 动画会滞后反复执行，该如何处理呢
- 14 jQuery UI 如何自定义组件
- 15 jQuery 与 jQuery UI、jQuery Mobile 区别
- 16 jQuery 和 Zepto 的区别？ 各自的使用场景
- 17 jQuery对象的特点
- 18 Zepto的实现原理
- 19 是否用过 jQuery 的 Deferred
- 五、Bootstrap相关
- 1 什么是Bootstrap？以及为什么要使用Bootstrap？
- 2 使用Bootstrap时，要声明的文档类型是什么？以及为什么要这样声明？
- 3 什么是Bootstrap网格系统
- 4 Bootstrap 网格系统（Grid System）的工作原理
- 5 对于各类尺寸的设备，Bootstrap设置的class前缀分别是什么
- 6 Bootstrap 网格系统列与列之间的间隙宽度是多少
- 7 如果需要在一个标题的旁边创建副标题，可以怎样操作
- 8 用Bootstrap，如何设置文字的对齐方式？
- 9 Bootstrap如何设置响应式表格？
- 10 使用Bootstrap创建垂直表单的基本步骤？
- 11 使用Bootstrap创建水平表单的基本步骤？
- 12 使用Bootstrap如何创建表单控件的帮助文本？
- 13 使用Bootstrap激活或禁用按钮要如何操作？
- 14 Bootstrap有哪些关于img的class？
- 15 Bootstrap中有关元素浮动及清除浮动的class？
- 16 除了屏幕阅读器外，其他设备上隐藏元素的class？
- 17 Bootstrap如何制作下拉菜单？
- 18 Bootstrap如何制作按钮组？以及水平按钮组和垂直按钮组的优先级？
- 19 Bootstrap如何设置按钮的下拉菜单？
- 20 Bootstrap中的输入框组如何制作？
- 21 Bootstrap中的导航都有哪些？
- 22 Bootstrap中设置分页的class？
- 23 Bootstrap中显示标签的class？
- 24 Bootstrap中如何制作徽章？
- 25 Bootstrap中超大屏幕的作用是什么？
- 六、微信小程序相关
- 七、webpack相关
- 1 优化 webpack 打包体积的思路
- 2 优化 webpack 打包效率的方法
- 3 编写Loader
- 4 编写plugin
- 5 说一下webpack的一些plugin，怎么使用webpack对项目进行优化
- 6 webpack Plugin 和 Loader 的区别
- 7 tree shaking 的原理是什么
- 8 common.js 和 es6 中模块引入的区别
- 9 babel原理
- 八、框架相关
- 九、编程题相关
- 1 写一个通用的事件侦听器函数
- 2 如何判断一个对象是否为数组
- 3 冒泡排序
- 4 快速排序
- 5 编写一个方法 求一个字符串的字节长度
- 6 bind的用法，以及如何实现bind的函数和需要注意的点
- 7 实现一个函数clone
- 8 下面这个ul，如何点击每一列的时候alert其index
- 9 定义一个log方法，让它可以代理console.log的方法
- 10 输出今天的日期
- 11 用js实现随机选取10–100之间的10个数字，存入一个数组，并排序
- 12 写一段JS程序提取URL中的各个GET参数
- 13 写一个
function，清除字符串前后的空格 - 14 实现每隔一秒钟输出1,2,3...数字
- 15 实现一个函数，判断输入是不是回文字符串
- 16 数组扁平化处理
- 17
- 18 手写 promise.all 和 race（京东）
- 19 手写-实现一个寄生组合继承
- 20 手写-new 操作符
- 21 手写-setTimeout 模拟实现 setInterval（阿里）
- 22 手写-发布订阅模式（字节）
- 23 手写-防抖节流（京东）
- 24 将虚拟 Dom 转化为真实 Dom（类似的递归题-必考）
- 25 手写-实现一个对象的 flatten 方法（阿里）
- 26 手写-判断括号字符串是否有效（小米）
- 27 手写-查找数组公共前缀（美团）
- 28 手写-字符串最长的不重复子串
- 十、前端综合问题
文章目录
THE END
暂无评论内容