在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]

<buttonbindtouchstart="handleTouchStart"bindtouchend="handleTouchEnd"bindlongpress="handleLongPress"bindtap="handleClick">点击/长按</button><!--button可以换成view-->//touchstarthandleTouchStart: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项目地

如何操作数组在编程语言和脚本语言中是最基础的技能，Javascript也提供了内置的的数组操作函数和方法，今天我们主要介绍前端开发中经常遇到的操作数组的常规方法以及ES6操作数组的神奇方法。1.数组去重1）常规方法去重数组去重就是去掉数组中重复的项，我们使用常规的方法是定义一个新数组，遍历要去重的数组，然后一个个比对，如果数组中的值没有在新数组中出现，就将该值追加到新数组中，反之就不操作，最终得到一个去重后的新数组。vara=[1,1,

使用axios可以统一做请求响应拦截，例如请求响应时我们拦截响应信息，判断状态码，从而弹出报错信息。请求超时的时候断开请求，还可以很方便地使用then或者catch来处理请求。安装npminstallaxios--save建立http.js文件在/src/utils/目录下建立一个htttp.js1.首先导入axios和router。importaxiosfrom'axios';importrouterfrom'../router'

这是一款HTML5迷你音频播放器插件。该音频播放器插件小巧、干净，可以自定义操作按钮，可以为页面提供最小的音乐播放器功能。引入文件在页面中引入main.min.css和app.js文件。<linkrel="stylesheet"href="main.min.css"><scriptsrc="app.js"></script>HTML结构使用下面的HTML结构来构建一个音频播放器。<divcl

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

FormCache是一个简单jquery表单缓存插件。允许读取表单常用输入框、密码、单选、复选、多文本框的值存入缓存，允许JS调用读取缓存、修改缓存、删除缓存。<scriptsrc="/path/to/jquery.js"></script><!--jQueryisrequired--><scriptsrc="/path/to/formcache.js"></script>