前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合

    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础

    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习

    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他

    • Handbook
    • 职场话题
    • CSS可视化
  • 框架文档

    • React
    • Vue3
    • Vite
    • Svelte
    • Angular
    • NodeJS
    • Egg
    • Nest
    • Koa
    • Express
    • Electron
    • Ionic
    • Taro
    • Uniapp
    • React Native
    • Webpack
    • Rollup
    • Jquery API
    • Bootstrap
    • Axios
    • Lodash
    • RXJS
    • Sequelize
    • TypeORM
    • Mongoose
    • GraphQL
    • Puppeteer
    • Sass
    • Less
    • Umi4
    • Miniprogram
  • 文档教程

    • Cheatsheets
    • Devdocs有可能是全球最全的文档库
    • Overapi
    • JavaScript 标准参考教程
    • ES6 入门教程
    • MDN在线文档
    • Typscript中文文档
    • JavaScript Promise迷你书(中文版)
    • Canvas API中文
    • Git中文手册
    • 云开发Cloudbase
    • Serverless中文文档
  • UI组件

    • Ant Design React
    • Ant Design Vue
    • Ant Design Pro
    • ProComponents
    • 腾讯Tdesign
    • NutUI京东风格的轻量级移动端 Vue 组件库
    • Semantic UI Vue
    • Cube UI Vue滴滴
    • Iview UI
    • 有赞Vant Vue3
    • 有赞Vant 小程序
    • Element UI Vue3
  • 可视化

    • Antv
    • Bizcharts
    • Threejs
    • D3js
    • Highcharts
    • Echarts
  • 配置相关

    • ESLint
    • Babel
    • Nginx中文文档
    • Github Action中文
    • Docker官方文档
    • Jenkins官方文档
  • 后端相关

    • Spring官方文档中文版
    • Spring Boot官方文档
    • Spring Cloud官方文档
    • Java8官方文档
    • maven官方文档
    • Tomcat 8官方文档
    • Kafka中文文档
    • MyBatis中文文档
    • RabbitMQ中文文档
    • Dubbo中文文档
    • Netty官方文档
    • Elasticsearch官方文档
    • K8S官方文档
  • 实用工具

    • 在线正则表达式调试工具
    • 在线正则表达式可视化
    • 常用正则表达式大全
    • 可以在线看代码流程的网站:loupe
    • 在线MD5编码工具
    • 在线JWT解码工具
    • 在线JSON解析
    • 在线文本比对
    • 在线JS代码格式化
    • 在线SQL压缩格式化
    • 在线XML压缩格式化
    • 在线时间戳转化工具
    • 在线RGB颜色转化工具
    • 在线HTTP在线接口测试工具
    • 在线IP地址查询
    • 在线菜鸟综合导航工具
  • 在线编程

    • MipCode快速的在线代码创作工具
    • Codepen
    • Jsbin
    • CodeSandBox在线快速学习React/Vue
    • Vue SFC Playground
    • Vue3 模板在线解析查看编译结果
    • Svelte Playground
    • 在线尝试Babel编译
    • Typescript在线编译
    • AST可视化编辑
    • 在线尝试Rollup打包
    • Prettier Playground
    • Stackblitz基于VSCODE的WEBIDE
    • NPM Runkit在浏览器中快速学习及尝试Node.js模块
    • Play with Docker在线体验
  • CSS相关

    • 用来帮助大家查找CSS的相关属性的语法,以及使用方法
    • 提供了CSS相关属性的浏览器兼容表,同时提供了对应属性资源
    • Flex在线动态练习
    • 贝塞尔曲线生成工具
    • SCSS在线转CSS
    • Clip-path在线生成器
    • Animate.css动画效果
    • 按需定制CSS动画效果
    • 一份清单,按字母表顺序列出了每个CSS属性
    • CSS按钮生成器
    • Css3按钮动画
    • CSS3渐变样式生成器,类似Photoshop中的渐变界面
    • CSS3 Maker可在线演示渐变阴影旋转动画并生成代码
    • CSS3 Tool非常方便的生成背景渐变、阴影、旋转和边框圆角效果
    • SVG背景生成
    • 多张图片合成雪碧图
    • 汇集了实现各种加载效果的CSS代码片段
    • SVG滤镜
    • HTML5 元素标签含义大全(元素周期表)
    • HTML语义化
    • KakaCss快速生成Css样式,在任意网站复制内容,再到本页面Ctrl+V
    • CSS参考手册
    • 各种各样的loading效果
    • CSS shadow generator
    • 通过拖拽的形式生成需要的border radius
    • 花式半径生成器-通过拖拽的形式生成需要的border radius
    • cssgrid-generator
  • 综合

    • 可视化学习算法网站
    • 在线Nginx配置
    • React生命周期查看网站
    • CodeFun设计稿智能生成源代码
    • Imgcook由设计稿一键智能生成代码的大厨
  • 创作必备

    • 在线画图processon
    • Draw.io免费的流行的流程图工具
    • 在线思维导图mindline
    • 在线字数统计
    • 在线mardown排版
    • 在线免费图床
    • 在线代码截图carbon
    • 在线短链生成
    • 在线文本替换
    • 在线文件压缩
    • 在线多媒体转换器
    • 在线PDF转化工具SmallPdf
    • 在线任意文件的格式转换Convertio
    • 在线PS工具
    • 在线抠图工具
    • LOGO在线制作
    • 在线制作海报设计工具
    • Open source icons
    • 表情包在线网站
    • 图片智能放大工具
    • ICO图标在线生成
    • 视频转GIF工具
    • 音频在线处理
    • 多图合成GIF工具
    • 在线图片压缩工具
    • Pixabay图片素材库
    • Unsplash图片素材库
    • Pexels图片素材库
小程序题库
公众号动态
博客动态
前端导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合

    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础

    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习

    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他

    • Handbook
    • 职场话题
    • CSS可视化
  • 框架文档

    • React
    • Vue3
    • Vite
    • Svelte
    • Angular
    • NodeJS
    • Egg
    • Nest
    • Koa
    • Express
    • Electron
    • Ionic
    • Taro
    • Uniapp
    • React Native
    • Webpack
    • Rollup
    • Jquery API
    • Bootstrap
    • Axios
    • Lodash
    • RXJS
    • Sequelize
    • TypeORM
    • Mongoose
    • GraphQL
    • Puppeteer
    • Sass
    • Less
    • Umi4
    • Miniprogram
  • 文档教程

    • Cheatsheets
    • Devdocs有可能是全球最全的文档库
    • Overapi
    • JavaScript 标准参考教程
    • ES6 入门教程
    • MDN在线文档
    • Typscript中文文档
    • JavaScript Promise迷你书(中文版)
    • Canvas API中文
    • Git中文手册
    • 云开发Cloudbase
    • Serverless中文文档
  • UI组件

    • Ant Design React
    • Ant Design Vue
    • Ant Design Pro
    • ProComponents
    • 腾讯Tdesign
    • NutUI京东风格的轻量级移动端 Vue 组件库
    • Semantic UI Vue
    • Cube UI Vue滴滴
    • Iview UI
    • 有赞Vant Vue3
    • 有赞Vant 小程序
    • Element UI Vue3
  • 可视化

    • Antv
    • Bizcharts
    • Threejs
    • D3js
    • Highcharts
    • Echarts
  • 配置相关

    • ESLint
    • Babel
    • Nginx中文文档
    • Github Action中文
    • Docker官方文档
    • Jenkins官方文档
  • 后端相关

    • Spring官方文档中文版
    • Spring Boot官方文档
    • Spring Cloud官方文档
    • Java8官方文档
    • maven官方文档
    • Tomcat 8官方文档
    • Kafka中文文档
    • MyBatis中文文档
    • RabbitMQ中文文档
    • Dubbo中文文档
    • Netty官方文档
    • Elasticsearch官方文档
    • K8S官方文档
  • 实用工具

    • 在线正则表达式调试工具
    • 在线正则表达式可视化
    • 常用正则表达式大全
    • 可以在线看代码流程的网站:loupe
    • 在线MD5编码工具
    • 在线JWT解码工具
    • 在线JSON解析
    • 在线文本比对
    • 在线JS代码格式化
    • 在线SQL压缩格式化
    • 在线XML压缩格式化
    • 在线时间戳转化工具
    • 在线RGB颜色转化工具
    • 在线HTTP在线接口测试工具
    • 在线IP地址查询
    • 在线菜鸟综合导航工具
  • 在线编程

    • MipCode快速的在线代码创作工具
    • Codepen
    • Jsbin
    • CodeSandBox在线快速学习React/Vue
    • Vue SFC Playground
    • Vue3 模板在线解析查看编译结果
    • Svelte Playground
    • 在线尝试Babel编译
    • Typescript在线编译
    • AST可视化编辑
    • 在线尝试Rollup打包
    • Prettier Playground
    • Stackblitz基于VSCODE的WEBIDE
    • NPM Runkit在浏览器中快速学习及尝试Node.js模块
    • Play with Docker在线体验
  • CSS相关

    • 用来帮助大家查找CSS的相关属性的语法,以及使用方法
    • 提供了CSS相关属性的浏览器兼容表,同时提供了对应属性资源
    • Flex在线动态练习
    • 贝塞尔曲线生成工具
    • SCSS在线转CSS
    • Clip-path在线生成器
    • Animate.css动画效果
    • 按需定制CSS动画效果
    • 一份清单,按字母表顺序列出了每个CSS属性
    • CSS按钮生成器
    • Css3按钮动画
    • CSS3渐变样式生成器,类似Photoshop中的渐变界面
    • CSS3 Maker可在线演示渐变阴影旋转动画并生成代码
    • CSS3 Tool非常方便的生成背景渐变、阴影、旋转和边框圆角效果
    • SVG背景生成
    • 多张图片合成雪碧图
    • 汇集了实现各种加载效果的CSS代码片段
    • SVG滤镜
    • HTML5 元素标签含义大全(元素周期表)
    • HTML语义化
    • KakaCss快速生成Css样式,在任意网站复制内容,再到本页面Ctrl+V
    • CSS参考手册
    • 各种各样的loading效果
    • CSS shadow generator
    • 通过拖拽的形式生成需要的border radius
    • 花式半径生成器-通过拖拽的形式生成需要的border radius
    • cssgrid-generator
  • 综合

    • 可视化学习算法网站
    • 在线Nginx配置
    • React生命周期查看网站
    • CodeFun设计稿智能生成源代码
    • Imgcook由设计稿一键智能生成代码的大厨
  • 创作必备

    • 在线画图processon
    • Draw.io免费的流行的流程图工具
    • 在线思维导图mindline
    • 在线字数统计
    • 在线mardown排版
    • 在线免费图床
    • 在线代码截图carbon
    • 在线短链生成
    • 在线文本替换
    • 在线文件压缩
    • 在线多媒体转换器
    • 在线PDF转化工具SmallPdf
    • 在线任意文件的格式转换Convertio
    • 在线PS工具
    • 在线抠图工具
    • LOGO在线制作
    • 在线制作海报设计工具
    • Open source icons
    • 表情包在线网站
    • 图片智能放大工具
    • ICO图标在线生成
    • 视频转GIF工具
    • 音频在线处理
    • 多图合成GIF工具
    • 在线图片压缩工具
    • Pixabay图片素材库
    • Unsplash图片素材库
    • Pexels图片素材库
小程序题库
公众号动态
博客动态
前端导航
  • 1 自检100题
  • 2 面试综合汇总
    • 如何解决a标点击后hover事件失效的问题?
    • 点击一个input依次触发的事件
    • 响应式的好处
    • null和undefined的区别
      • 语义上
      • 检测上
      • 隐式类型转换上
      • 其他角度
    • 冒泡排序算法和数组去重
      • 冒泡排序
      • 数组去重
    • 描述一下Promise
    • Promise.all中如果有一个抛出异常了会如何处理
      • Promise.all的实现代码:
    • Promise为什么能链式调用
    • 描述一下EventLoop的执行过程
    • document window html body的层级关系
    • addEventListener函数的第三个参数
    • 有写过原生的自定义事件吗
      • new Event
      • new CustomEvent
      • 使用场景
    • 冒泡和捕获的具体过程
    • 描述下原型链
    • 手写new
    • typeof和instanceof的区别
    • typeof为什么对null错误的显示
    • 详细说下instanceof
    • 一句话描述一下this,另外函数内的this是在什么时候确定的?
    • apply/call/bind和不同
    • webpack中的Loader和Plugin有什么区别
      • Loader
      • Plugin
    • HTTP和TCP的不同
    • TCP和UDP的区别
      • TCP
      • UDP
      • 场景
    • 介绍一下虚拟DOM
    • 盒模型
    • 输入URL到页面的呈现
    • JSON的原理以及手写一个实现
      • 原理
      • 实现
    • 浏览器为什么要跨域?如果是因为安全的话那小程序或者其他的为什么没有跨域?
    • CORS跨域的原理
    • CORS预请求OPTIONS就一定是安全的吗?
    • 在深圳的网页上输入百度,是怎么把这个请求发到北京的
    • Vue的响应式原理
    • 那在这个响应式中一个数据改变它是怎么通知要更新的,也就是如何把数据和页面关联起来?
    • CommonJS和ES6模块的区别
    • 模块的异步加载
    • 实现一个一组异步请求按顺序执行你有哪些方法?
    • Promise.all()是并发的还是串行的?
    • webpack几种hash的实现原理
      • hash和chunkhash
      • contenthash
    • webpack中如何处理图片的?
    • 说一下回流和重绘
      • 回流
      • 重绘
      • 它们之间的关系
      • 如何避免回流和重绘
    • 实现水平垂直居中的几种方式
    • flex的兼容性怎样
    • 移动端中css你是使用什么单位
    • rem和em的区别
    • 在移动端中怎样初始化根元素的字体大小
    • 移动端中不同手机html默认的字体大小都是一样的吗
    • 如果让你实现一个一直旋转的动画你会如何做
    • animation有一个steps()功能符知道吗?
    • 用过哪些移动端的调试工具?
    • V8的垃圾回收是发生在什么时候?
    • 具体说一下垃圾回收机制
      • 新生代空间(占比小)
      • 老生代空间(占比高)
    • 在项目中如何把http的请求换成https
    • 知道meta标签有把http换成https的功能吗?
    • http请求可以怎么拦截
      • 为什么要有拦截器?
      • 请求拦截
    • 响应拦截
    • https的加密方式
    • 混合加密的好处
    • 浏览器如何验证服务器的身份
      • 数字签名
      • 数字证书
    • ETag首部字段说一下
    • 你们的token一般是存放在哪里的
    • Token会不会被伪造?
    • https工作流程
    • 前后端如何验证一个用户是否下线了
    • CSP白名单知道吗?
    • Vue的diff算法
    • 浏览器的兼容?
    • 如何实现一个findIndex
    • 移动端布局有哪些方案?
    • 如果一个移动端的项目要显示在PC端上保证结构稳定你会如何做?
    • 具体说一下splitChunksPlugin
    • 有自己写过webpack插件吗
    • 说一下Vue-Router的实现原理
      • Hash模式
      • History模式
      • abstract模式
    • Vue-Router初始化是发生在什么时候
    • webpack构建流程
    • webpack插件原理
    • webpack在配置插件的时候是一个数组那它有顺序吗
    • 让你从零开始构建一个webpack项目你可以吗
    • 为什么TCP要三次握手而不是两次
    • HTTP和TCP的区别
    • 什么情况会阻塞页面的加载
    • script放在body头部就一定会阻塞吗
    • 添加删除了DOM节点会发生什么?
    • js中改变transform的left和right对比于css修改transform
    • 什么是GPU加速
    • 进程和线程的区别
    • HTTP/2对比HTTP/1.1
      • 头部压缩
      • 多路复用
      • 二进制传输
      • 服务器推送
    • 为什么说HTTPS比HTTP安全呢
    • 说一下对称加密和非对称加密
    • HTTP请求的什么时候用的对称加密什么时候非对称加密
    • 对称加密的原理
    • 如果让你去实现一个CSRF攻击你会怎做?
    • Vue中key的作用
    • 还知道其他攻击方式吗
    • 如果我将key设置为了一个Math.random()可以吗
    • 如果让你设计一个双向绑定你会如何设计
    • 如何实现if (a===1 && a===2 && a===3)
    • token放在Cookie和放在localStorage、sessionStorage中有什么不同吗
    • Cookie存在哪些安全问题?如何预防?
    • SameSite设置为了lax之后是怎样来控制Cookie的发送的
    • 如果顶级域名不同会发送吗
    • 如果使用jsonp的话会有什么安全问题吗?
    • SSR的使用场景
    • requestAnimationFrame属于宏任务还是微任务
    • script与css还有页面的渲染顺序
    • script标签的async是什么时候加载的
    • 说一下==数据类型转换吧
    • diff算法的缺点
    • Object.defineProperty()有什么缺点?Vue3为什么用Proxy?
    • nextTick实现原理
    • nextTick中的waiting是什么时候变为true的呢
    • Vue3有哪些新的API或者有做哪些优化?
      • 性能上
      • Tree-shaking
    • 有关HTTP缓存的首部字段说一下
    • HTTP中的keep-alive有了解吗?
    • 在一次传输中它是如何保证每个数据包之间的顺序的?
    • 为什么说GET会留下历史记录?
    • GET可以上传图片吗?
    • GET就一定是幂等的吗?
    • 为什么说POST相对安全一些
    • 如果一个按钮点击进行GET请求会留下历史记录吗?
    • position属性有哪些值分别介绍一下
      • relative
      • absolute
      • fixed
      • sticky:
      • static:默认定位
    • 普通文档流是个怎样的层级关系
    • inline-block的使用场景
    • GET和POST的区别
    • 说一下你所知道的缓存方案
    • 项目中的环境变量是如何控制的?
  • 3 Promise面试题
完整面试题地址:
作者:程序员poetry
扫码关注作者公众号:「前端进阶之旅」 每天分享技术干货

# 如何解决a标点击后hover事件失效的问题?

严格按照[L V H A]的顺序:Link => Visited => Hover => active

# 点击一个input依次触发的事件

onmouseenter => onmousedown => onfocus => onclick

# 响应式的好处

从用户的角度上出发,可以让用户获得更好的浏览体验,从开发者的角度上出发,降低了代码的重复性,开发人员可以将更多的精力放到其他部分

# null和undefined的区别

# 语义上

  • null:代表空对象
  • undefined:代表未定义的值

# 检测上

  • typeof null === "object"
  • typeof undefined === "undefined"

# 隐式类型转换上

  • Number(null) => 0
  • Number(undefined) => NaN

# 其他角度

  • 函数的默认返回值是undefined
  • 原型链的终点是null
  • JS底层中的对象机器码是以"000"开头,而null的机器码全都是0

# 冒泡排序算法和数组去重

# 冒泡排序

let arr = []
    for (let i = 0; i < arr.length; i++) {
        for (let j = 0; j < arr.length - i; j++) {
            if (arr[j] > arr[j + 1]) {
                [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]]
            }
        }
    }
@前端进阶之旅: 代码已经复制到剪贴板

# 数组去重

  1. 双重for循环
  2. Set数据结构
  3. indexOf
  4. sort排序后再用for循环判断当前值是否等于上一个值和下一个值 更多的方法就在这里: JavaScript数组去重(12种方法)

# 描述一下Promise

Promise是JS异步编程解决方案之一,它的链式调用出现提高了代码的可阅读性和可维护性。在它之前我们只能通过[回调函数]和[事件]解决异步回调的问题,并且容易出现臭名昭著的[回调地狱]

# Promise.all中如果有一个抛出异常了会如何处理

会直接抛出错误。

# Promise.all的实现代码:

static all(promiseArr) {
    let index = 0,
        res = []
    return new Promise((resolve, reject) => {
        for (let i = 0; i < promiseArr.length; i++) {
            
fe
Preview
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合

    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础

    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习

    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他

    • Handbook
    • 职场话题
    • CSS可视化
  • 框架文档

    • React
    • Vue3
    • Vite
    • Svelte
    • Angular
    • NodeJS
    • Egg
    • Nest
    • Koa
    • Express
    • Electron
    • Ionic
    • Taro
    • Uniapp
    • React Native
    • Webpack
    • Rollup
    • Jquery API
    • Bootstrap
    • Axios
    • Lodash
    • RXJS
    • Sequelize
    • TypeORM
    • Mongoose
    • GraphQL
    • Puppeteer
    • Sass
    • Less
    • Umi4
    • Miniprogram
  • 文档教程

    • Cheatsheets
    • Devdocs有可能是全球最全的文档库
    • Overapi
    • JavaScript 标准参考教程
    • ES6 入门教程
    • MDN在线文档
    • Typscript中文文档
    • JavaScript Promise迷你书(中文版)
    • Canvas API中文
    • Git中文手册
    • 云开发Cloudbase
    • Serverless中文文档
  • UI组件

    • Ant Design React
    • Ant Design Vue
    • Ant Design Pro
    • ProComponents
    • 腾讯Tdesign
    • NutUI京东风格的轻量级移动端 Vue 组件库
    • Semantic UI Vue
    • Cube UI Vue滴滴
    • Iview UI
    • 有赞Vant Vue3
    • 有赞Vant 小程序
    • Element UI Vue3
  • 可视化

    • Antv
    • Bizcharts
    • Threejs
    • D3js
    • Highcharts
    • Echarts
  • 配置相关

    • ESLint
    • Babel
    • Nginx中文文档
    • Github Action中文
    • Docker官方文档
    • Jenkins官方文档
  • 后端相关

    • Spring官方文档中文版
    • Spring Boot官方文档
    • Spring Cloud官方文档
    • Java8官方文档
    • maven官方文档
    • Tomcat 8官方文档
    • Kafka中文文档
    • MyBatis中文文档
    • RabbitMQ中文文档
    • Dubbo中文文档
    • Netty官方文档
    • Elasticsearch官方文档
    • K8S官方文档
  • 实用工具

    • 在线正则表达式调试工具
    • 在线正则表达式可视化
    • 常用正则表达式大全
    • 可以在线看代码流程的网站:loupe
    • 在线MD5编码工具
    • 在线JWT解码工具
    • 在线JSON解析
    • 在线文本比对
    • 在线JS代码格式化
    • 在线SQL压缩格式化
    • 在线XML压缩格式化
    • 在线时间戳转化工具
    • 在线RGB颜色转化工具
    • 在线HTTP在线接口测试工具
    • 在线IP地址查询
    • 在线菜鸟综合导航工具
  • 在线编程

    • MipCode快速的在线代码创作工具
    • Codepen
    • Jsbin
    • CodeSandBox在线快速学习React/Vue
    • Vue SFC Playground
    • Vue3 模板在线解析查看编译结果
    • Svelte Playground
    • 在线尝试Babel编译
    • Typescript在线编译
    • AST可视化编辑
    • 在线尝试Rollup打包
    • Prettier Playground
    • Stackblitz基于VSCODE的WEBIDE
    • NPM Runkit在浏览器中快速学习及尝试Node.js模块
    • Play with Docker在线体验
  • CSS相关

    • 用来帮助大家查找CSS的相关属性的语法,以及使用方法
    • 提供了CSS相关属性的浏览器兼容表,同时提供了对应属性资源
    • Flex在线动态练习
    • 贝塞尔曲线生成工具
    • SCSS在线转CSS
    • Clip-path在线生成器
    • Animate.css动画效果
    • 按需定制CSS动画效果
    • 一份清单,按字母表顺序列出了每个CSS属性
    • CSS按钮生成器
    • Css3按钮动画
    • CSS3渐变样式生成器,类似Photoshop中的渐变界面
    • CSS3 Maker可在线演示渐变阴影旋转动画并生成代码
    • CSS3 Tool非常方便的生成背景渐变、阴影、旋转和边框圆角效果
    • SVG背景生成
    • 多张图片合成雪碧图
    • 汇集了实现各种加载效果的CSS代码片段
    • SVG滤镜
    • HTML5 元素标签含义大全(元素周期表)
    • HTML语义化
    • KakaCss快速生成Css样式,在任意网站复制内容,再到本页面Ctrl+V
    • CSS参考手册
    • 各种各样的loading效果
    • CSS shadow generator
    • 通过拖拽的形式生成需要的border radius
    • 花式半径生成器-通过拖拽的形式生成需要的border radius
    • cssgrid-generator
  • 综合

    • 可视化学习算法网站
    • 在线Nginx配置
    • React生命周期查看网站
    • CodeFun设计稿智能生成源代码
    • Imgcook由设计稿一键智能生成代码的大厨
  • 创作必备

    • 在线画图processon
    • Draw.io免费的流行的流程图工具
    • 在线思维导图mindline
    • 在线字数统计
    • 在线mardown排版
    • 在线免费图床
    • 在线代码截图carbon
    • 在线短链生成
    • 在线文本替换
    • 在线文件压缩
    • 在线多媒体转换器
    • 在线PDF转化工具SmallPdf
    • 在线任意文件的格式转换Convertio
    • 在线PS工具
    • 在线抠图工具
    • LOGO在线制作
    • 在线制作海报设计工具
    • Open source icons
    • 表情包在线网站
    • 图片智能放大工具
    • ICO图标在线生成
    • 视频转GIF工具
    • 音频在线处理
    • 多图合成GIF工具
    • 在线图片压缩工具
    • Pixabay图片素材库
    • Unsplash图片素材库
    • Pexels图片素材库
小程序题库
公众号动态
博客动态
前端导航
  • 1 自检100题
  • 2 面试综合汇总
    • 如何解决a标点击后hover事件失效的问题?
    • 点击一个input依次触发的事件
    • 响应式的好处
    • null和undefined的区别
      • 语义上
      • 检测上
      • 隐式类型转换上
      • 其他角度
    • 冒泡排序算法和数组去重
      • 冒泡排序
      • 数组去重
    • 描述一下Promise
    • Promise.all中如果有一个抛出异常了会如何处理
      • Promise.all的实现代码:
    • Promise为什么能链式调用
    • 描述一下EventLoop的执行过程
    • document window html body的层级关系
    • addEventListener函数的第三个参数
    • 有写过原生的自定义事件吗
      • new Event
      • new CustomEvent
      • 使用场景
    • 冒泡和捕获的具体过程
    • 描述下原型链
    • 手写new
    • typeof和instanceof的区别
    • typeof为什么对null错误的显示
    • 详细说下instanceof
    • 一句话描述一下this,另外函数内的this是在什么时候确定的?
    • apply/call/bind和不同
    • webpack中的Loader和Plugin有什么区别
      • Loader
      • Plugin
    • HTTP和TCP的不同
    • TCP和UDP的区别
      • TCP
      • UDP
      • 场景
    • 介绍一下虚拟DOM
    • 盒模型
    • 输入URL到页面的呈现
    • JSON的原理以及手写一个实现
      • 原理
      • 实现
    • 浏览器为什么要跨域?如果是因为安全的话那小程序或者其他的为什么没有跨域?
    • CORS跨域的原理
    • CORS预请求OPTIONS就一定是安全的吗?
    • 在深圳的网页上输入百度,是怎么把这个请求发到北京的
    • Vue的响应式原理
    • 那在这个响应式中一个数据改变它是怎么通知要更新的,也就是如何把数据和页面关联起来?
    • CommonJS和ES6模块的区别
    • 模块的异步加载
    • 实现一个一组异步请求按顺序执行你有哪些方法?
    • Promise.all()是并发的还是串行的?
    • webpack几种hash的实现原理
      • hash和chunkhash
      • contenthash
    • webpack中如何处理图片的?
    • 说一下回流和重绘
      • 回流
      • 重绘
      • 它们之间的关系
      • 如何避免回流和重绘
    • 实现水平垂直居中的几种方式
    • flex的兼容性怎样
    • 移动端中css你是使用什么单位
    • rem和em的区别
    • 在移动端中怎样初始化根元素的字体大小
    • 移动端中不同手机html默认的字体大小都是一样的吗
    • 如果让你实现一个一直旋转的动画你会如何做
    • animation有一个steps()功能符知道吗?
    • 用过哪些移动端的调试工具?
    • V8的垃圾回收是发生在什么时候?
    • 具体说一下垃圾回收机制
      • 新生代空间(占比小)
      • 老生代空间(占比高)
    • 在项目中如何把http的请求换成https
    • 知道meta标签有把http换成https的功能吗?
    • http请求可以怎么拦截
      • 为什么要有拦截器?
      • 请求拦截
    • 响应拦截
    • https的加密方式
    • 混合加密的好处
    • 浏览器如何验证服务器的身份
      • 数字签名
      • 数字证书
    • ETag首部字段说一下
    • 你们的token一般是存放在哪里的
    • Token会不会被伪造?
    • https工作流程
    • 前后端如何验证一个用户是否下线了
    • CSP白名单知道吗?
    • Vue的diff算法
    • 浏览器的兼容?
    • 如何实现一个findIndex
    • 移动端布局有哪些方案?
    • 如果一个移动端的项目要显示在PC端上保证结构稳定你会如何做?
    • 具体说一下splitChunksPlugin
    • 有自己写过webpack插件吗
    • 说一下Vue-Router的实现原理
      • Hash模式
      • History模式
      • abstract模式
    • Vue-Router初始化是发生在什么时候
    • webpack构建流程
    • webpack插件原理
    • webpack在配置插件的时候是一个数组那它有顺序吗
    • 让你从零开始构建一个webpack项目你可以吗
    • 为什么TCP要三次握手而不是两次
    • HTTP和TCP的区别
    • 什么情况会阻塞页面的加载
    • script放在body头部就一定会阻塞吗
    • 添加删除了DOM节点会发生什么?
    • js中改变transform的left和right对比于css修改transform
    • 什么是GPU加速
    • 进程和线程的区别
    • HTTP/2对比HTTP/1.1
      • 头部压缩
      • 多路复用
      • 二进制传输
      • 服务器推送
    • 为什么说HTTPS比HTTP安全呢
    • 说一下对称加密和非对称加密
    • HTTP请求的什么时候用的对称加密什么时候非对称加密
    • 对称加密的原理
    • 如果让你去实现一个CSRF攻击你会怎做?
    • Vue中key的作用
    • 还知道其他攻击方式吗
    • 如果我将key设置为了一个Math.random()可以吗
    • 如果让你设计一个双向绑定你会如何设计
    • 如何实现if (a===1 && a===2 && a===3)
    • token放在Cookie和放在localStorage、sessionStorage中有什么不同吗
    • Cookie存在哪些安全问题?如何预防?
    • SameSite设置为了lax之后是怎样来控制Cookie的发送的
    • 如果顶级域名不同会发送吗
    • 如果使用jsonp的话会有什么安全问题吗?
    • SSR的使用场景
    • requestAnimationFrame属于宏任务还是微任务
    • script与css还有页面的渲染顺序
    • script标签的async是什么时候加载的
    • 说一下==数据类型转换吧
    • diff算法的缺点
    • Object.defineProperty()有什么缺点?Vue3为什么用Proxy?
    • nextTick实现原理
    • nextTick中的waiting是什么时候变为true的呢
    • Vue3有哪些新的API或者有做哪些优化?
      • 性能上
      • Tree-shaking
    • 有关HTTP缓存的首部字段说一下
    • HTTP中的keep-alive有了解吗?
    • 在一次传输中它是如何保证每个数据包之间的顺序的?
    • 为什么说GET会留下历史记录?
    • GET可以上传图片吗?
    • GET就一定是幂等的吗?
    • 为什么说POST相对安全一些
    • 如果一个按钮点击进行GET请求会留下历史记录吗?
    • position属性有哪些值分别介绍一下
      • relative
      • absolute
      • fixed
      • sticky:
      • static:默认定位
    • 普通文档流是个怎样的层级关系
    • inline-block的使用场景
    • GET和POST的区别
    • 说一下你所知道的缓存方案
    • 项目中的环境变量是如何控制的?
  • 3 Promise面试题