前端开发
文章平均质量分 54
啦咔
这个作者很懒,什么都没留下…
展开
-
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 评论 -
正则表达式-自己学习书写
常用的修饰符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 评论 -
上传图片展示本地预览的链接
上传展示本地图片链接 getObjectURL(file) { var promise = new Promise((resolve) => { var url = null; //下面函数执行的效果是一样的,只是需要针对不同的浏览器执行不同的 js 函数而已 if (typeof FileReader === "undefined") { if (window.createObjectURL != undefined)原创 2021-09-02 10:10:06 · 209 阅读 · 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 评论 -
事件的节流和防抖
事件的节流和防抖下面我会介绍一下这俩个事件的区别:用途:都是用来阻止时间重复点击,造成请求不断的出发函数防抖定义 :防抖的定义,在一段时间内执行的某一个函数,如果这个事件没有结束,那就从新定时去执行这个事件,总而言之就是执行这个事件的最后一次的触发操作列子: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 评论 -
关于vuex的使用
vuex 状态管理实际项目中的使用1,首先vuex相当于一个全局变量的仓库,我们可以在页面的任意地方去使用这个仓库,便于不同的组件之间的共同状态的管理,以及组件之间的传值.最简单的使用const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { ...原创 2019-07-14 11:42:45 · 90 阅读 · 0 评论 -
关于router的导航守卫
关于router的导航守卫1,全局守卫有俩个beforeEach和afterEach vue 2.5+新增beforeResolverouter.beforeEach((to, from, next) => { //to:router即将进入的路由对象 //from:当前导航即将离开的路由 //next:Function,进行管道中的一个钩子,如果执行完了,则导航...原创 2019-07-14 11:08:49 · 113 阅读 · 0 评论 -
# vue cli 3.0 多环境配置
vue cli 3.0 多环境配置1,生成vue cli 3的项目 在跟目录自己创建 .env.[name](注意:name即为你的环境的名字)的文件2,`现在我们拿测试环境做举例。.env.test的内容VUE_APP_NAME="测试环境"VUE_APP_TITLE="test"VUE_APP_HOST="http://http:test.com"VUE_PLATFORM="ap...原创 2019-07-14 10:53:44 · 275 阅读 · 0 评论