goldenlee 前端 999+ 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 前端 999+ 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"}}}}
小天天天天 前端 999+ 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]
小天天天天 前端 999+ 2021-12-23 14:51:18
<buttonbindtouchstart="handleTouchStart"bindtouchend="handleTouchEnd"bindlongpress="handleLongPress"bindtap="handleClick">点击/长按</button><!--button可以换成view-->//touchstarthandleTouchStart:function(
小天天天天 前端 999+ 2021-12-17 18:01:37
JS里的ArrayBuffer还记得某个晚上在做canvas像素级操作,发现存储像素的数据格式并不是Array类型,而是ArrayBuffer,心想这是什么鬼?后来查了一些资料,发现自己这半年来的JS是白学了,竟然才知道还有这么个东东。首先,这个ArrayBuffer类型化数组,类型化数组是JavaScript操作二进制数据的一个接口。最初为了满足JavaScript与显卡之间大量的、实时的数据交换,它们之间的数据通信必须是二进制的,而
goldenlee 前端 999+ 2021-12-13 19:33:59
前言:最近在搞nuxt项目,因为平时做路由跳转的时候,传参都是用的query的方式,前几天因为不想影响页面地址的url,试了下params的方式,写了多次都出错,今天查看了文档,发现用params的方式传参时:name指的是nuxt生成路由配置后的name,不是指页面的路径,也不是组件内部定义的name属性。基础路由传参1.nuxt-link方式传参<ul> <li>
小天天天天 前端 999+ 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
小天天天天 前端 999+ 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项目地
小天天天天 前端 999+ 2019-12-12 11:05:58
如何操作数组在编程语言和脚本语言中是最基础的技能,Javascript也提供了内置的的数组操作函数和方法,今天我们主要介绍前端开发中经常遇到的操作数组的常规方法以及ES6操作数组的神奇方法。1.数组去重1)常规方法去重数组去重就是去掉数组中重复的项,我们使用常规的方法是定义一个新数组,遍历要去重的数组,然后一个个比对,如果数组中的值没有在新数组中出现,就将该值追加到新数组中,反之就不操作,最终得到一个去重后的新数组。vara=[1,1,
小滴 前端 999+ 2019-11-02 23:15:48
使用axios可以统一做请求响应拦截,例如请求响应时我们拦截响应信息,判断状态码,从而弹出报错信息。请求超时的时候断开请求,还可以很方便地使用then或者catch来处理请求。安装npminstallaxios--save建立http.js文件在/src/utils/目录下建立一个htttp.js1.首先导入axios和router。importaxiosfrom'axios';importrouterfrom'../router'
小天天天天 前端 999+ 2019-02-20 11:05:09
这是一款HTML5迷你音频播放器插件。该音频播放器插件小巧、干净,可以自定义操作按钮,可以为页面提供最小的音乐播放器功能。引入文件在页面中引入main.min.css和app.js文件。<linkrel="stylesheet"href="main.min.css"><scriptsrc="app.js"></script>HTML结构使用下面的HTML结构来构建一个音频播放器。<divcl
小天天天天 前端 999+ 2019-01-23 18:56:54
bubbly-bg.js是一款漂亮的动态气泡背景js插件。它是基于HTML5canvas,压缩后的版本小于1kb,但是它能制作出各种漂亮的动态气泡背景效果,非常强大。使用可以通过npm来安装bubbly-bg.js动态气泡背景插件。npminstallbubbly-bg--save可以在页面中引入bubbly-bg.js文件。<scripttype="text/javascript"src="path/to/js/bubbly-b
小天天天天 前端 999+ 2018-09-04 16:24:36
FormCache是一个简单jquery表单缓存插件。允许读取表单常用输入框、密码、单选、复选、多文本框的值存入缓存,允许JS调用读取缓存、修改缓存、删除缓存。<scriptsrc="/path/to/jquery.js"></script><!--jQueryisrequired--><scriptsrc="/path/to/formcache.js"></script>
网站文章数:483
今日UV/PV/IP:1/1/1
昨日UV/PV/IP:25/31 /25