- 博客(30)
- 收藏
- 关注
RSS订阅转载 JS（函数防抖debounce）
一、在前端中有一些事件会频繁的触发容易造成页面卡顿，例如：window 的 resize、scroll mousedown、mousemove keyup、keydown input 的 input 事件二、防抖的原理答：不管触发多少次事件，都会等到事件触发 **n 秒后 **才会执行，如果在事件触发的n 秒内又触发了这个事件，那么就以新的事件的时间为准重新计算，总之，就是要等你触发事件n 秒内不再触发事件，我才会执行，一般用在用户表单输入实时搜索上// 第一版// 缺点：...
2021-03-19 09:41:13
233
原创 js字符串按个数转换成数组
function strToArrByLen(str,len=10) { //str为待处理的文字,len为分割的字数个数 var strArr=[] var startIndex=0 var endIndex=len while(endIndex<str.length){ strArr.push(str.slice(startIndex,en...
2020-03-12 12:04:04
937
原创 ios 调起键盘后点击不了 点击事件错位
/***处理iOS微信客户端6.7.4键盘收起页面未下移bug*/;(/iphone|ipod|ipad/i.test(navigator.appVersion))&&document.addEventListener('blur',(e)=>{//这里加了个类型判断，因为a等元素也会触发blur事件['input','tex...
2019-12-05 10:30:45
529
原创 css position之sticky
sticky 属性值sticky跟前面四个属性值都不一样，它会产生动态效果，很像relative和fixed的结合：一些时候是relative定位（定位基点是自身默认位置），另一些时候自动变成fixed定位（定位基点是视口）。因此，它能够形成"动态固定"的效果。比如，网页的搜索工具栏，初始加载时在自己的默认位置（relative定位）。页面向下滚动时，工具栏变成固定位置，始终停留...
2019-12-04 18:06:57
248
原创 safari不支持短横-的new Date函数
通常，由于习惯了SQL中的datetime格式，日期是打成yyyy-mm-dd的格式，然而，safari竟然不支持这样的格式，所以当你输入如下语句时，会返回空的时间，invalid date。var date = new Date("2016-11-11 11:11:11")Safari支持的格式是yyyy/mm/dd这样的，差别主要在于短横-与斜杠/，而斜杠这样的格式在其他常见的浏...
2019-11-18 16:16:44
178
原创 ueditor源码修改
1、多图片上传中去掉在线管理和图片搜索Tab页找ueditor的源码包中找到image.html，在该页面中注释掉或者删除如下代码 <span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span>...
2019-09-26 14:57:27
652
转载 移动端点击延迟事件
移动端点击延迟事件移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。 原因: 移动端的双击会缩放导致click判断延迟。 这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。解决方式 禁用缩放<meta name = "viewport" content="user-scalable=no" > 缺点: 网页...
2019-09-19 16:02:10
148
原创 vue 富文本组件封装之vue-quill-editor（基于element+nuxt）
一、准备工作：1、npm install vue-quill-editor quill-image-drop-modulequill-image-extend-modulequill-image-resize-module2、文档地址：https://bingkui.gitbooks.io/quill/content/documentation/api/selection.html...
2019-08-19 12:00:24
2239
原创 vue 富文本组件封装之wangeditor
一、准备工作：1、npm install wangeditor2、文档地址：https://www.kancloud.cn/wangfupeng/wangeditor3/ISSUE.md二、组件代码<template> <div> <div id="editor" ref='myEditor'></div> &...
2019-08-15 17:02:21
1421
原创 flex布局中的常用设定
1、情况1使用flex space布局时换行如果长度不够会铺开解决办法：利用伪元素&::after {content: '';width: 390px;}2、flex 布局时 boeder重叠：解决办法：&-item { margin-left:-1px; margin-bottom:-1px;}...
2019-07-25 09:46:02
118
转载 微信网页禁止页面下拉滑动
（1）最简单粗暴的方法，就是禁止掉浏览器整个页面的滑动document.body.addEventListener('touchmove', function (e) { e.preventDefault()}, {passive: false})上边代码块中的方法一般不建议使用，除非整个页面都不可以滚动时（2）除了需要滚动的部分，禁止掉浏览器滚动的默认事件（VUE中组件的部分代...
2019-07-05 12:59:57
3741
1
原创 iview upload ajax获取默认列表不显示的问题
iview的upload组件，当用ajax获取默认显示列表使用 this.default-file-list赋值图片不现实，但是值已经成功了。解决办法：可以直接去操作uploadList，default获取不到，比如这样this.uploadList.push({ name: ..., url: ..., showProgress: false, status: "fin...
2019-05-20 10:16:13
986
原创 阿里云(centOS 7) 安装apache
1、安装 apache:# yum install httpd httpd-devel# service httpd start2、进入阿里云的云服务管理控制台，在管理实例中选择本实例安全组，选择配置规则。3、修改端口号# vim /etc/httpd/conf/httpd.conf 文件修改这个地方 #Listen 12.34.56.78:80...
2019-05-05 16:30:01
401
原创 javascript关于小数计算的结果会出现小数的位数变多的现象
今天对一个表格数据进行累加时出现了结果的小数位数变多了（要求所有的数值最多是3位小数），例如：7*0.8=5.600000000000000568792.1/10000=6.8792100000000005解决办法：1、采用toFixed（）方法2、先转换成整数在计算（乘多少根据当前小数点位数，例如一位小数就乘以10再除以10，或者直接乘以一个较大的数保证整数）：7*10*...
2019-05-05 11:14:56
1305
原创 electron-vue 使用vuex的方法
在electron-vue中，使用vuex，调用this.$store.dispatch()发现函数并没有执行原因：是因为electron-vue脚手架引入了vuex-electron这个插件，其中使用了createSharedMutations用于多进程之间数据共享，插件详见：https://github.com/vue-electron/vuex-electron#installation...
2019-04-02 17:11:19
6935
3
转载 移动端网页真机调试---weinre
weinre的使用1.简介weinre是一款非常好用的远程调试工具。功能与网页浏览器的开发者工具基本类似，但这个工具更适合用于移动端web的调试。2.安装weinre基于nodejs，因此首先要安装nodejs，然后使用npm进行安装：npm -g install weinre3.运行weinre --httpPort 8081 --boundHost -all-...
2019-01-25 15:23:42
264
原创 火狐/谷歌浏览器打开开发者模式的三种方法
1、谷歌浏览器打开开发者模式的三种方法直接按“F12”；通过点击右上角的菜单来打开；Ctrl+Shift+I2、火狐浏览器打开开发者模式的三种方法直接按“F12”；通过点击右上角的菜单来打开；Ctrl+Shift+C...
2019-01-16 11:27:25
16516
原创 vue常用实例属性
1、vm.$el：类型（HTMLElement）挂载元素，Vue实例的DOM根元素；2、vm.$data：类型（Object），Vue实例观察的数据对象3、vm.$options：类型（Object），用于当前Vue实例的初始化选项，在选项中需要包含自定义属性的时候很有用。console.log(vm.$options); // Object {components: Object,...
2019-01-16 10:45:54
681
转载 vue $nextTicket
下面了解下nextTick的主要应用的场景及原因。在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代码放进Vue.nextTick()的回调函数中。与之对应的就是mounted()钩子函数，因为该钩子...
2019-01-16 09:44:56
2454
原创 function apply()与call()
apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。都“可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象”。...
2018-12-24 14:09:08
243
原创 VUE修饰符sync
sync只是给大家伙提供了一种与父组件沟通的思路而已！只是单纯的在子组件当中修改父组件的某个数据时，建议使用sync<child isShow.sync="isShow/>isShow.sync="isShow"其实是 @update:isShow="bol=>isShow=bol"语法糖子组件触发：this.$emit('update:isShow', val)...
2018-12-20 14:27:18
147
转载 js输出数字用千分号分隔
第一种方法：用正则表达式进行匹配。function formatNumberRgx(num) { var parts = num.toString().split("."); parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","); return parts.join(".");};第二种方法：使用原生函数。 ...
2018-12-04 10:35:36
373
转载 axios拦截器(刷新token) 发起请求端
参考网站：https://www.jianshu.com/p/6bc353e5f7a3；https://segmentfault.com/n/1330000013562989 /*是否正在刷新的标志*/window.isRefreshing = false/*存储请求的数组*/let refreshSubscribers = []/*将所有的请求都push到数组中,其实数组是...
2018-11-23 11:41:16
4226
原创 vscode使用eslint自动验证
首先在vscode下安装选择文件-》首选项-》设置里面对eslint进行配置"eslint.validate": [ "javascript", "javascriptreact", "html", { "language": "vue", "autoFix": true }, { "langu
2018-06-28 09:32:26
8252
原创 css控制文字多行纵向排列方法
1、writing-mode:vertical-rl;writing-mode:tb-rl;缺点：英文单词无法纵向排列2、利用flex布局（从右向左纵向）display: flex;flex-flow:column; flex-wrap: wrap-reverse;缺点：标点符号需要单独判读if (element === '：' || element === ':' || element === ...
2018-06-27 17:26:03
2344
转载 ESLint关闭验证
1. 关闭段落校验/* eslint-disable */some code/* eslint-enable */some code2. 关闭当前行校验1some code // eslint-disable-line3. 关闭下一行校验12// eslint-disable-next-linesome code
2018-06-15 11:24:08
2660
原创 mui app更新代码
参考网站：http://ask.dcloud.net.cn/article/182document.addEventListener('plusready', function() { // 检测更新 var checkUrl = "http://demo.dcloud.net.cn/test/update/check.php";//填写实际的更新接口’ function checkUpdate(...
2018-05-25 14:21:28
1658
原创 vue图片静态资源打包路径问题（多级域名）
由于公司服务器使用多级域名，如：http://www.jiade.com/greetingCard/child/#/ ，所以在vue打包时遇到很多问题，在这里分享一下解决办法由于没有找到更好的解决办法因此，所有路径一律使用相对路径，图片资源放到src/assets里面，其他静态资源（js插件,mp3等）放到static一、相关配置1、在config文件夹下的index.js中修改 assetsPu...
2018-05-24 16:24:12
3570
1
原创 安卓手机输入法挤压界面解决办法
一、首先说一下页面会变形的原因，主要是因为定位用的是fixed或者absolute，在页面输入框弹出时，导致clientHeight变化引起的。解决办法：1、如果是mui等混合app的页面：var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;window.onresize=fu...
2018-05-24 16:07:46
2160
2
原创 mui使用百度地图sdk及定位方法
一、使用前配置：参考http://ask.dcloud.net.cn/article/29 注意事项： (1)HBuilder默认打包使用的签名为"BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58"（Android打包证书）。 (2)应用包名，在提交App云端打包时默认为“io.dcloud.%APPID...
2018-05-24 15:53:06
6002
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人