2020年10月14日
防抖函数
摘要： function debounce(fn,delay){ let timer = null; return function (){ clearTimeout(timer); timer = setTimeout(function(){ fn.apply(this); },delay) } } 阅读全文
posted @ 2020-10-14 21:44 cruor 阅读(125) 评论(0) 推荐(0) 编辑
物理像素自适应布局
摘要： 分享一个我常用的页面物理像素自适应布局方法： window.onload = function (){ let dpr = window.devicePixelRatio; let scale = 1/dpr; let width = document.documentElement.clientW 阅读全文
posted @ 2020-10-14 20:42 cruor 阅读(146) 评论(1) 推荐(1) 编辑
Aioxs拦截器配置
摘要： axios.interceptors.request.use( config => { if(store.state.token){ config.headers.Authorization = `token ${store.state.token}`; } return config; }, er 阅读全文
posted @ 2020-10-14 19:53 cruor 阅读(164) 评论(0) 推荐(0) 编辑
2020年10月13日
访问者模式
摘要： ##前言 访问者模式（visitor）:针对于对象结构的元素，定义在不改变的该对象的前提下访问结构中的元素的新方法。 case1: 访问操作元素 function bindEvent(ele,type,fn,data={}){ ele.attachEvent('on' + type,function 阅读全文
posted @ 2020-10-13 10:36 cruor 阅读(89) 评论(0) 推荐(0) 编辑
2020年10月11日
观察者模式&&发布者/订阅者模式
摘要： ##.前言 模式介绍 发布-订阅模式 就好像报社，邮局和个人的关系，报纸的订阅和分发是由邮局来完成的。报社只负责将报纸发送给邮局； 观察者模式 就好像个体奶农和个人的关系。奶农负责统计有多少人顶了产品，所以个人都会有一个相同的方法》取牛奶《。奶农有牛奶就调用这个方法。 实例演练 观察者模式 case 阅读全文
posted @ 2020-10-11 23:50 cruor 阅读(198) 评论(0) 推荐(0) 编辑
2020年8月13日
vue day01 基本指令实战
摘要： 架构分层 MVC Model 数据层 View 视图层 Controller 控制层 缺点：依赖复杂 MVP Model 数据层 View 视图层 Presenter MVVM Model 数据层 View 视图层 ViewModel 响应式数据原理 响应式属性：能监听到修改操作，并更新视图 如何设 阅读全文
posted @ 2020-08-13 21:00 cruor 阅读(139) 评论(0) 推荐(0) 编辑
2020年7月2日
你好javascript day20
摘要： 1）预加载 一张图片的加载 let img=new Image();//构造函数 img.addEventListener("load",loadHandler);//事件侦听 img.src="./img/3-.jpg";//标签直接引入 document.body.appendChild(img 阅读全文
posted @ 2020-07-02 15:01 cruor 阅读(141) 评论(0) 推荐(0) 编辑
2020年6月30日
原生js实现Ajax方法
摘要： 一般来说，大家可能都会习惯用JQuery提供的Ajax方法，但是用原生的js怎么去实现Ajax方法呢？ 原生js实现Ajax: let Ajax={ get:function(url,fn){ let xhr=new XMLHttpRequest(); xhr.open('GET',url,true 阅读全文
posted @ 2020-06-30 22:06 cruor 阅读(523) 评论(0) 推荐(0) 编辑
JSON字符串和JSON对象
摘要： 1）JSON对象 1.JSON json数据 外层是单引号内层属性必须用双引号引起来，如果属性值，是字符串也必须双引号 let json='[{"id":"1001","name":"joly"}]' json方法 转js数据 JSON.parse(需要转换的json数据);//js数据类型输出 j 阅读全文
posted @ 2020-06-30 21:43 cruor 阅读(187) 评论(0) 推荐(0) 编辑
2020年6月26日
你好javascript day19
摘要： 1）字符串 判断字符串中是否包含什么字符串 let str="abcdefg"; str.includes("d");//返回的是布尔值 有就是true 反之false 判断字符是否在最前面 str.startsWith("a")； str.startsWith("字符"，开始查找的位置)； 判断字 阅读全文
posted @ 2020-06-26 16:26 cruor 阅读(114) 评论(0) 推荐(0) 编辑
下一页