弊端主要不在于base64编码后比原图要大，而是因为如果把大图片编码到html/css中，会造成后者体积明显增加，明显影响网页的打开速度。如果用外链图片的话，图片可以在页面渲染完成后继续加载，不会造成阻塞。如果base64是被编码到css/js中，是可以缓存的，因为css/js文件可以缓存。使用base64的另外一个弊端是IE的兼容性问题。IE8以下不支持dataurl，IE8开始支持dataurl，却有大小限制，32k（未测试）。还有

在nuxt.config.js配置文件中，添加如下代码： //Modules:https://go.nuxtjs.dev/config-modules //modules模块，挂载在vue实例上。 modules:[ '@nuxtjs/axios' ], axios:{ proxy:true, prefix:'/api',//表示给请求的url加个前缀 credentials:true,//表示跨域请求时是否需要使用凭证 //deb

1.manifest.json全局开启动态组件 在manifest.json文件中，添加如下代码： { "name":"xxxxxxxx", "appid":"", //添加如下代码： "mp-baidu":{ "usingComponents":true, "appid":"xxxxxxxx", "dynamicLib":{ "myDynamicLib":{ "provider":"swan-interaction" } } } }

1、输入一个值，返回其数据类型**functiontype(para){ returnObject.prototype.toString.call(para) } 2、数组去重functionunique1(arr){ return[...newSet(arr)] } functionunique2(arr){ varobj={}; returnarr.filter(ele=>{ if(!obj[ele]){ obj[ele]

<button bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindlongpress="handleLongPress" bindtap="handleClick"> 点击/长按</button> <!--button可以换成view-->//touchstart handleTouchStart:function(

JS里的ArrayBuffer还记得某个晚上在做canvas像素级操作，发现存储像素的数据格式并不是Array类型，而是ArrayBuffer，心想这是什么鬼？后来查了一些资料，发现自己这半年来的JS是白学了，竟然才知道还有这么个东东。首先，这个ArrayBuffer类型化数组，类型化数组是JavaScript操作二进制数据的一个接口。最初为了满足JavaScript与显卡之间大量的、实时的数据交换，它们之间的数据通信必须是二进制的，而

前言：最近在搞nuxt项目，因为平时做路由跳转的时候，传参都是用的query的方式，前几天因为不想影响页面地址的url，试了下params的方式，写了多次都出错，今天查看了文档，发现用params的方式传参时：name指的是nuxt生成路由配置后的name，不是指页面的路径，也不是组件内部定义的name属性。 基础路由传参 1.nuxt-link方式传参 <ul>   <li>  

去除行内所有的css样式：后台获取到的html(string)难免会携带有行内css，这种行内样式甚是麻烦不如去掉重写vardom='<divstyle="width:500px;height:100px;background-color:#000000;">你说啥，我木听清</div>' varreg=/style\s*?=\s*?(['"])[\s\S]*?\1/g; console.log(dom.re

这次来做一个拖动排序，带有动画效果，先上效果图:每个li既是可拖动，同时也是容器，拖动到li上面时移动拖动的li。先把html写好<ulid="container"> <liclass="ele"draggable="true">1</li> <liclass="ele"draggable="true">2</li> <liclass="ele"draggable="tr

Day.js是一个轻量的处理时间和日期的JavaScript库。平时项目中笔者也常用dayjs，它确实很好用。Day.js有着几乎和Moment.js一样的API，因此如果你用过Moment.js，那么也可以轻松使用Day.js。本文将讲解项目中最常用的时间日期处理方法。此外，Moment.js目前维护升级不太明了，而Day.js始终在维护，并且Day.js只有2KB大小，比Moment.js小很多。我们一般在Vue项目中使用，当然实际

我们经常要用到验证输入、计算数值、排序数组、检测客户端、字符串转换等等相关的函数方法，经常需要用到的时候又去找资料，那么有了这篇文章，为您整理好了最常用的函数工具方法，收藏好了，拿来即用。1.验证是否为邮箱exportconstisEmail=(s)=>{ return/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.验证手机

今天我们来关注一下前端加密。有些项目涉及到比较多的敏感数据，开发者会要求前端对数据进行加密后再传输给后端解密处理。虽然https其实对数据传输已经起了很大的安全保护作用，但是对于不使用https的用户，前端加密还是有一定的意义。本文涉及到的内容有：前端使用CryptoJS对数据进行DES或AES加密解密；后端使用PHPopenssl对数据进行解密和加密。前端AES加密数据首先在vue环境下安装crypto-js，crypto-js项目地