笔记
关注
分享
扫一扫
gs981600308
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ipv6地址校验方法汇总
ipv6地址校验方法汇总1、ipv6简写格式转全写格式function tranSimIpv6ToFullIpv6(simpeIpv6){ simpeIpv6 = simpeIpv6.toUpperCase() if(simpeIpv6 == "::"){ return "0000:0000:0000:0000:0000:0000:0000:0000"; } let arr = ["0000", "0000", "0000", "0000", "0000原创 2020-09-29 16:58:06 · 3035 阅读 · 0 评论 -
带中文的base64转码解码
function BASE64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding this.encode = function (input) { var output = ""; var chr1.原创 2020-07-24 16:54:14 · 1467 阅读 · 1 评论 -
通过meta代码强制浏览器使用WebKit内核极速模式
解决进入页面浏览器自动变成兼容模式。解决< meta name=“renderer” content=“webkit”>不起作用，从“步骤”开始看起。一般只使用代码<meta name="renderer" content="webkit"> ，会有些浏览器会不起作用，所以在使用的时候，要完全兼顾。如果知道为什么使用这个标签，请直接从“步骤”开始查看。为什么这么做国产浏览器大多是双内核，甚至是三内核。一个Chromium内核，也就是Chrome使用的内核，切换到这个内核原创 2020-07-23 16:32:18 · 1714 阅读 · 0 评论 -
JS 统计字符串在UTF-8编码下的长度
UTF-8是一种可变长的编码。采用UTF-8编码，Unicode代码点中U+007F以下（包含U+007F）的字符用一个字节编码，其它的字符用多个字节编码，最多一个字符用4个字节编码。这样UTF-8兼容ASCII，但是不兼容ISO-Latin字符集。Unicode字符采用UTF-8编码方案时的对照表：U-00000000 - U-0000007F: 0xxxxxxxU-00000080 - U-000007FF: 110xxxxx 10xxxxxxU-00000800 - U-0000F..原创 2020-07-22 16:26:35 · 1496 阅读 · 0 评论 -
NProgress显示顶部进度条效果
先给大家看看实现效果下面给大家介绍一下使用步骤1、官网下载地址http://ricostacruz.com/nprogress/2. 引入需要的 nprogress.css 和 nprogress.js 文件<link rel="stylesheet" type="text/css" href="nprogress.css" rel="external nofollow" /><script src="nprogress.js">&l...原创 2020-07-22 09:13:50 · 380 阅读 · 0 评论 -
不使用type=password类型将输入框内容替换为密文
因为使用type=password类型会使浏览器提示是否记住密码，可能会导致密码被记住丢失；input { -webkit-text-security: none; }input { -webkit-text-security: circle; }input { -webkit-text-security: square; }input { text-security: disc; /* Default */ }-webkit-text-security:指定要使用的形状来代替文字的显示。原创 2020-07-03 15:45:51 · 2321 阅读 · 0 评论 -
h5页面在安卓手机浏览器上不能上下滚动
可能是js方面的问题，主要是有在touchstart、touchmove或touchend等事件中的阻止默认事件的原因// js文件e.preventDefault(); //会阻止默认行为 反正我当时就是在这个上面出现问题，导致当前华为Noto10手机会页面无法正常滑动1、当在css中加入下面样式，会导致页面无法正常上下滑动// css 文件{ touch-action: none; }解决办法：修改为默认值{ touch-action: auto; }或者删除改行样式原因：CS原创 2020-06-29 14:16:48 · 7327 阅读 · 1 评论 -
移动端解决input框被输入法挡住的问题
有过移动端web开发经验的人应该都会遇到这个问题，一个input在页面最底部或者偏下的位置，输入时由于输入法的弹出，在部分浏览器下由于不会自动计算window的高度，导致input被输入法挡住。本文的解决方式是利用scrollTop来解决，在input获取焦点后，动态地设置body的高度并设置scrollTop到指定位置，这样可以保证input会滚动到输入法上方，失去焦点后再恢复原来的位置。有两种情况：1、input在页面最底部，后面没有其他元素，这种情况我们可以获取窗口的高度减去input的高度再减原创 2020-05-26 14:32:15 · 2042 阅读 · 0 评论 -
Javascript两个感叹号的用法（!!）
var foo; alert(!foo);//undefind情况下或者null，一个感叹号返回的是true; alert(!goo);//undefind情况下，一个感叹号返回的也是true; 但是这里会报undefind的错误var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(tes...原创 2020-01-09 15:57:53 · 1172 阅读 · 0 评论 -
输入框不能输入小数
只允许输入数字(整数：小数点不能输入)<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" > 或者<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\...原创 2020-01-09 15:26:30 · 2840 阅读 · 0 评论 -
前端模板引擎 -- art-template
art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。1、可以通过npm安装: npm install art-template --save2、或者直接下载引入demo<!-- 模板 --><!-- 引入模板引擎js -->&...原创 2019-12-03 16:07:30 · 2188 阅读 · 0 评论 -
移动前端自适应适配方法
所谓前端适配，就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果，目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度，一种是使用rem自适应布局的flexible.js。各有利弊，使用第一种在某些浏览器的webview里面会出现兼容问题，而且对于1像素会无法渲染。而用rem的方案在背景和字体上也会有某些问题。方案一：强制meta viewport的宽度为设...原创 2019-11-21 16:29:57 · 2384 阅读 · 0 评论 -
VUE单页应用首屏加载速度优化方案
单页应用会随着项目越大，导致首屏加载速度很慢！！！以下给出在下知道的几种优化方案**1. 使用CDN资源,减小服务器带宽压力2. 路由懒加载3. 将一些静态js css放到其他地方（如OSS），减小服务器压力4. 按需加载三方资源，如iview,建议按需引入iview中的组件1、使用CDN资源,减小服务器带宽压力在index.html中引入cdn资源 <body> ...原创 2019-11-21 15:04:30 · 2670 阅读 · 0 评论 -
vue中使用AES加密与AES解密
先安装npm install crypto-js --save-dev在项目中新建一个utils.js文件我建在 src/assets/js/utils.jsutils.js文件中的内容import CryptoJS from 'crypto-js/crypto-js'// 默认的 KEY 与 iv 如果没有给const KEY = CryptoJS.enc.Utf8.parse...原创 2019-11-08 09:41:34 · 3903 阅读 · 0 评论 -
给数组中没一个对象添加一个属性
新数组：array;原数组：list;给原数组list的对象加一个名为indexNum的属性，属性值为strlet array = []; let list = [{name:'aa',age:11},{name:'bb',age:22},{name:'cc',age:33},]; list.map((item,index)=>{ array.push( Obje...原创 2019-11-04 16:56:09 · 2032 阅读 · 1 评论 -
vue中刷新当前页面
**vue 刷新当前页面的方式**1.使用window.location.href window.location.replace() window.location.reload()会出现空白，体验不是很好2.新建一个空白页面supplierAllBack.vue，点击确定的时候先跳转到这个空白页，然后再立马跳转回来空白页supplierAllBack.vue里面的内容：...原创 2019-10-24 10:30:01 · 775 阅读 · 0 评论 -
在vue中使用ueditor，ueditor报错 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not
解决办法：找到 ueditor.all.js文件中如下代码：if (editor.options.wordCount) { function countFn() { setCount(editor,me); domUtils.un(editor.document, "click", arguments.callee); } domUtil...原创 2019-10-24 10:19:42 · 8236 阅读 · 2 评论 -
JS中根据指定值删除数组中的元素
JS中根据指定值删除数组中的元素原生js 如果想删除数组，有一个函数splice() ~~ 删除元素，并向数组添加新元素。splice是根据数组内的下标 也就是索引来 删除元素的比如：var arry= ['a','b','c','d']; arry.splice(2,1); alert(arry); //下标为 2 也就是‘c’给删除了。那么现在我们在...原创 2019-05-23 14:10:02 · 17192 阅读 · 0 评论 -
JQ常用操作
如何用jQuery获得select的值1.获取第一个option的值 $('#test option:first').val();2.最后一个option的值$('#test option:last').val();3.获取第二个option的值$('#test option:eq(1)').val();4.获取选中的值$('#test').val();$('#test...原创 2019-07-23 15:47:29 · 296 阅读 · 0 评论 -
vue城市三级联动组件 vue-area-linkage
在vue城市三级联动组件 vue-area-linkage遇到的问题：需求中有一个重置的按钮，本以为清除 v-model 绑定的数据就可以了结果绑定的数据是修改了，但是页面显示的内容没变。我又把placeholder数据绑定并修改，也没变化。还有一种情况就是在一个列表中，点击编辑按钮，每次显示的地区都是显示第一次点击的那个地区。以上是遇到的一些问题后面有我的解决方案1、安装cnpm...原创 2019-08-01 11:25:30 · 3558 阅读 · 4 评论 -
layui表格中缩略的内容点击弹出后不会消失
当表格中的内容太长缩略后，点击会弹出并显示全部，但是弹出之后切换分页或者点击左侧菜单切换页面，都不会消失。解决方案一：索性就让这个弹框不出现添加样式.layui-table-tips-main {display: none;}.layui-table-tips-c {display: none}这样点击弹框就不会显示全部，也就不会有这个问题解决方案二：直接在做其他操作的...原创 2019-08-05 17:28:16 · 4492 阅读 · 0 评论 -
JavaScript怎么把两个数组里的多个对象一一对应合并？
合并数组或者对象在数组或对象前面加…，是es6的新写法，然后数组的map方法会返回数组.var obj1 = [{ "id": 980550455852, "model": "XQG70-S1208FW", "color": "白", "invStatusName": "正品", "bactualQty": 10947, "brealyQty": 11000, "ba...原创 2019-08-08 09:23:03 · 10850 阅读 · 2 评论 -
在ueditor富文本编辑器和 kityformula公式插件
在ueditor富文本编辑器中添加 kityformula公式插件1、首先引入js2、同时在最下面实例化编辑器//富文本编辑器文件配置var options={ serverUrl:baseUrl + 'core/upload/ueditor?type=40&schid=' +JSON.parse(sessionStorage.getItem("userMsg")).schid,...原创 2019-07-28 14:44:23 · 2714 阅读 · 0 评论 -
Vue中基本指令用法
指令在Vue中是个很重要的功能，在Vue项目中是必不可少的。根据官网的介绍，指令 (Directives) 是带有 v- 前缀的特殊属性。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。1. 文本插值：{{ }} Mustache <div id="app"> {{ message }} </div>2. DOM属性绑定： v-bi...原创 2019-08-08 10:39:17 · 565 阅读 · 0 评论 -
Vue清除所有JS定时器
Vue清除所有JS定时器在webpack + vue 的项目中如何在页面跳转的时候清除所有的定时器JS定时器会有一个返回值(数字)，通过这个返回值我们可以找到这个定时器在vue项目中可以使用路由守卫的 beforeEach方法，来进行清除功能首先，声明一个全局变量数组，把所有的定时器的返回值放到数组中，(因为定时器返回的值会随着调用次数的增加而增加，所以无法确定的去判断返回值具体是多少，...原创 2019-08-08 16:20:20 · 3957 阅读 · 0 评论 -
即时搜索，textarea，input框的输入监听
即时搜索的方案：（1）change事件 触发事件必须满足两个条件：a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） b）当前对象失去焦点(onblur)（2）keypress 恩，还好。。。。。就是能监听键盘事件，鼠标复制黏贴操作他就无能为力的赶脚了。。。。。（3）propertychange（ie）和input事件input是标准的浏览器事件，一般应用于i...原创 2019-08-15 14:09:23 · 630 阅读 · 0 评论 -
layui中表格的工具按钮列显示更多的时候也能点击触发table的事件
如何让表格的工具按钮列显示更多的时候也能点击触发table的事件.(原文链接)layUI列表中,操作栏按钮过多时会自动隐藏,点击弹出隐藏按钮后,按钮本身绑定得监听事件失效效果图:解决思路可点击原文连接查看,具体解决方法如下://将以下代码粘入相关页面中 $(document).off('mousedown','.layui-table-grid-down'). on('mou...原创 2019-08-22 16:35:38 · 1988 阅读 · 0 评论 -
基于jQuery的公告无限循环滚动实现代码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scal...原创 2019-08-27 14:42:21 · 582 阅读 · 0 评论 -
如何运行vue项目（维护他人的项目）
在维护项目之前，需要把所有的环境搭建好1：安装cnpm由于npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像—cnpm在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org2：安装webpacknpm install webpack -gwe...原创 2019-08-27 14:58:07 · 498 阅读 · 0 评论 -
用layui实现下拉框select多选,取值
在layui中实现下拉框select多选,取值htmlform.on('select(multi)', function (data) { // 打开控制台查看效果 onsole.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值（数组类型） console.log(data.o...原创 2019-07-23 15:19:18 · 103433 阅读 · 7 评论 -
input输入框type设置为number，maxlength无效
结论：input输入框type设置为number，maxlength无效，设置为tel，maxlength有效一个小细节，以前很少注意，直到最近做的一个项目，当我把一个输入数字的input框的类型设置为number时，input框还是可以无限输入，设置maxlengh=10就不起作用了。然后我就去百度了一下，type设置为tel时，maxlength就起作用了。为什么呢？这里我先说一下inp...原创 2019-07-31 14:10:50 · 19022 阅读 · 3 评论 -
layer.open()弹出层click事件失效问题
1、失效方法$('.test').click(function(){ layer.msg(‘点我，没有反应’); })2、正确方法$(document).on('click','.test',function(){ layer.msg(‘起作用了吧’); })click只能为页面现有的元素绑定点击事件;动态生成的新的元素，没有事件的...原创 2019-07-05 10:08:11 · 3575 阅读 · 0 评论 -
时间格式化，将数字转换成时分秒
/**将秒数换成时分秒格式*/ function formatSeconds(value) { var theTime = parseInt(value);// 秒 var theTime1 = 0;// 分 var theTime2 = 0;// 小时 if(theTime > 60) { ...原创 2019-07-02 14:39:01 · 5568 阅读 · 0 评论 -
JS中的循环---最全的循环总结
在讲循环的之前，先知道一下循环结构的执行步骤 1、声明循环变量； 2、判断循环条件; 3、执行循环体操作； 4、更新循环变量； 5、然后循环执行2-4，直到条件不成立，跳出循环。1、for-in循环for-in 循环主要用于遍历对象 for()中的格式：for(keys in zhangsan){} keys表示ob...原创 2019-05-28 16:52:34 · 4031 阅读 · 1 评论 -
json.stringify()和json.parse()的使用
json.stringfy()将对象、数组转换成字符串；json.parse()将字符串转成json对象。json.stringfy():语法： JSON.stringify(value [, replacer] [, space])value：是必选字段。就是你输入的对象，比如数组，类等。replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。 情况一：rep...原创 2019-05-28 14:40:50 · 1467 阅读 · 0 评论 -
ES6中数组的新方法（...，Array.from()，Array.of()，copyWithin()，find()和findindex()，fill()，entries()，indludes()）
1、扩展运算符（…）扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。<body> <div></div> <div></div> <div></div> <div></...原创 2019-05-28 14:31:48 · 263 阅读 · 0 评论 -
数组五种查询条件方法(find、findindex、indexOf、lastindexOf 、includes)
方法一、find() 方法返回数组中满足提供的测试函数的第一个元素的值。语法： arr.find(callback[, thisArg])例一、find()方法 查找数组中第一个大于等于15的元素var num = [10,3,5,15,100,1].find(function(elem, index){ return elem>=15;});console.lo...原创 2019-05-28 11:29:18 · 26353 阅读 · 1 评论 -
正则表达式应用（替换）
去html标签，只取纯文本 n.content = JSON.parse（JSON.stringify（n.content）.replace（/<\/?.+?\/?>/ g,“”））; ```js正则去除html标签,保留指定标签n.content = JSON.parse(JSON.stringify(n.content).replace(/</?.+?/?>/...原创 2019-05-21 15:05:00 · 426 阅读 · 0 评论 -
js中判断两个数组是否相等
js中判断两个数组是否相等的方法1、 将两个数组转成字符串比较，但是发现他们只是顺序不相等也被当做不相等[1,2,3].toString()== [3,2,1].toString() ----false2、我们可以先把数组排序按照从小到大的顺序sort()函数[1,2,3].sort().toString()== [3,2,1].sort().toString() —true 这...原创 2019-05-21 10:27:47 · 44050 阅读 · 2 评论 -
UEditor富文本编辑器去除复制样式实现无格式粘贴
UEditor富文本编辑器去除复制样式实现无格式粘贴UEditor内置了无格式粘贴的功能，只需要简单的配置即可。1、修改ueditor.config.js，开启retainOnlyLabelPasted，并设置为true2、开启pasteplain，并设为true3、开启filterTxtRules过滤规则。注意：filterTxtRules过滤规则默认只过滤p、div、li这几个标签。...原创 2019-05-21 10:13:42 · 7221 阅读 · 0 评论