Kuroko's Development Notes

前端二维码生成框架比对：vue-qr VS vue-qrcode，以及对文档截图生成图片的html2canvas使用介绍，FileSaver.js 将图片下载本地的介绍。

当前项目是一个多页应用配置，将路由从默认的hash模式改为history模式之后，本地开发环境刷新页面404

vue3开发过程中，绑定的响应式数据失去了响应式，如何排查定位问题？持续请求的数据变动之后，控制台输出绑定的响应式变量 mapObj 的确变了，但是视图上只更新了一次，后续就不再更新了。

VSCode 升级到 v1.73.1 之后，原来好好的代码，突然ts语法高亮没了。VSCode插件功能失效。

vue @touchend.stop 轻松解决滑动事件冒泡问题。当滚动内容与页面滑动冲突时，如何阻止滑动事件冒泡？通过监听滑动事件解决事件冲突或冒泡！

vite项目中导入 vue-i18n 能正常使用，但是控制台有黄色报警：vue-i18n.esm-bundler.js:39 You are running the esm-bundler build of vue-i18n...

演示预览：点击查看效果演示代码：点击查看代码官方教程：https://vue-particles.netlify.com/具体步骤如下1、安装插件npm install vue-particles --save-dev2、引入插件import Vue from 'vue'import VueParticles from 'vue-particles'Vue....

watch 与 computed 的区别，最关键的是watch需要监听值的变化而改变，但是computed从一开始就可以达到和某个值关联起来。

第一步 安装 node网上下载一下node即可，下一步下一步点去就行，查看是否成功：cmd——node -v 第二步 安装 npm此处用的是淘宝镜像 cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org 第三步 安装 vue-clicnpm install -g vue-cli ...

问题描述：npm run build 后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。 放到跟目录下就正常了。 问题解决：打开项目所在文件夹里面的 config - index.js  在 build 部分的 assetsPublicPath 里面加一个点即可assetsPublicPath: '/', 改为assets...

直接上例子，以vue应用为例：html: <ul>      <li v-for="item in items" :class="{finished:item.isFinished}" @click="toggleFinish(item)"      @touchstart="touchstart()" @touchmove="touchmove(item)&quo

after{target} - 比target要大的一个合法日期，格式(DD/MM/YYYY)alpha - 只包含英文字符alpha_dash - 可以包含英文、数字、下划线、破折号alpha_num - 可以包含英文和数字before:{target} - 和after相反between:{min},{max} - 在min和max之间的数字confirmed:{target} - 必须和ta...

git clone 与vue init 相爱相杀首先，我在git上新建了一个项目 leke-operation。然后，我在本地clone了这个项目 leke-operation。接着，我在本地的这个项目（目前是一个空文件夹 leke-operation）执行命令 vue init webpack leke-operation这会儿你会很fu*k的遇到vue初始化命名必须输入项目名，...

旧版： "vee-validate": "^2.0.0-rc.13"新版："vee-validate": "^2.1.0-beta.7"安装最新版的VeeValidate之后对其进行中文化操作时，之前老一套（2.0版）中文化的做法如下图：系统报错提示 addLocale 是不存在的，所以这个时候，要么将版本降低至2.0版，要么就再安装一个玩意儿：vue-i18n执行命令 y...

默认请求数据的格式是这样的：修改请求头信息headers: {  'Content-Type': 'application/x-www-form-urlencoded'  }修改请求数据// 修改请求数据 transformRequest: [function (data, headers) { let ret = '' ...

之前的package.json中默认配置如下：而最新脚手架搭建的项目配置如下：由此可见，项目的开发环境启动已经不再依赖dev-server.js这个多余的一步，而是直接在webpack.dev.conf.js运行，此时如果我们需要配置express来模拟请求返回数据的话，做法如下：（1）安装express：npm install express --save（2）在...

第一种如图：打包后的index.html加载资源失败 > 提示报路径错误 > 需要我们对build操作进行一些path上的调整！具体如下：1、静态资源的绝对路径改为相对路径config --> index.js --> build:{  assetsPublicPath: './'  }  注意斜杠前面多加一个点哦2、添加图片资源的访问路...

加冒号的，说明后面的是一个变量或者表达式；没加冒号的后面就是对应的字符串字面量！ 例子：<el-radio-group v-model="handle">                    <el-radio :label="true">打开</el-radio>                    <el-radio :labe...

故事前景：vue中子组件向父组件传递数据的方式为：使用 $on(eventName) 监听事件使用 $emit(eventName)触发事件而当我们自己写一个子组件时，往往用这句代码：this.$emit('input', value)通过触发input事件来传递value给父组件，那么问题来了，此处为何传的是'input'？？？ 完美解读：  真相...

<el-input size="medium" v-model.trim="account" placeholder="提取金额" :maxlength="inputMaxL"  @input="inputMaxL = /^\d+\.?\d{0,1}$/.test(account) ? null : account.length - 1"></el-input&amp

 Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。1、beforeCreate　　在实例初始化之后，数据观测和event/watcher时间配置之前被调用。2、created　　实例已经创建完成之后被调用。在...

vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符：<input v-on:keyup.13="submit">vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~上面代码，还可以在这样写： <input v-on:keyup.enter="submit"><input @keyup.enter="submit...

一、问题描述用户在用夜神安卓模拟器时打开我方APP时，H5页面显示空白！ 二、问题分析因为模拟器的系统版本过低，现在安卓系统已经到8了，但是夜神模拟器的系统还是4.4。所以浏览器版本也过低，不支持我们目前的写法。 三、解决方案1.cnpm安装cnpm i babel-polyfill --savecnpm i es6-promise --save 2.m...

web技术选型参考：1、框架自身是否成熟2、生态系统是否完善3、是否满足项目需求 目前常见的主流技术参考，根据github关注度排名：架构框架框架名 技术支持 思想 针对性 React Facebook 虚拟dom，单项数据流 高效创建交互式组件 Vue Evan You（尤雨溪） 轻量级AngularJs ...