随笔分类 - 前端面试题归档
vue、react、小程序、公众号、h5、node等
发表于 2021-02-04 18:44阅读：306评论：0推荐：0
摘要：太多关于js事件循环机制的面试问题了，必须要好好看一眼小小的总结一波；于是查了很多资料，看了很多相关文档； 得出以下姿势；先来张图解释下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <bod
阅读全文 »
发表于 2020-11-08 20:01阅读：463评论：0推荐：0
摘要：用户看到页面实际上可以分为两个阶段：页面内容加载完成和页面资源加载完成，分别对应于DOMContentLoaded和Load。DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片等load事件触发时，页面上所有的DOM，样式表，脚本，图片都已加载完成 浏览器渲染的过程主
阅读全文 »
发表于 2020-10-21 21:21阅读：581评论：0推荐：0
摘要：以下为常备面试题集锦，面好多家公司大都问的如此（后续更新补）；还有一些算法和手写代码后面整理； js陈述类型1、Es6的class和构造函数的区别： class xx { }（1）不存在变量提升（2）方法默认是不可枚举的，class所有方法没有原型对象prototype也没有构造器不能用new来调用
阅读全文 »
发表于 2020-10-19 23:27阅读：1000评论：1推荐：0
摘要：了解HTTPS协议之前：【先了解几个密码学基础】明文： 明文指的是未被加密过的原始数据。密文：明文被某种加密算法加密之后，会变成密文，从而确保原始数据的安全。密文也可以被解密，得到原始的明文。密钥：密钥是一种参数，它是在明文转换为密文或将密文转换为明文的算法中输入的参数。密钥分为【对称密钥】与【非对
阅读全文 »
发表于 2020-10-14 22:36阅读：206评论：0推荐：0
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>垂直居中--图片自适应宽高</title> <style type="text/css"> /* 方法一 定位 为了看效果就加上了背景 宽高*/ .wrap{ position:
阅读全文 »
发表于 2020-10-14 20:07阅读：187评论：0推荐：0
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>call-apply-bind的实现</title> </head> <body> <script type="text/javascript"> // 1.call的使用 cal
阅读全文 »
发表于 2020-10-14 17:13阅读：193评论：0推荐：0
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>判断js类型的方式</title> </head> <body> <script type="text/javascript"> // 先引出2个概念 /* 1、基本数据类型（存放
阅读全文 »
发表于 2020-09-23 22:49阅读：316评论：0推荐：0
摘要：js Date对象，经常出现在项目中的玩意，总结一些常用的方法以及工具类格式化函数； <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>日期常用方法</title> </head> <body> <script type="tex
阅读全文 »
发表于 2020-09-23 21:51阅读：188评论：0推荐：0
摘要：Math经常会用到的不多在项目里，下面总结以下可能会碰到的常用方法； <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math常用方法</title> </head> <body> <script type="text/java
阅读全文 »
发表于 2020-09-21 22:16阅读：262评论：0推荐：0
摘要：js中数组的操作方法还是很多的：比如如下图代码图解总结分析它的使用方法和本质； 注意下map和forEach的区别：map()可以返回值赋给新的数组，forEach()不可以，forEach()默认遍历谁就返回谁； <!DOCTYPE html> <html> <head> <meta charse
阅读全文 »
发表于 2020-09-20 22:29阅读：363评论：0推荐：0
摘要：针对一些常用的对象的创建方式和操作对象的常用方法做个简单的总结； <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>对象常用方法</title> </head> <body> <script type="text/javascri
阅读全文 »
发表于 2020-09-14 13:17阅读：12240评论：0推荐：0
摘要：优化背景：如果你的应用存在非常长的或者无限滚动的列表，那么需要采用窗口化的技术来优化性能，只需要渲染少部分的内容（可视区域），减少重新渲染组件和创建dom节点的时间，可以参考以下的开源项目vue-vitual-scoll -list 和vue-virtual-scroller ,来优化这种无限列表的
阅读全文 »
发表于 2020-09-08 22:30阅读：1538评论：0推荐：0
摘要：// Object.defineProperty的第一个缺陷,无法监听数组变化 如这种数组改变方式 list[0] = xx; 对象的话是 var obj = {a: 1} obj.b = 2; Vue.set() / this.$set() /* 以下八种方法Vue是可以检测到数组变化的进行了数组
阅读全文 »
发表于 2020-09-08 11:26阅读：489评论：0推荐：0
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div>es6</div> <script type="text/javascript"> // async函数就是将 Gener
阅读全文 »
