随笔分类 - 前端相关
摘要：参考链接：https://www.zhangxinxu.com/wordpress/2020/07/css-cross-fade-background-image-opacity/ 引子 在开发过程中，碰到了一个比较特别的情况，就是使用url()背景图像，同时又希望background-image背
阅读全文
摘要：转自https://www.nowcoder.com/discuss/post/398883449182978048 担心以后炸了备份一下。 基础 高频 1.手写 instanceof // 原理：验证当前类的原型prototype是否会出现在实例的原型链proto上，只要在它的原型链上，则结果都为
阅读全文
摘要：1.水平垂直居中，分别都说出两种 https://www.jianshu.com/p/fc95a49821e2 只水平： 1. text-align:center; 2.margin:0 auto;配合 width:fit-content; 3.flex方法： display: flex; just
阅读全文
摘要：物理像素 含义: 设备屏幕实际拥有的像素点，屏幕的基本单元，是有实体的。 比如iPhone 6的屏幕在宽度方向有750个物理像素点，高度方向有1334个物理像素点，所以iPhone 6 总共有750*1334个物理像素点。 逻辑像素 含义: 称为设备独立像素(Device Independent P
阅读全文
摘要：1、代理为什么能解决跨域问题 代理就是一个服务，该服务的作用就是：监测本地的接口，当接口为需要访问外网的接口时，代理替你访问这个接口并把返回值返回给当前网页。并不是网页服务访问代理，而是代理检测网页服务内部的接口服务，当符合条件的服务出现的时候，代理拦截住，并替代网页服务返回结果 2.webpack
阅读全文
摘要：跨域的主要解决方式：JSONP，CORS（即加上CORS 请求头（诸如 Access-Control-Allow-Origin 等配置）），代理（Webpack代理，ngnix反向代理）。当然不止前面四种，还有其他一些这里就限于篇幅不提到了，可以参考网络上其他博客。 其中 两种代理的解决办法可以看另
阅读全文
摘要：使用setInterval模拟setTimeout: 执行一次setInterval然后清除即可 function mySetTimeout(fn, t){ let timer = setInterval(()=>{ fn(); clearInterval(timer) },t) } let a =
阅读全文
摘要：常规的思路是循环遍历，一个个绑定事件，缺点是dom操作次数过多。 //获取dom var list = document.getElementById('test'); var li = list.getElementsByTagName('li'); //遍历li标签 for(let i = 0;
阅读全文
摘要：function mySetInterval(fn, t){ let timer = null; function interval(){ fn(); timer = setTimeout(interval, t) } interval(); return { clear: ()=>{ clearT
阅读全文
摘要：数组原生的方法产生的数据更新原本来说，是不会在使用Vue时发生响应式变化的，而我i们使用push，pop等方法实际上是因为Vue对这些方法做了一层封装，其基本的实现路径如下： 首先，包装监听的过程位于源代码文件夹中的\src\core\observer\array.js部分： 1 import {
阅读全文
摘要：十进制ASCII码转换成字符 使用String.fromCodePoint(num1[, ...[, numN]])方法 String.fromCharCode(65) // A String.fromCharCode(90) // Z String.fromCharCode(97) // a St
阅读全文