- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3 qrcode 生成二维码
vue3 qrcode 生成二维码引入 `qrcode-vue3`自定义qrcode组件自定义二维码下载源代码地址 ： https://github.com/HYzihong/vue3_use_casegit： https://github.com/HYzihong/vue3_use_case.gjt引入 qrcode-vue3pnpm i qrcode-vue3 -D自定义qrcode组件<!-- * @Author: hy * @Date: 2022-02-08 23
2022-02-22 21:56:37
4093
1
原创 vue3 windicss引入与生成静态分析报告
vue3 windicss引入与生成静态分析报告引入 windicssvite配置`windicss`配置`main.ts`配置生成`windicss`静态分析报告`package.json` 配置生成`windicss`静态分析报告源代码地址 ： https://github.com/HYzihong/vue3_use_casegit： https://github.com/HYzihong/vue3_use_case.gjt引入 windicss$ pnpm i windicss vit
2022-02-22 21:50:28
987
原创 使用JavaScript 快速创建一个1到100的数组
使用JavaScript 快速创建一个1到100的数组：Array.from({length:100},(_, i)=>1+(i))
2021-09-28 22:05:04
14088
1
原创 node 生成验证码图片
node 生成验证码图片使用captchapng3 生验证码图片引入 captchapng3使用captchapng3 生验证码图片引入 captchapng3$ yarn add captchapng3// 官方示例 https://www.npmjs.com/package/captchapng3const http = require('http');const captchapng = require('captchapng3');http.createServer(fun
2021-09-28 21:59:47
198
原创 Vue 权限的三种实现方式（带源代码）
Vue 权限的三种实现方式（带源代码）几种方案方案一：后端返回此用户可以访问的路由的name的表方案二：后端返回此用户的权限级别方案三：后端返回此用户的可以访问的所有的路由表源代码：https://github.com/HYzihong/vue2-router-permissions几种方案对于后端返回来可选则的权限方案：plan1(branch:plan1): 返回路由 name 的是否可访问的表，例如：{page1:true,page2:true,page3:false}plan2(br
2021-08-11 20:06:24
634
原创 【Vue Mastery】Composition API 深度解读 之 Modularizing
Modularizing为了按照功能组织代码，我们把代码移出setup组成一个复合函数,在setup中调用这个复合函数。<template> ...</template><script> ... setup(){ return useEeventSpace(); } function useEeventSpace(){ const capacity = ref(3) const attending = ref
2021-06-25 23:27:13
246
原创 【Vue Mastery】Composition API 深度解读 之 Methods & Computed
Methods & Computedmethods基本使用<template> <div> {{capacity}} <br> <button @click="increaseCapacity()"> ++ </button> </div></template><script> ... setup(){ const capacity
2021-06-24 00:06:50
234
原创 vue 3 element plus 报错 Uncaught TypeError: Cannot set property ‘value‘ of undefined
项目场景：学习vue3 composition api 时候，使用element plus的el-form > e-input 官方示例报错问题描述：源代码 <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="xxx"> <el-input v-model="form.wbUrl.value"></el-input&g
2021-06-23 15:52:39
2837
原创 【Vue Mastery】Composition API 深度解读 之 setup&ref
setup&ref什么时候使用composition apiTypescript 支持巨型组件需要按特性/功能（feature）组织代码跨组件重用代码setup(){}setup方法在 Components 、Props 、 Data 、 Methods 、 Computed Properties（计算属性）、Lifecycle methods (生命周期方法)之前执行setup也不能访问 thissetup有两个可选参数（optional arguments）
2021-06-23 00:24:31
226
原创 【Vue Mastery】Composition API 深度解读 之 Vue2.x中创建组件会遇到的问题
【Vue Mastery】Composition API + 深度解读 笔记（一）Vue2.x中创建组件会遇到的问题随着组件的增长，代码会越来越难以阅读，更难以维护关于代码重用上各种重用模式都有各自的缺点对Typescript支持较差随着组件的增长，代码会越来越难以阅读，更难以维护（把一个功能的代码组织到一起，更具有可读性）（我们不用担心会出现巨型的setup方法，我们可以编写合成函数 (composition functions)例如图中的 useSearch 、 useSortin
2021-06-22 22:07:28
306
原创 报错 Component “default“ in record with path “/“ is a Promise instead of a function that return ...
vue3+vite2 抱错 vue-router.esm-bundler.js:72 [Vue Router warn]: Component “default” in record with path “/” is a Promise instead of a function that returns a Promise. Did you write “import(’./MyPage.vue’)” instead of “() => import(’./MyPage.vue’)” ? This
2021-06-16 14:28:23
14924
原创 github 仓库查看git第一次commit的记录
github 仓库查看git第一次commit的记录步骤我们这里选仓库TuSimple/naive-ui，首页显示这个仓库最新的git的状态是8978fa9 23 minutes ago Git stats 4,460 commits，说明现在有4460个commit。我们再点击4,460 commits进入查看commit的页面，滑到最底部，点击Older，（网址）地址栏显示为https://github.com/TuSimple/naive-ui/commits/main?after=89
2021-06-08 17:13:13
1920
原创 vue2 vue3 打印插件 vue-print-nb
vue2 vue3 打印插件 vue-print-nb目录:vue2 vue3 打印插件 `vue-print-nb`兼容性：Firefox 、Chrome都兼容，文档说还兼容IE版本：vue2、vue3都兼容地址([npm](https://www.npmjs.com/package/vue-print-nb))基本使用兼容性：Firefox 、Chrome都兼容，文档说还兼容IE版本：vue2、vue3都兼容地址(npm)基本使用下载安装、注册为全局组件npm install vue
2021-06-08 11:26:32
5844
2
原创 vscode eslint 插件报错 Parsing error: Invalid ecmaVersion.
vscode eslint 插件报错 Parsing error: Invalid ecmaVersion.问题描述vscode 打开项目每个页面都会首行第一个单词带有红色波浪线～，显示为Parsing error: Invalid ecmaVersion.解决方式(网络)安装最新版eslintnpm i -g eslint...
2021-06-08 09:42:37
2349
1
原创 javascript 精度计算/数学运算 mathjs
Node库/Javascript库 mathjs目录：Node库/Javascript库 mathjs文档地址（[中文](https://www.mathjs.cn/docs/index.html)|[英文](https://mathjs.org/docs/index.html)）| [github](https://github.com/josdejong/mathjs)配置（ps:可有可无）基本运算一些常量单位换算自定义函数、变量官方扩展案例：文档地址（中文|英文）| github配置（ps:可有
2021-06-07 17:26:43
1285
原创 Vue报错 Variable ‘scope‘ is already declared in the upper scope
Vue报错 Variable ‘scope’ is already declared in the upper scope’项目场景：Vue "vue": "2.6.10",Eslint : "eslint": "6.7.2",eslint-plugin-vue : "eslint-plugin-vue": "6.2.2",问题描述： <el-table :data="..." ... > <el-t
2021-06-07 16:42:47
20215
5
原创 从零开始的vue3的世界(一)学习使用ref，reactive，toRef
从零开始的vue3的世界(一)学习使用ref，reactive，toRef目录：从零开始的vue3的世界(一)学习使用ref，reactive，toRef`ref`基本使用：注意事项：`reactive`基本使用：ref官方介绍： 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。基本使用：这里我们以实现一个简单的计数器为例： const count = ref(0); const increase = ()
2021-05-28 11:31:18
321
原创 cypress 7.4 使用手册（一）
cypress 7.4 使用目录:cypress 7.4 使用安装` cypress`启动 ` cypress`安装cypress npm install cypress --save-dev or yarn add cypress --dev启动 cypress# npm./node_modules/.bin/cypress openor$(npm bin)/cypress open# npxnpx cypress open# yarn yarn run
2021-05-27 10:00:50
675
原创 Elementui表格缩略图放大(再放大)两种方法的代码展示
Element ui 表格(table)实现缩略图放大(再放大)的两种方法目录：Element ui 表格(table)实现缩略图放大(再放大)的两种方法优缺点：方法一：使用 `` 实现缩略图放大的效果方法二：使用 `Popover 弹出框`实现缩略图放大的效果优缺点：el-image放大的缩略图可以继续放大缩小或全屏展示，但是需要点击关闭才可以关闭展示框；全网说烂了的Popover 弹出框可以悬停 / 点击显示简单的缩略图放大，使用简单；建议大家根据使用场景，用户的使用效果来选择使用方法一
2021-05-27 09:19:18
2259
原创 读书笔记:《深入理解 es6》 第一章 块级绑定
块级绑定(Block Bindings）文章目录块级绑定(Block Bindings）变量提升(hoisting)`var`块级声明(Block-Level Declarations）块作用域/词法作用域（lexical scopes）`let` 声明 (Let Declarations)`const` 声明（Constant Declarations）暂存性死区 TDZ（The Temporal Dead Zone）循环中的块级绑定（Block Binding in Loops）作用域嵌套：概念区分变
2021-05-21 16:52:16
108
2
原创 前端 使用 JavaScript / CSS 处理文字溢出后省略号代替
目录:使用JavaScript处理使用css处理使用JavaScript处理const text = '测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字'function textTruncation(text,len){ if(text.length>len){ return text.substring(0,len)+"..." }else{ return text }}console.log(textTruncation(text,5
2021-05-13 09:56:22
145
原创 JavaScript indexOf方法完全解读
JavaScript 基础 - Array - indexOf()目录:JavaScript 基础 - Array - indexOf()一. 语法：`arr.indexOf(searchElement[, ?fromIndex])`参数：返回值：**找到这个元素 ? 首个被找到的元素在数组中的索引位置 : -1**二. 注意：注意：三. 应用1. 找出指定元素出现的所有位置2. 判断一个元素是否在数组里，不在则更新数组或者进行其他操作参考：一. 语法：arr.indexOf(search
2021-05-12 16:53:15
1047
原创 vue 报错 ?vue&type=style&index==0&id=...&scoped=true&lang=css&...
项目场景：vue 版本：vue 2.6编辑器：WebStorm 2020.1.1问题描述：报错如下./src/views/.../add.vue?vue&type=style&index=0&id=ee902892&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/s
2021-05-10 16:58:54
17041
原创 git无法add操作，报错 git process seems to be running in this repository...
问题描述：git 无法git add .,报错如下 $ git add .fatal: 无法创建 '/Users/hy/Desktop/project/app/xintraapp/.git/index.lock'：File exists。似乎另外一个 git 进程在这个仓库中运行，例如：'git commit' 命令打开了一个编辑器。请确认所有进程都已经关闭然后重试。如果仍然报错，可能之前有一个 git 进程在这个仓库中异常退出：手动删除这个文件再继续。# 原版英文Another gi
2021-05-07 15:00:11
1189
原创 JavaScript 最新最全 多个数组 合并/去重/排序
文章目录方法一：for循环: 更改原数组；方法二：concat方法: 不更改原数组,生成新数组；方法三：ES6 方法: 不更改原数组,生成新数组；方法四: **push().apply()**方法：；注意：扩展：方法一：for循环: 更改原数组；let arr1 = [1,2,3]let arr2 = [4,5,6]// for(let i = 0,len=arr2.length;i<len;i++){for(let i in arr2){ arr1.push(arr2[i])}c
2021-05-06 17:32:58
3076
原创 JavaScript基础 —— null 与 undefined
== or ===undefined === null// 会判断两个值的类型falseundefined == null // 不会进行隐式转换truenull和undefined 的对比null —— 空对象的引用，对象的初始值typeof null //object,类c语言的object初始化值都是null，但是null是一个原始值，所以我们认为null是空对象的引用let arr = [] // 空数组的初始化let obj = {} // 空对象的初始化Boolean
2021-05-04 20:18:03
132
原创 JavaScript基础 - 生成随机数
生成0到1的随机数，不限制小数位数// 0~1Math.random()// 0.17861332453350798Math.random()// 0.8202207891174798Math.random()// 0.38043470547599245Math.random()// 0.15911621979893908生成0或1的随机数// 0/1Math.round(Math.random())// 0Math.round(Math.random())// 1Math
2021-04-30 14:23:27
2869
原创 JavaScript基础 - 字符串倒序输出
这里写自定义目录标题JavaScript字符串倒叙输出方案一：字符串转数组，反转数组，数组转字符串。方案二：循环遍历字符串方案三：使用到模拟栈的数组pop/push方法扩展 > JavaScript模拟栈操作JavaScript字符串倒叙输出方案一：字符串转数组，反转数组，数组转字符串。split("")：根据空字符串拆分数组reverse()：数组反转元素位置join("")：数组转回字符串,且不带分隔符function reverse(str) { return str.sp
2021-04-30 11:01:38
1117
原创 Git基本操作- 命令 merge - 分支合并、处理冲突
Git分支合并官方帮助文档$ git help mergeGIT-MERGE(1) Git Manual GIT-MERGE(1)NAME git-merge - Join two or more development histories togetherSYNOPSIS git merge [-n] [--stat] [--no-commit] [--squash] [
2021-03-29 15:46:50
1810
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人