![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
文章平均质量分 54
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 · 2836 阅读 · 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 · 1365 阅读 · 1 评论 -
通过meta代码强制浏览器使用WebKit内核极速模式
解决进入页面浏览器自动变成兼容模式。解决< meta name=“renderer” content=“webkit”>不起作用,从“步骤”开始看起。一般只使用代码<meta name="renderer" content="webkit"> ,会有些浏览器会不起作用,所以在使用的时候,要完全兼顾。如果知道为什么使用这个标签,请直接从“步骤”开始查看。为什么这么做国产浏览器大多是双内核,甚至是三内核。一个Chromium内核,也就是Chrome使用的内核,切换到这个内核原创 2020-07-23 16:32:18 · 1524 阅读 · 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 · 1344 阅读 · 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 · 300 阅读 · 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 · 2109 阅读 · 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 · 6925 阅读 · 1 评论 -
移动端解决input框被输入法挡住的问题
有过移动端web开发经验的人应该都会遇到这个问题,一个input在页面最底部或者偏下的位置,输入时由于输入法的弹出,在部分浏览器下由于不会自动计算window的高度,导致input被输入法挡住。本文的解决方式是利用scrollTop来解决,在input获取焦点后,动态地设置body的高度并设置scrollTop到指定位置,这样可以保证input会滚动到输入法上方,失去焦点后再恢复原来的位置。有两种情况:1、input在页面最底部,后面没有其他元素,这种情况我们可以获取窗口的高度减去input的高度再减原创 2020-05-26 14:32:15 · 1854 阅读 · 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 · 1110 阅读 · 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 · 2767 阅读 · 0 评论 -
前端模板引擎 -- art-template
art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。1、可以通过npm安装: npm install art-template --save2、或者直接下载引入demo<!-- 模板 --><!-- 引入模板引擎js -->&...原创 2019-12-03 16:07:30 · 2079 阅读 · 0 评论 -
移动前端自适应适配方法
所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。各有利弊,使用第一种在某些浏览器的webview里面会出现兼容问题,而且对于1像素会无法渲染。而用rem的方案在背景和字体上也会有某些问题。方案一:强制meta viewport的宽度为设...原创 2019-11-21 16:29:57 · 2322 阅读 · 0 评论 -
VUE单页应用首屏加载速度优化方案
单页应用会随着项目越大,导致首屏加载速度很慢!!!以下给出在下知道的几种优化方案**1. 使用CDN资源,减小服务器带宽压力2. 路由懒加载3. 将一些静态js css放到其他地方(如OSS),减小服务器压力4. 按需加载三方资源,如iview,建议按需引入iview中的组件1、使用CDN资源,减小服务器带宽压力在index.html中引入cdn资源 <body> ...原创 2019-11-21 15:04:30 · 2621 阅读 · 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 · 3813 阅读 · 0 评论 -
vue中刷新当前页面
**vue 刷新当前页面的方式**1.使用window.location.href window.location.replace() window.location.reload()会出现空白,体验不是很好2.新建一个空白页面supplierAllBack.vue,点击确定的时候先跳转到这个空白页,然后再立马跳转回来空白页supplierAllBack.vue里面的内容:...原创 2019-10-24 10:30:01 · 638 阅读 · 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 · 8088 阅读 · 2 评论 -
Web移动端Fixed布局的解决方案
移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。iOS下的 Fixed + Input BUG现象让我们先举个栗子,最直观的说明一下这个 BUG 的现象。 常规的 fixed 布局,可能使用如下布局(以下仅...原创 2019-07-31 10:34:20 · 802 阅读 · 0 评论 -
原生 js 实现点击按钮复制文本
一、原理分析浏览器提供了 copy 命令 ,可以复制选中的内容document.execCommand("copy")如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用 copy 命令,将文本复制到剪切板但是 select() 方法只对 和 有效,对于 就不好使最后我的解决方案是,在页面中添加一个 ,然后把它隐藏掉点击按钮的时候,先把 的 value...原创 2019-07-22 15:28:20 · 967 阅读 · 0 评论 -
JS数组遍历整理
1. forEach()循环数组,不会改变元素,不会返回新数组arr.forEach((value,index)=>{ })2. map()遍历数组,对每个元素进行处理,之后返回元素;会返回一个新数组。var arr2 = arr.map((value,index)=>{ value++; return value; })3. some()遍历数组,在回...原创 2019-07-31 10:45:40 · 242 阅读 · 0 评论 -
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 · 18453 阅读 · 3 评论 -
用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 · 101438 阅读 · 7 评论 -
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 · 238 阅读 · 0 评论 -
vue城市三级联动组件 vue-area-linkage
在vue城市三级联动组件 vue-area-linkage遇到的问题:需求中有一个重置的按钮,本以为清除 v-model 绑定的数据就可以了结果绑定的数据是修改了,但是页面显示的内容没变。我又把placeholder数据绑定并修改,也没变化。还有一种情况就是在一个列表中,点击编辑按钮,每次显示的地区都是显示第一次点击的那个地区。以上是遇到的一些问题后面有我的解决方案1、安装cnpm...原创 2019-08-01 11:25:30 · 3424 阅读 · 4 评论 -
layui表格中缩略的内容点击弹出后不会消失
当表格中的内容太长缩略后,点击会弹出并显示全部,但是弹出之后切换分页或者点击左侧菜单切换页面,都不会消失。解决方案一:索性就让这个弹框不出现添加样式.layui-table-tips-main {display: none;}.layui-table-tips-c {display: none}这样点击弹框就不会显示全部,也就不会有这个问题解决方案二:直接在做其他操作的...原创 2019-08-05 17:28:16 · 4360 阅读 · 0 评论 -
JavaScript怎么把两个数组里的多个对象一一对应合并?
合并数组或者对象在数组或对象前面加…,是es6的新写法,然后数组的map方法会返回数组.var obj1 = [{ "id": 980550455852, "model": "XQG70-S1208FW", "color": "白", "invStatusName": "正品", "bactualQty": 10947, "brealyQty": 11000, "ba...原创 2019-08-08 09:23:03 · 10743 阅读 · 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 · 2602 阅读 · 0 评论 -
Vue中基本指令用法
指令在Vue中是个很重要的功能,在Vue项目中是必不可少的。根据官网的介绍,指令 (Directives) 是带有 v- 前缀的特殊属性。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。1. 文本插值:{{ }} Mustache <div id="app"> {{ message }} </div>2. DOM属性绑定: v-bi...原创 2019-08-08 10:39:17 · 524 阅读 · 0 评论 -
Vue清除所有JS定时器
Vue清除所有JS定时器在webpack + vue 的项目中如何在页面跳转的时候清除所有的定时器JS定时器会有一个返回值(数字),通过这个返回值我们可以找到这个定时器在vue项目中可以使用路由守卫的 beforeEach方法,来进行清除功能首先,声明一个全局变量数组,把所有的定时器的返回值放到数组中,(因为定时器返回的值会随着调用次数的增加而增加,所以无法确定的去判断返回值具体是多少,...原创 2019-08-08 16:20:20 · 3878 阅读 · 0 评论 -
在vue中使用element-ui 里面的按钮点击后显示加载中,防止重复提交
点击前:点击后:<el-button type="primary" @click="checkAuditsubmit" :loading="loadingbut">{{loadingbuttext}}</el-button>在data中定义变量data(){ loadingbut:false,//审核提交加载中 loadingbuttext:'确定',}...原创 2019-08-06 14:24:40 · 16851 阅读 · 6 评论 -
js的深浅拷贝理解
深拷贝:如果拷贝的时候,将当前对象的数据的引用结构都拷贝一份,即深拷贝,数据在内存中独立存在。浅拷贝:若拷贝的时候,只针对当前对象的属性地址的拷贝,即浅拷贝。var car = {name:'法拉利'}; var p = {name:'张三',age:28,car:car};// 并不是拷贝,并没有对p对象有任何拷贝行为 var pCopy=p;// 浅拷贝的代码...原创 2019-08-06 15:12:04 · 264 阅读 · 0 评论 -
图片验证码,点击切换验证码
里面使用了MD5加密。安装模块npm install js-md5 -D在main.js里面引入import md5 from ‘js-md5’然后你就能使用了,使用方式是md5(要加密的内容)<form class="yzm"> <input type="text" placeholder="请输入图中的验证码" /> <div cla...原创 2019-02-18 15:26:45 · 2372 阅读 · 0 评论 -
layui当前页获取iframe页的DOM元素
当你试图在当前页获取iframe页的DOM元素时,你可以用此方法layer.open({ type: 2, content: 'test/iframe.html', success: function(layero, index){ var body = layer.getChildFrame('body', index); var iframeWin = windo...原创 2019-07-22 15:20:43 · 8185 阅读 · 0 评论 -
layui中规定结束时间不能小于开始时间
<div class="layui-inline"> <input class="layui-input" placeholder="请选择日期" name="starttime" id="starttime" /></div> ~<div class="layui-inline"> <input class="layui-input...原创 2019-07-22 15:09:22 · 2001 阅读 · 0 评论 -
数组遍历。对象遍历。字符串遍历
**数组遍历**forfor(var i=0;i<arr.length;i++){…}forEacharr.forEach((res,index)=>{…})map遍历,map遍历支持使用return语句,支持return返回值arr.map((res,index)=>{…})for … offor( let i of arr){…}对象遍历...原创 2019-07-22 15:07:25 · 714 阅读 · 0 评论 -
正则表达式应用(替换)
去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 · 347 阅读 · 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 · 43870 阅读 · 2 评论 -
UEditor富文本编辑器去除复制样式实现无格式粘贴
UEditor富文本编辑器去除复制样式实现无格式粘贴UEditor内置了无格式粘贴的功能,只需要简单的配置即可。1、修改ueditor.config.js,开启retainOnlyLabelPasted,并设置为true2、开启pasteplain,并设为true3、开启filterTxtRules过滤规则。注意:filterTxtRules过滤规则默认只过滤p、div、li这几个标签。...原创 2019-05-21 10:13:42 · 6885 阅读 · 0 评论 -
解决Vue打包文件放在服务器后,浏览器存在缓存问题
因浏览器缓存原因导致vue 打包的文件 导致偶尔会出现不能即使更新最新代码。因此在打包的文件名中添加一个版本号以便浏览器能区分。解决方法:找到webpack .prod.conf.js1.定义版本变量: const Version = new Date().getTime(); // 这里使用的是时间戳 来区分 ,也可以自己定义成别的如:1.12.修改要生成的js和css文件的配置项,把刚...原创 2019-03-05 11:39:51 · 11386 阅读 · 2 评论 -
forEach()和map()遍历的区别以及兼容写法
一、原生JS forEach()和map()遍历共同点:1.都是循环遍历数组中的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组。1.forEach()没有返回值。arr[].forEach(function(...原创 2019-02-20 16:19:21 · 2647 阅读 · 0 评论 -
vue中 $set的使用
Vue 不能及时检测对象属性变化的解决办法在Vue的使用过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;子组件的props数据不能与父组件传递的值实时保持一致。vue教程中有这样一个注意事项:受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。Vue 不能检测以下...原创 2019-02-25 14:14:20 · 1636 阅读 · 0 评论