乐躬耕于陇亩兮,吾爱吾庐。聊寄傲于琴书兮,以待天时。
Vue中的键盘事件 Vue中的键盘事件
字母键 只有按下q键时才会执行send方法<input v-on:keyup.Q="send" type="text"> 大写锁定键 只有按下capslock键时才会执行send方法<input v-on:keyup.caps
2024-03-01
不同分辨率屏幕的适配 不同分辨率屏幕的适配
使用两个转换库 postcss-pxtorempostcss-pxtorem 插件,可以从像素单位生成 rem 单位 amfe-flexibleamfe-flexible 是配置可伸缩布局方案,主要是将 1rem 设为 viewWidth&
2023-11-04
Vue3备忘清单 Vue3备忘清单
入门介绍 Vue 是一套用于构建用户界面的渐进式框架 Vue 3.x 官方文档 (cn.vuejs.org) Vue Router 4.x 官方文档 (router.vuejs.org) Vue 2 官方文档 (v2.cn.vuejs.or
2022-12-29
Vue3使用highlight.js进行代码高亮 Vue3使用highlight.js进行代码高亮
安装依赖 需要安装两个依赖highlight.js、@highlightjs/vue-plugin ## 基础依赖 npm install --save highlight.js ## 支持vue3的依赖 npm install --sa
2022-10-25
Vue3组合式API使用示例 Vue3组合式API使用示例
API一览setup()响应式: 核心 ref() - 接受一个内部值,返回一个响应式的、可更改的 ref 对象 computed () - 接受一个 getter 函数,返回一个只读的响应式 ref 对象(计算属性) reactive()
2022-08-08
通过canvas生成水印方案 通过canvas生成水印方案
通过自定义指令生成canvas水印原理 水印(watermark)是一种容易识别、被夹于纸内,能够透过光线穿过从而显现出各种不同阴影的技术。实现 前端实现的水印基本都是不安全的,可被破解的 使用canvas生成base64格式的图片文件,并
2021-12-27
Vue自定义组件的v-model例子 Vue自定义组件的v-model例子
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框或者其他自定义组件等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避
2021-11-08
Vue项目中应用TypeScript Vue项目中应用TypeScript
起步 在VUE项目中应用typescript,我们需要引入一个库vue-property-decorator, vue-property-decorator是基于vue-class-component库而来,这个库vue官方推出的一个支持使
2021-10-08
tsconfig.json配置项详解 tsconfig.json配置项详解
{ "compilerOptions": { "allowUnreachableCode": true, // 不报告执行不到的代码错误 "allowUnusedLabels": false, //
2021-10-06
一道基础Vue生命周期的面试题 一道基础Vue生命周期的面试题
根据Vue的生命周期说出console打印出来的值export default { data() { num1: 1, num2: 2, }, computed: {
2021-05-11
1 / 2