- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue clipboard.js复制异步获取到的数据
问题：Clipboard.js复制通过接口获取到的数据，复制失败（在Clipboard.js的复制操作中，不能包含任何异步的操作，即便包含，复制的还是copyData之前的值。）解决方法：思路：页面新创建一个DOM节点，将获取到的赋值内容赋值给data-clipboard-text属性，页面渲染完成后，模拟点击复制。记得将新创建的节点在页面隐藏代码：html://复制链接按钮 <button class="preview_goods preview_handle" k
2021-05-13 12:22:02
2055
4
原创 父组件监听子组件声明周期的方法
父组件：@hook:mounted="watchChild",watchChild写监听到子组件生命周期触发后,要走的逻辑<template> <div class="home"> <div>{{title}}</div>//看这里看这里 <child @hook:mounted="watchChild"></child> </div></template><scrip
2020-06-18 10:13:25
307
原创 vue全局组件的引入
1，创建组件在自定义组件的文件夹下（layout）创建组件，并创建index.js文件，2，导出组件在index.js内导出组件（可以同时注册多个组件），代码如下：import QRcode from '@/components/layout/QRcode.vue'const components={ install(Vue){ Vue.component('v-qrcode',QRcode) }}//判断if(typeof window !=='undefined'
2020-06-18 09:33:18
4825
原创 函数声明和函数表达式
函数声明// 函数声明function wscat(type) { return type === "wscat";}函数表达式// 函表达式var oaoafly = function(type) { return type === "oaoafly";}经典面试题：在一个程序里面同时用函数声明和函数表达式定义一个名为getName的函数getName() //oaoaflyvar getName = function() {console.log('wscat'
2020-05-09 10:09:42
295
原创 不常用的JS方法汇总
1.toUpperCase定义：toUpperCase() 方法用于把字符串转换为大写。用法：stringObject.toUpperCase()2.hasOwnProperty定义：hasOwnProperty()方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是是否有指定的键）用法：obj.hasOwnProperty(prop)，prop要检测的属性 ...
2019-08-30 09:56:12
268
原创 通过blob解析二进制的文件流，下载文件
需求：表格转换，上传一个表格，解析后台返回的文件流，下载转换后的表格html： <div class="edit_dialog"> <el-dialog title="表格转换" :visible.sync="execlChangeVisible" width="600px" :append-to-body="true" :close-on-click-mo...
2019-08-01 09:39:34
11041
原创 JavaScript中常用的正则表达式
匹配正整数var reg = /(^[1-9]\d*$)/ //不包含0var reg = /^([1-9]\d*|[0]{1,1})$/ //包含0去掉所有的HTML标签 var reg = /<\/?.+?\/?>/g;//去掉所有的html标签//wangeditor编辑器中不能去掉赋值的word文本样式（去文本并截取240字...
2019-05-29 13:51:45
352
原创 h5单页，微信浏览器唤醒APP
微信内的H5单页，都不能直接唤醒APP。所以需要打开外部浏览器。目前android能够通过后台的配合修改请求头，打开外部浏览器唤醒APP。ios目前没找到合适的方法，只能引导用户自己使用默认浏览器打开H5单页，进而唤醒APP思路：ios：判断是否是微信，是微信则显示打开默认浏览器页面。否则，直接跳转android：后台配合，跟后台约定一个链接，修改链接的请求头为下载响应头（用于打开外部...
2019-05-28 17:04:06
4022
原创 element-ui，删除页面最后一条数据时，currentPage没有减一，页面列表为空
思路：监听页面的总条数，并对总条数进行判断。当页面总条数 = （当前页数-1）*当前页条数，currentPage减1，重新获取列表watch:{ pageTotal(){ if(this.pageTotal==(this.currentPage-1)*this.pageSize&& this.pageTotal!=0){ t...
2019-05-28 09:34:05
4550
原创 文章内容（内容无标签），滚动展示
思路：两层div包括内容，外层oveflow:hidden，内层高度自适应并定位top：0，通过animate和定时器完成向上滚动和过渡效果。html部分 <div class="carousel_content"> <p id="demo"> 康师傅去玩ID目前排名的前五名判断，去带我去 傅去玩ID目前排名的前五名...
2018-09-27 16:42:41
1076
原创 text-align实现两端对齐，justify
html部分： <div class="carousel_second"> <div class="carousel_info"> <div class="item"> <ul>
2018-09-10 13:34:34
4359
原创 去html标签，只取纯文本
两种方法：（1）正则表达式n.content = JSON.parse(JSON.stringify(n.content).replace(/<\/?.+?\/?>/g,""));其中：/<\/?.+?\/?>/g，匹配全局的html标签。（2）text（）方法由于text（）方法，需要对DOM节点操作。思路：新建一个html标签，设置为di...
2018-09-04 18:33:34
4762
1
原创 小程序：wx:for里面的item，index。以及自定义属性data-xxx的用法（双层循环取下标）。
1.定义通俗来说，wx:for 这个是正常的循环，没什么可说的。wx:for-item=‘变量名（随便起的）’ 它是指定循环数据当前的变量名，可以通过 {{变量名.属性}} 展示数组的元素。wx:for-index=‘变量名（随便起）’，它是指向当前元素的下标名，可以在其他事件中定义自定义事件（data-xxx='{{变量名}}'，，该自定义属性可以在参数e下面打印出来）获取该下标。2...
2018-07-04 15:32:30
110998
1
原创 this.$router.push、replace、go的区别
1.this.$router.push()描述：跳转到不同的url，但这个方法回向history栈添加一个记录，点击后退会返回到上一个页面。用法：2.this.$router.replace()描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向前或向后跳转多...
2018-03-15 11:05:43
62942
原创 call()和apply()的区别
1.call语法：obj1.call(obj2[,param1,param2,...])定义（用法）：用obj2对象调用obj1的方法，即将obj1应用到obj2上。（相当于obj1(param1，param2)）描述：call方法可以改变一个函数的执行上下文，由obj2的执行上下文，变为obj1的执行上下文，如果没有提供obj2参数，那么global对象被用作obj2.2.apply语法：obj...
2018-03-13 11:20:13
376
原创 关于vue里页面的缓存
keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。用法:运行结果描述：input输入框内，路由切换输入框内部的内容不会发生改变。常见的用法：（下图是在https://www.cnblogs.com/sysuhanyf/p/7454530.html截的图，本篇文章为了自己方便查看。）在keep-alive标签内部添加inclu...
2018-03-07 13:43:35
40750
7
原创 http请求状态码的一些含义
http一般由四部分组成分别为：请求方法、请求url、请求头、请求正文。http状态码一般由3位数字组成，其中首位数字定义了状态码的类型1xx：信息类，表示收到web浏览器请求，正在进一步处理中2xx：成功，表示用户的请求被正确的接收，理解和处理3xx：重定向，表示请求没有成功，客户必须采取进一步的动作4xx：客户端错误，表示客户端提交的请求有错误5xx：服务器错误，表示服务器不能完成对请求的处理...
2018-03-06 15:40:53
343
原创 vue一些需要注意的小知识点
1.vue的生命周期，主要的介绍官网（https://cn.vuejs.org/v2/api/）上都有。主要说的是created和mounted。之前在写项目的过程中，需要对DOM节点进行操作（但是在vue里面尽量不要获取节点进行操作。vue主要是对数据进行操作），在created里面这些操作并不能实现，但是在mounted里面是可以的。主要原因就是：created是vm实例已经创建但是未完成挂载...
2018-03-05 15:11:18
1605
原创 列表滚动触发下拉刷新的实现
思路：首先需要一个触发事件，来触发加载更多这一事件，在触发的函数中，弹出一个加载的页面，并将向后台传输的page_size加5，然后判断加载数据的长度是否为0。如果为不为0，则给loadAll附一个值，利用三目运算符，判断加载的状态，渲染页面。html：js：...
2017-10-17 10:26:56
2085
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人