04 2022 档案
vue2响应式,computed, watch 简单实现
摘要：reactive.js 相当于Observe import Dep from './dep'; // 简单实现 默认传入的都是对象(假装typeof 出来的都是对象 没有数组) export function reactive(data){ if(typeof data 'object'){ Obj
阅读全文
生成唯一id
摘要：/** * 随机生成uuid * */ var uuid = function () { var d = new Date().getTime(); if (window.performance && typeof window.performance.now "function") { d +=
阅读全文
手写数组方法
摘要：reduce Array.prototype.myReduce = function(fn,initVal){ if(typeof fn !== 'function'){ throw Error('Type Error') } const arr = this; if(arguments.lengt
阅读全文
缓存
摘要：强缓存 expires 规定什么时候过期 cache-control 1.max-age 缓存最大过期时间 2.no-cache 可以在客户端储存资源，每次都必须去服务端校验新鲜度，来决定从服务器获取新的资源（200）还是使用客户端的缓存（304） 3.no-store 永远都不在客户端储存资源，每
阅读全文
内存泄漏
摘要：导致内存泄漏主要四个方面 闭包 全局变量 console.log 定时器未清除 分离的dom节点 let dom = document.querySelect('.demo') let btn = document.querySelect('.btn') btn.onclick = function
阅读全文
audio/vedio
摘要：video(视频)和audio(音频)是一个很棒的媒体标签，代替了flash，兼容pc端、移动端、APP，但是它的api文档很少，网上找了一些也不是很全，正好这次做了个项目就是用到video和audio，也用到了好多接口：监听事件、属性和方法。 先写一下html代码： video标签写法一： <vi
阅读全文
aspect-radio 保持元素宽高比
摘要：常用于响应式中 .song{ aspect-ratio: 1 / 1; //宽高比为1：1 } 也可以用padding-top来实现，如 1:1 aspect ratio = 1 / 1 = 1 = padding-top: 100% 4:3 aspect ratio = 3 / 4 = 0.75
阅读全文
get和post区别
摘要：常用的请求方法 http/1.1规定了以下请求方法(注意，都是大写): GET: 通常用来获取资源 HEAD: 获取资源的元信息 POST: 提交数据，即上传数据 PUT: 修改数据 DELETE: 删除资源(几乎用不到) CONNECT: 建立连接隧道，用于代理服务器 OPTIONS: 列出可对资
阅读全文
