小天天天天 前端 233 次 2022-03-28 10:28:17
弊端主要不在于base64编码后比原图要大,而是因为如果把大图片编码到html/css中,会造成后者体积明显增加,明显影响网页的打开速度。如果用外链图片的话,图片可以在页面渲染完成后继续加载,不会造成阻塞。如果base64是被编码到css/js中,是可以缓存的,因为css/js文件可以缓存。使用base64的另外一个弊端是IE的兼容性问题。IE8以下不支持dataurl,IE8开始支持dataurl,却有大小限制,32k(未测试)。还有
goldenlee 前端 218 次 2022-03-23 15:14:38
在nuxt.config.js配置文件中,添加如下代码: //Modules:https://go.nuxtjs.dev/config-modules //modules模块,挂载在vue实例上。 modules:[ '@nuxtjs/axios' ], axios:{ proxy:true, prefix:'/api',//表示给请求的url加个前缀 credentials:true,//表示跨域请求时是否需要使用凭证 //deb
goldenlee 前端 349 次 2022-03-16 10:11:24
1.manifest.json全局开启动态组件 在manifest.json文件中,添加如下代码: { "name":"xxxxxxxx", "appid":"", //添加如下代码: "mp-baidu":{ "usingComponents":true, "appid":"xxxxxxxx", "dynamicLib":{ "myDynamicLib":{ "provider":"swan-interaction" } } } }
小天天天天 前端 269 次 2021-12-23 14:58:50
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]
小天天天天 前端 365 次 2021-12-23 14:51:18
<button bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindlongpress="handleLongPress" bindtap="handleClick"> 点击/长按</button> <!--button可以换成view-->//touchstart handleTouchStart:function(
小天天天天 前端 325 次 2021-12-17 18:01:37
JS里的ArrayBuffer还记得某个晚上在做canvas像素级操作,发现存储像素的数据格式并不是Array类型,而是ArrayBuffer,心想这是什么鬼?后来查了一些资料,发现自己这半年来的JS是白学了,竟然才知道还有这么个东东。首先,这个ArrayBuffer类型化数组,类型化数组是JavaScript操作二进制数据的一个接口。最初为了满足JavaScript与显卡之间大量的、实时的数据交换,它们之间的数据通信必须是二进制的,而
goldenlee 前端 884 次 2021-12-13 19:33:59
前言:最近在搞nuxt项目,因为平时做路由跳转的时候,传参都是用的query的方式,前几天因为不想影响页面地址的url,试了下params的方式,写了多次都出错,今天查看了文档,发现用params的方式传参时:name指的是nuxt生成路由配置后的name,不是指页面的路径,也不是组件内部定义的name属性。 基础路由传参 1.nuxt-link方式传参 <ul> <li>
小天天天天 前端 288 次 2021-12-06 15:09:42
去除行内所有的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
小天天天天 前端 320 次 2021-11-29 15:11:05
这次来做一个拖动排序,带有动画效果,先上效果图:每个li既是可拖动,同时也是容器,拖动到li上面时移动拖动的li。先把html写好<ulid="container"> <liclass="ele"draggable="true">1</li> <liclass="ele"draggable="true">2</li> <liclass="ele"draggable="tr
小天天天天 前端 999+次 2020-10-12 16:31:49
Day.js是一个轻量的处理时间和日期的JavaScript库。平时项目中笔者也常用dayjs,它确实很好用。Day.js有着几乎和Moment.js一样的API,因此如果你用过Moment.js,那么也可以轻松使用Day.js。本文将讲解项目中最常用的时间日期处理方法。此外,Moment.js目前维护升级不太明了,而Day.js始终在维护,并且Day.js只有2KB大小,比Moment.js小很多。我们一般在Vue项目中使用,当然实际
小天天天天 前端 999+次 2020-06-08 23:54:04
我们经常要用到验证输入、计算数值、排序数组、检测客户端、字符串转换等等相关的函数方法,经常需要用到的时候又去找资料,那么有了这篇文章,为您整理好了最常用的函数工具方法,收藏好了,拿来即用。1.验证是否为邮箱exportconstisEmail=(s)=>{ return/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.验证手机
小天天天天 前端 999+次 2020-03-30 19:49:59
今天我们来关注一下前端加密。有些项目涉及到比较多的敏感数据,开发者会要求前端对数据进行加密后再传输给后端解密处理。虽然https其实对数据传输已经起了很大的安全保护作用,但是对于不使用https的用户,前端加密还是有一定的意义。本文涉及到的内容有:前端使用CryptoJS对数据进行DES或AES加密解密;后端使用PHPopenssl对数据进行解密和加密。前端AES加密数据首先在vue环境下安装crypto-js,crypto-js项目地
网站文章数:365