vue2 基础知识

使用方式:<button type="button" @click.prevent="xxx" /> prevent:阻止默认事件(常用) stop:阻止事件冒泡啊(常用) once:事件只触发一次(常用) capture:使用事件的捕获模式 self:只有event.target是当前操作的元素时才触发事件 passive:事件的默认行为立即执行,无需等待事件回调执行完毕 nativ
vue2 基础知识

eslint设置忽略规则

eslint校验代码书写规则方便了我们写代码的规范性,但是某些情况下我们又不需要去校验某条语法规则,下面介绍几个忽略eslint检查的语法: // 在文件顶部设置 /* eslint-disable */ /* eslint-disable */ console.log('这里的代码不会被eslint规则校验'); /* eslint-enable */ /* eslint-disable no-
eslint设置忽略规则

CSS背景小方格样式

body:after { background-color: #efefef; background-image: linear-gradient(90deg, rgba(60, 10, 30, .04) 3%, transparent 0), linear-gradient(1turn, rgba(60, 10, 30, .04) 3%, transparent 0); background-s
CSS背景小方格样式

A4纸对应的图片像素尺寸(附A组、B组、C组所有纸张规格尺寸表)

A4纸是由国际标准化组织的ISO 216定义的,规格为21*29.7cm(210mm×297mm),世界上多数国家所使用的纸张尺寸都是采用这一国际标准。 A4规格的纸是我们日常生活中最常用到的。除了A4,A组纸张共有A0到A10这11种。A0纸长度方向对折一半后变为A1纸,A1纸长度方向对折一半后变为A2纸,依次类推。 包括A组纸在内,ISO 216还定义了A、B、C三组纸张尺寸。具体规格见下方表
A4纸对应的图片像素尺寸(附A组、B组、C组所有纸张规格尺寸表)

小写数字转为周几

function intToDays(str) { str = str + ''; var idxs = ; return str.replace(/(|0+)/g, function ($, $1, idx, full) { return idxs; }); }; intToDays('1
小写数字转为周几

ES6 数组新增方法

扩展运算符:扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。 console.log(...) // 1 2 3 console.log(1, ..., 5) // 1 2 3 4 5 //
ES6 数组新增方法

Moment.js 常用操作

moment().startOf('week') moment().startOf('isoWeek') moment().startOf('month') moment().endOf('month') moment().endOf('week') moment().endOf('isoWeek') // 用于设置星期几,其中星期日为 0、星期六为 6 moment().startOf('mon
Moment.js 常用操作

H5原生拖拽Demo

drag: 在用户拖动元素或选择的文本时,每隔几百毫秒就会被触发一次。(拖放开始 每几百毫秒一次) dragstart: 在用户开始拖动元素或被选择的文本时调用。 (拖放开始)【在拖动开始时设置透明度】 dragend: 在拖放操作结束时触发。(拖放结束 释放鼠标) 【在拖放结束时重置不透明度】 dragover: 在可拖动的元素或者被选择的文本被拖进一个有效的放置目标时触发。(进入有效目标 每几
H5原生拖拽Demo

vue自定义指令

内置指令例如:v-model、v-show、v-bind、v-on等等 开发者自己也可以定义指令 vue自定义指令包含两种创建方式: 全局注册和组件注册。 import wht from "./wht"; import debounce from "./debounce"; import copy from "./copy"; const directives = { debounce, wht,
vue自定义指令

Vue3快速上手

2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.0 打包大小减少41% 初次渲染快55%,更新渲染快133% 内存减少54% ... 使用Proxy代替
Vue3快速上手