![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
个人笔记
文章平均质量分 63
啦咔
这个作者很懒,什么都没留下…
展开
-
Jenkins 搭建全过程
jenkins 前端搭建 以及使用全过程 帮助快速构建发布项目原创 2023-02-01 17:31:15 · 2060 阅读 · 0 评论 -
vue2 和 vue3 的区别
vue 2 和vue 3的区别原创 2022-06-29 11:05:16 · 114 阅读 · 0 评论 -
js 计算俩个日期之间相差的天数 ,以及相差的日期的数组
js 计算俩个日期之间相差的天数 ,以及相差的日期的数组// 计算俩个日期相差的天数export const diffDays = (start, end) => { const s = new Date(start).getTime() const e = new Date(end).getTime() return (e-s)/(24*60*60*1000)}// 计算俩个日期相差日期的数组(包括开始和结束) diffDaysArr(start, end) {原创 2022-01-06 16:22:06 · 581 阅读 · 1 评论 -
输入框属于金额限制输入整数或最多俩位小数-自定义指令的方式
使用局部的自定义指令,当然也可以使用全局的指令方式代码是一样的directives: { money: { // 更新变化的时候 update(el) { // 获取你绑定的元素下面找到第一个input框 var newEl = el.getElementsByTagName("input")[0]; // 默认只能输入整数 var reg = "^\\d*";‘ // 查看是否有其他小数的位数 可以原创 2021-12-06 17:12:50 · 311 阅读 · 0 评论 -
正则表达式-自己学习书写
常用的修饰符i:执行对大小写不敏感的操作g:执行全局匹配m:多行匹配正则表达模式方括号用于查找某个范围内的字符:表达式 描述[abc] 查找方括号之间的任何字符。[^abc] 查找任何不在方括号之间的字符。[0-9] 查找任何从 0 至 9 的数字。[a-z] 查找任何从小写 a 到小写 z 的字符。[A-Z] 查找任何从大写 A 到大写 Z 的字符。[A-z] 查找任何从大写 A 到小写 z 的字符。[adgk] 查找给定集合内的任何字符。[^adgk] 查找给定集合外的任原创 2021-09-24 14:18:33 · 89 阅读 · 0 评论 -
前端性能优化建议
关于前端性能优化第一步:我们首先要了解浏览器加载前端页面的过程(1)浏览器输入地址点击回车------(2)浏览器查看当前浏览器是否存在缓存------(3)dns解析url对应的ip-----(4)根据ip简历tcp链接中间进行三次握手-----(5)http发送请求-----(6)服务器处理http请求 浏览器处理http响应------(7)渲染页面构建dom树-----(8)关闭TCP连接(四次挥手)第二步:我们针对过程 进行性能优化由于浏览器是最先读取缓存的所以我们要善用缓存,不重复加载相原创 2021-09-07 11:31:05 · 182 阅读 · 0 评论 -
个人笔记系列之关于前端问题的整理
面试记录1,说一下event-loop答:2,数组遍历的方法3,数组排序的方法4,说一下日常工作中遇到的设计模式5,订阅发布这模式6,继承es5 es67,浏览器怎么加载页面的8,判断是否是数组9,vue的原理10,vuex的原理11,promise的原理12,跨域的解决方案13,对于闭包的理解14,对于原型链的理解15,节流和防抖16.ds桥的原理17.vue的diff算法...原创 2021-03-05 11:39:30 · 238 阅读 · 1 评论 -
个人笔记之关于vue原理系列
个人笔记vue 双向绑定原理1、实现一个数据监听器Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者2、实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的更新函数3、实现一个Watcher,作为连接Observer和Compile的桥梁,能够订阅并收到每个属性变动的通知,执行指令绑定的相应回调函数,从而更新视图vue的diff 原理diff 算法的本质是找出两个对象之间的差异diff 算法的核心是子节点数原创 2021-02-23 10:48:35 · 159 阅读 · 0 评论 -
个人笔记:关于浏览器输入url到页面渲染的流程
从输入URL到页面加载的全过程(1)浏览器输入地址点击回车------(2)浏览器查看当前浏览器是否存在缓存------(3)dns解析url对应的ip-----(4)根据ip简历tcp链接中间进行三次握手-----(5)http发送请求-----(6)服务器处理http请求 浏览器处理http响应------(7)渲染页面构建dom树...原创 2020-12-24 10:05:46 · 248 阅读 · 0 评论 -
关于http 1.x和http2的区别
个人学习笔记http1.x的缺点1.首先浏览器能够针对同一个域名能够发起的tcp请求是有限制的,谷歌浏览器限制的同时 的6个,这样的话其他的请求就需要排队处理。优化方法:js片段的整合,css整合,图片整合2.以明文文本字符串的形式传输内容,存在安全问题。3.http 请求头无状态特性 导致传输效率低下多个http请求头大部分信息是相同的,重复传输,导致宽带浪费.请求头多达几百字节,而请求主体却只有十几个字节,有效信息比很低4.只能浏览器主动请求响应,不能服务器主动推送信息过来...原创 2020-12-23 15:31:59 · 252 阅读 · 1 评论 -
记录关于hashchange事件
关于hashchange 在vue中使用的要点 window.addEventListener('hashchange', (e) => { //do something }, false);这里需要注意:1,在hashchange中获取到的router的参数是变化之前的参数,如果要根据这个使用需要多加注意。2,自mounted中使用的话初次不会执行hashchange3,回调的e中回返回 e.oldURL和e.newURL 即 hash变化前后的地址内容...原创 2020-08-14 16:07:39 · 701 阅读 · 0 评论 -
事件的节流和防抖
事件的节流和防抖下面我会介绍一下这俩个事件的区别:用途:都是用来阻止时间重复点击,造成请求不断的出发函数防抖定义 :防抖的定义,在一段时间内执行的某一个函数,如果这个事件没有结束,那就从新定时去执行这个事件,总而言之就是执行这个事件的最后一次的触发操作列子:var timer;function action(){if(timer){ clearTimeout(timer)} timer=setTimeout(()=>{ alert("要执行的事件") },500)}原创 2020-05-21 15:01:51 · 429 阅读 · 0 评论 -
关于 async 和 await 的使用
关于 async 和 await 的使用关于异步函数变为同步函数es6 提供的方法下面以请求之前获取token 为例获取token 的方法function getToken(){ const promise1= new Promise((resolve, reject)=>{ service.get('http://rap2.taobao.org:38080/app/mock/254842/getToken', {params: {}}).then(res=>{原创 2020-05-21 12:01:37 · 439 阅读 · 0 评论 -
记录-关于微吼直播的对接
关于微吼直播的对接先看一下效果图由于页面未开启直播状态,所以展示的效果如下js库的依赖注意 :这里如果不想使用后端的接口,前端加密的的使用MD5加密,所以 需要安装MD5加密,本文是前端使用MD5进行了加密npm install md5 --save<script src="http://cnstatic01.e.vhall.com/3rdlibs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script>原创 2020-05-21 11:36:36 · 1845 阅读 · 1 评论 -
关于小程序生成海报
关于小程序生成海报并保存到本地相册生成图片的过程 toSetImage(obj,width,height,imgUrl,codeImg,text) { //obj是页面的this //with,height指的是canvas的宽高 //imageUrl 指的的海报的图片 //codeImg 指的的生成的邀请二维码的图片 //text 文字说明 var that = obj; //控制canvas的显示隐藏 obj.canvasShow原创 2020-05-21 11:03:19 · 263 阅读 · 0 评论 -
关于微信扫码登陆页面
关于微信扫码登陆页面第一步:注册微信开放平台,创建应用,注意 appid 下面主要的使用的appid第二步:前端index.html引用wxlogin.js <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>第三步 :创建一个空的div &l...原创 2019-12-11 17:28:18 · 516 阅读 · 1 评论 -
记录关于获取宽高以及距离父元素距离的方法
记录关于获取宽高以及距离父元素距离的方法记录原因,在拖动的时候经常会使用到距离父元素的距离,以及宽高等一些方法。offsetWidth,offsetHeight,offsetTop,offsetLeft等相关属性。关于offsetWidth和offsetHight 、 offsetTop和offsetLeft关于clientWidth和clientHeigh 、 clientTop和clientL...原创 2019-11-11 10:16:36 · 4309 阅读 · 0 评论 -
记一次关于vue和iframe的跨域问题
vue iframe 一起使用的跨域场景:在对接一些其他公司的项目的时候,代码逻辑可能很多,需要我们直接使用iframe 链接的这种方式进行处理,即使代码放在同一目录下,仍然会产生跨域的情况。亲测:this.$refs.iframe.contentWindow.XXX 的方法不行提供可用方案:使用postMessage的方法:vue向iframe 发送消息vue中的写法 mounte...原创 2019-07-25 10:18:51 · 8315 阅读 · 10 评论