分类: Vue | Damao

文章分类
React 4 总结 2 JavaScript 27 cloudflare 1 GO 3 Github 2 版本控制工具 6 Hexo 3 HTML API 2 项目规范 3 Linux 6 Kodi 1 MAC 1 图床 1 TypeScript 3 小程序 2 Vue 17 Windows 5 小技巧 3 CSS 7 Docker 1 Java 1 SVG 1 Taro 1 文摘 1 网址 1 正则 1 碎碎念 2 阅读记录 2 调试工具 1 窄门大道 1 移动端 1 HTML 2 浏览器 1 CSP 1 Canvas 1
                            
                            Vue中的键盘事件
                        
                                字母键
只有按下q键时才会执行send方法<input v-on:keyup.Q="send" type="text">

大写锁定键
只有按下capslock键时才会执行send方法<input v-on:keyup.caps
                            
                                2024-03-01
                            
                                    Vue
                                
                            键盘事件
                        
                            不同分辨率屏幕的适配
                        
                                使用两个转换库
postcss-pxtorempostcss-pxtorem 插件，可以从像素单位生成 rem 单位
amfe-flexibleamfe-flexible 是配置可伸缩布局方案，主要是将 1rem 设为 viewWidth&
                            
                                2023-11-04
                            
                                    Vue
                                
                            分辨率适配
                        
                            Vue3备忘清单
                        
                                入门介绍
Vue 是一套用于构建用户界面的渐进式框架
Vue 3.x 官方文档 (cn.vuejs.org)
Vue Router 4.x 官方文档 (router.vuejs.org)
Vue 2 官方文档 (v2.cn.vuejs.or
                            
                                2022-12-29
                            
                                    Vue
                                
                            Vue3
                        
                            Vue3使用highlight.js进行代码高亮
                        
                                安装依赖
需要安装两个依赖highlight.js、@highlightjs/vue-plugin

## 基础依赖
npm install --save highlight.js
## 支持vue3的依赖
npm install --sa
                            
                                2022-10-25
                            
                                    Vue
                                
                            Vue3
                        
                            highlight.js
                        
                            Vue3组合式API使用示例
                        
                                API一览setup()响应式: 核心
ref() - 接受一个内部值，返回一个响应式的、可更改的 ref 对象
computed () - 接受一个 getter 函数，返回一个只读的响应式 ref 对象(计算属性)
reactive()
                            
                                2022-08-08
                            
                                    Vue
                                
                            Vue3
                        
                            通过canvas生成水印方案
                        
                                通过自定义指令生成canvas水印原理
水印（watermark）是一种容易识别、被夹于纸内，能够透过光线穿过从而显现出各种不同阴影的技术。实现
前端实现的水印基本都是不安全的，可被破解的
使用canvas生成base64格式的图片文件，并
                            
                                2021-12-27
                            
                                    Vue
                                
                            Vue
                        
                            水印
                        
                            Canvas
                        
                            Vue自定义组件的v-model例子
                        
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框或者其他自定义组件等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避
                            
                                2021-11-08
                            
                                    Vue
                                
                            v-model
                        
                            Vue项目中应用TypeScript
                        
                                起步
在VUE项目中应用typescript，我们需要引入一个库vue-property-decorator，
vue-property-decorator是基于vue-class-component库而来，这个库vue官方推出的一个支持使
                            
                                2021-10-08
                            
                                    Vue
                                
                            TypeScript
                        
                            tsconfig.json配置项详解
                        
                                {
  "compilerOptions": {
    "allowUnreachableCode": true, // 不报告执行不到的代码错误
    "allowUnusedLabels": false, // 
                            
                                2021-10-06
                            
                                    Vue
                                
                            TS
                        
                            tsconfig
                        
                            一道基础Vue生命周期的面试题
                        
                                根据Vue的生命周期说出console打印出来的值export default {
  data() {
    num1: 1,
    num2: 2,
  },
  computed: {
  
                                2021-05-11
                            
                                    Vue
                                
                            面试题