
微信H5真机调试工具-vConsole
|
在移动端开发中,常常在开发中遇到bug,想看看bug出在哪里结果移动端不能f12,友好的于是微信给我提供了一个调试工具!开启方法在微信打开这个网站 http://debugtbs.qq.com 或者在微信扫这个二维码,然后如图操作如图操作.img-box{display: flex;flex-wrap: wrap;justify-content: center;}.img-box .imgs{ w

GoDB.js操作IndexedDB
|
基于IndexeDB强大但难用的特点,一个开发者友好的库GoDB.js安装npm install godb创建库连接,创建表import GoDB from 'godb';// 表约束数据结构const tables = { // 用户 user: { name: { type: String, unique: true,// 唯一 }, age:

JavaScript console 小技巧
|
console.logconsole.log("小技巧");console.log("%c小技巧","color:red");console.log("%c小技巧","color:green");console.log("%c小技巧","color:#cf6161&qu

vue中key不能用index
key有什么用?key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法。为什么要用key?在节点比对时,如果不使用key!Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。

Vue防抖节流(es6装饰器)
|
防抖(debounce)当持续触发某事件时,一定时间间隔内没有再触发事件时,事件处理函数才会执行一次,如果设定的时间间隔到来之前,又一次触发了事件,就重新开始延时。/** * 函数防抖装饰器 * @param delay * @returns {(function(*, *, *): void)|*} */export function debounce( delay ) { let timer

实用CSS库(持续更新~)
animateanimate.css 动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果。

Javascript 工具
|
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.

NodeJs文件上传到阿里oss
一、脚本部署安装依赖 : npm i ali-oss新建该脚本(oss.js)放在你hexo项目的根目录下,和public同级该脚本有四个参数需要自己的配置(在你的oss控制台查):access ke

Javascript常用API
|
JS 数组常用API方法和遍历方法总结ES5数组 (array)map:遍历数组,返回回调返回值组成的新数组,不改变原数组,不会对空数组进行检测Array.map(function(item, index, array) {return xxx})forEach:无法break,可以用try/cat