- 博客(62)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 element-dialog对话框去掉覆盖层后解决无法操作底层的按钮的问题
element-dialog对话框去掉覆盖层后解决无法操作底层的按钮的问题
2022-10-25 14:44:39
1461
1
原创 vue使用blob下载二进制文件流时无法获取响应头里面的Content-Disposition来提取文件名的解决办法
下载二进制文件流获取响应头里面的文件名
2022-10-25 14:20:07
3608
4
原创 Js字符串中英文符号互换
<input type=“text” name=“txt” οnkeyup=“JavaScript:this.value=this.value.replace(/，/ig,’,’);”/ >英文逗号替换为中文逗号<input type=“text” name=“txt” οnkeyup=‘javascript:this.value=this.value.replace(",","，");’ />...
2022-03-10 16:56:58
1922
原创 js中的事件传播流程
js中的事件传播流程首选在事件传播中分为三个阶段：第一：事件捕获阶段；第二：事件目标阶段；第三：事件冒泡阶段；事件捕获阶段的具体过程是从不确定的目标到具体的一个目标，即由远及近逐渐靠近事件目标；事件冒泡阶段的具体过程是从一个具体的事件目标到不确定的目标，即事件目标逐渐向上冒泡；在支持w3c的浏览器中，程序员可以通过设置addEventListener(type,handler,use...
2021-10-09 15:15:24
293
原创 如何解决js中的跨域问题
如何解决js中的跨域问题首选我们来讲解一下什么是跨域一、什么是跨域？概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。此时只要当你要访问的那个网站和你的网站的协议，域名，端口只要有其中一个不同的话就会属于跨域了；会产生跨域问题；下面我们来简单举一些简单的例子：http://www.123.com/index.html 调用 http://www.123.com/server....
2021-10-09 15:12:30
4043
原创 ElementUI form表单在dialog中使用，先点击编辑后再点击新增，表单重置无效
在用ElementUI做动态表单时，数据的修改都是打开dialog（子组件）中进行操作的，但是在修改数据时，正常来说可以直接调用 this.$refs[str].resetFields() 直接清空，但是这里会出现一个问题:form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是更新,那么重置之后以第一次更新的数据作为标准; Dialog 中的内容是懒加载的，目前 edit (更新)方法的写法导致 Form 刚加载出来时值就已经是新的了，所以 resetFields 也只能回到新值解决办
2021-10-09 14:58:37
1281
原创 vue中使用dom-to-image实现dom转图片并下载到本地
在vue中使用dom-top-image,可截取有滚动条的页面,支持多种格式具体方法如下：1.首选安装相关插件npm install dom-to-image然后在使用的页面中引用import domtoimage from 'dom-to-image'下面是封装的具体的方法： shotPic () { const that = this const node = document.getElementById('my-node') // 通过id获取dom
2021-10-09 14:50:29
5156
4
原创 在开发项目过程中，GIT常用的指令大全
1.查看远程所有分支： git branch -a 。2.查看本地所有已创建的分支：git branch。3.查看当前分支状态，工作树是否干净：git status。4.切换本地分支:git checkout 分支名称;5.创建本地分支，并指向远程分支：git checkout -b （本地分支的名称）（远程分支的名称）；6.将master分支合并到本地分支的具体步骤：第一首选将分支切换到master分支：git checkout master；第二执行git pull将master分支的代
2021-09-26 16:05:59
93
原创 JS 删除对象中的某个属性
下面来介绍一个通用的彻底删除的方法：var myObject = {“ircEvent”: “PRIVMSG”,“method”: “newURI”,“regex”: “^http://.*”};delete myObject.regex;console.log(myObject);OK了
2021-09-26 15:51:35
150
原创 element组件库的tree给节点添加icon图标
组件库的tree接点<el-tree :data="data" node-key="id" :props="defaultProps" @node-click="handleNodeClick"></el-tree>在树代码中间，增加span标签，通过:class绑定icon，通过label绑定树的名称<el-tree :data="data" node-key="id" :props="defaultProps" @node-click="handleNodeCl
2021-09-13 16:05:12
1904
原创 得到两个数组合并后的不同的元素及相同的元素
//得到两个数组合并后的不同的元素function getArrDifference(arr1, arr2) {return arr1.concat(arr2).filter(function(v, i, arr) {console.log(v,i,arr,arr.indexOf(v),arr.lastIndexOf(v))return arr.indexOf(v) === arr.lastIndexOf(v);});}//得到两个数组相同的元素function getArrEqual(ar
2021-03-30 11:03:09
175
原创 什么是原型及原型链？
JS中的原型和原型链原型的重点就是要记住下面这些：1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。2、所有的引用类型都有一个’_ _ proto_ '属性(也叫隐式原型，它是一个普通的对象)。3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。4、所有引用类型，它的’ _ proto_ '属性指向它的构造函数的’prototype’属性。5.当我们去试图得到一个对象的属性时，如果这个对象本身不存在这个属性，那么就会去它的’ _ pr
2021-03-23 15:37:57
356
原创 什么是重绘与回流，二者之间的关系是？
1、什么是重绘、回流重绘(repaint)：当元素样式改变而不影响元素在页面中的位置时，浏览器对元素进行更新这就是重绘；回流(reflow)：当元素样式改变而影响到其在页面中的位置和大小时，浏览器将对页面重新计算渲染树，这就是回流二者之间的关系：发生回流一定会触发重绘，但是触发重绘不一定会发生回流；举个简单的例子：因为元素的颜色的改变会导致元素的样式改变此时就触发了重绘，但是其并没有影响其在页面的位置和大小所以就没有触发回流；但是元素通过定位或者改变大小导致样式的改变此时即符合重绘的定义也符合回
2021-03-23 15:16:37
840
原创 什么是浅拷贝和深拷贝？以及两者之间的区别
浅拷贝就是只拷贝对象或者数组的第一层属性，常用的方法就是Object. assign(a，b);深拷贝就是可以深层次的拷贝对象和数组的属性，常用的粗暴方法就是JSON. parse(JSON. stringify(a));为何要拷贝呢？因为他们都指向原对象或者数组的地址。当地址里面的值改变的时候会导致指向该地址的所有变量都改变；...
2020-11-11 10:13:52
154
原创 vue之vuex超级状态管理的运用总结
VUEX运用总结:对于vuex而言，用一个比喻的方法来形象的来描述vuex；在古代，中央有刑部户部以及管理全国粮食的部门，而vuex就像全国的总粮仓，他可以进行全局存储；供全局使用；之前我们也可以使用其他办法进行全局存储，但是对于传统的存储来说，他是不能实现改变一处而动全身的效果，就是我们只要通过vuex的特定的方法来改变其变量；对于vuex如何在其他页面使用他里面的数据并且简接改变其里面...
2020-02-09 21:35:50
168
原创 基于ajax实现轮询
一、什么是轮询轮询法的概念是，由CPU定时发出询问，依序询问每一个周边设备是否需要其服务，有即给予服务，服务结束后再问下一个周边，接着不断周而复始。在WEB上来说就是客户端一直向服务端发起请求，服务端返回数据，不论返回什么都会再次向服务端发送请求。二：代码实现<script> setInterval("test()",500); function test() ...
2019-10-09 09:34:26
177
原创 uniapp和vue的区别
uniapp和vue的区别uni-app可以编译到（头条，支付宝，微信，QQ，百度）小程序，安卓版，ios版，h5版。通过打包实现一套代码多端运行；vue在web上是为单页应用而生的，在app上，单页应用会卡死。uni-app还有自动的框架预载，加载页面的速度更快。...
2019-09-05 09:41:32
34842
原创 git基本命令使用大全
git基本命令使用大全git init 初始化本地git仓库git remote add origin git*******.git 建立远程连接 eg：git remote add origin https://github.com/alibaba/transmittable-thread-local.gitgit pull 下载代码基本命令说明：git status 查看...
2019-09-04 15:41:39
182
原创 文字、字母以及数字的换行不换行问题解决
文字、字母以及数字的换行不换行问题解决word-break:break-all(表示按照单个字母或者数字去换行，不保证单词的完整性)；word-break:break-word（表示按照单词去换行，确保单词完整)；要求强制不换行：white-space:nowrap...
2019-09-03 17:58:01
1077
原创 H5出现蒙版后，禁止屏幕滚动
H5出现蒙版后，禁止屏幕滚动jquery方法：// 遮罩出来后让body不可滚动$(“html”).add(“body”).css({“overflow”:“hidden”})// 遮罩去掉之后body 可滚动$(“html”).add(“body”).css({“overflow”:“auto”})...
2019-09-03 17:40:00
562
翻译 解决Vue初始化的时候，页面闪烁现象
解决Vue初始化的时候，页面闪烁现象使用vue开发时，在vue初始化之前，由于div是不归vue管的，所以我们写的代码在还没有解析的情况下会容易出现花屏现象，看到类似于{{message}}的字样，虽然一般情况下这个时间很短暂，但是我们还是有必要让解决这个问题的就是在我的根dom上加上 style=“display: none;” :style="{display: ‘block’}"&l...
2019-08-22 10:59:50
1475
转载 记录利用CSS完美解决前端图片变形问题
记录利用CSS完美解决前端图片变形问题一、让图片的宽度或者高度等于容器的宽度或高度，多余的裁掉，然后让图片居中：<style type="text/css">div{ width: 200px; height: 200px; overflow: hidden; border: 2px solid red; position: relativ...
2019-08-21 16:13:59
628
1
原创 关于图片整合的那些知识！
什么是图片整合？用“background-position”来实现背景图片的定位技术，这种技术可以成为css sprites技术，又称为css精灵。将导航背景图片，按钮，背景小图标等小图片有规则的合并成一张背景图，即将多张图片合并为一张整图，再利用background属性进行背景定位，用数字精确的定位出背景图片在布局盒子中的位置；图片整合的优势：通过图片整合来减少对服务器的请求次数，从而提...
2019-08-19 10:52:31
252
原创 vue之vuex全局状态管理
vuex全局状态管理官方文档对vuex的解释 ：第一：Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。第二：你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们...
2019-08-19 10:50:40
874
原创 CSS加载会造成阻塞吗？
js执行会阻塞DOM树的解析和渲染，css的加载也会阻塞DOM树的解析，但是不会阻塞DOM树的渲染经过测试：当css还没加载出来的时候，页面显示白屏，直到css加载完成之后，红色字体才显示出来，也就是说，下面的内容虽然解析了，但是并没有被渲染出来。所以，css加载会阻塞DOM树渲染。个人对这种机制的评价其实我觉得，这可能也是浏览器的一种优化机制。因为你加载css的时候，可能会修改下面DOM...
2019-08-19 10:47:55
209
转载 关于async和await的理解！
使用async和await进行异步编程提高编译效率看很多朋友还是使用的Thread来使用异步多线程操作，基本上看不见有使用Async、Await进行异步编程的。各有所爱吧，其实都可以。只要正确使用就行，不过还是写了这篇文章推荐大家使用Async、Await。 原因就是：可以跟写同步方法一样去异步编程。代码则就非常的清晰，就跟写普通的代码一样，不用关系如何去异步编程，也让很多初级程序员也能够异步编...
2019-08-15 10:33:37
236
原创 解决从github上面克隆代码到本地速度慢的问题（使用码云作为中间桥梁来解决效果极佳）
解决从github上面克隆代码到本地速度慢的问题（使用码云作为中间桥梁来解决效果极佳）从github上clone EOS的时候速度很慢，尝试了hosts设置，postbuffer设置，等各种手段后还是很慢，又懒得走代理，选择走码云的方式，速度很不错，步骤如下：1、登陆github，把https://github.com/EOSIO/eos 复制过来；2、登陆码云，右上角消息图标旁有个加号，点...
2019-08-14 18:05:25
590
转载 在uni-app写获取验证码倒计时
在uni-app写获取验证码倒计时前端小白的uni-app艰难学习之路方法其实要实现这个功能原理非常简单，就是setInterval+setTimeout+clearInterval结合使用，首先在data里定义一个变量second，初始值为60，然后在setInterval里执行每秒减1的操作，setTimeout在60秒后执行clearInterval清除定时器的操作，话不多说，先上代码...
2019-08-10 14:29:16
1963
转载 获取微信小程序源码并进行反编译
获取微信小程序源码并进行反编译只需如下几部就可以爬取到你所想要的微信小程序源码：第一：node.js运行环境如果没有安装nodejs，请先安装一下下载地址：https://nodejs.org/en/；第二：.反编译的脚本这里提供一个Github上qwerty472123大神写的node.js版本的，当然也有其它版本的，这里我只是简单地用node.js版本举例地址：https:/...
2019-08-05 14:29:27
2639
6
原创 什么是防抖，什么是节流？有什么区别？如何实现？
防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间思路：每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); //...
2019-07-27 14:36:03
700
原创 前端需要掌握常用的Linux命令行
前端需要掌握常用的Linux命令行查看完整路径：pwd;查看当前目录下的文件:1:ls 是不包括隐藏文件2:ls -a是查看当前目录下的所有文件（包括隐藏文件）3:ls -al是查看当前目录下的所有文件（包括隐藏文件）的详细信息;切换工作目录:cd假设我要切换到桌面，那么可以这样输入 cd Desktop ,就可以切换到桌面;假设我要切换到桌面的上一级，那么可以这么输入cd ...
2019-05-26 17:27:34
439
原创 清除浮动的方法
清除浮动的方法首选介绍一种常用的万能清除浮动的方法：没有兼容性的问题；父元素选择器：after{content:’.’;clear:both;display:block;height:0;overflow:hiddern;visibility:hidden;}其次：还有一种方法那就是；有缺陷的给父元素添加声明：overflow:hidden;缺点是：当子元素设置有定位属性时并且定位到父元...
2019-04-26 15:39:45
373
原创 关于微信自定义组件的使用过程以及第三方常用组件的使用过程！
关于微信自定义组件的使用过程以及第三方常用组件的使用过程！首选：我们来介绍一下在进行微信小程序开发的过程中能够用到的自我感觉良好的第三方组件：第一：vant-Weapp这个组件库；其是youzan旗下的一个组件库；网址为：https://youzan.github.io/vant-weapp/#/quickstart;第二：lodash这个组件库；网址为：https://www.lod...
2019-04-18 16:48:36
423
原创 关于微信小程序中路由传递参数的问题以及重点知识！
关于微信小程序中路由传递参数的问题以及重点知识！1：对于事件绑定分为两种：事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递<view class="container"> <!-- 父级也绑定有事件 --> <view bindtap='addNu...
2019-04-17 22:06:31
3770
原创 如何解决ajax跨域访问的问题！
如何解决ajax跨域访问的问题！在这里我有三种方式可以解决跨域访问的问题；第一种方法是:jsonp实现ajax跨域访问下面直接上代码：示例如下：html代码：<body> <input type="button" "testJsonp();" value="TestJsonP"></body>js代码：function testJso...
2019-04-15 17:47:09
287
原创 javascript - $(“#content .abc”) 和 $(“#content”).find(“.abc”) 哪个效率更高？
javascript - $(“#content .abc”) 和 $(“#content”).find(“.abc”) 哪个效率更高？测试结果是 find 比较快原因在于 jQuery 内部使用各种选择器链条的选择顺序是从右到左，所以这条语句是先选.abc，然后再一个个过滤出父元素#content，这导致它慢很多。同时.find()方法会调用浏览器的原生方法（getElementById，...
2019-04-15 17:24:02
554
原创 vue路由传参的三种方式！
vue路由传参的三种方式！当我们点击某个组件的时候要让其实现路由跳转并且要传参；那么可以有三种方式；第一种方式：现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据父组件中<li v-for="article in articles" @click="getDescribe(article.id)">methods : getDescribe...
2019-04-15 17:11:18
191
基于vue的教育商城的设计与实现
2019-08-19
基于vue的家具商城的设计与实现
2019-04-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人