- 博客(58)
- 收藏
- 关注
RSS订阅原创 HbuilderX--小程序运行配置
点击微信小程序设置按钮，打开安全里面的服务端口，否则HbuilderX运行小程序会报错。① 点击顶部工具按钮跳出弹框，弹框第一个设置或者直接使用快捷键。将小程序的下载地址配置到对应位置，注意地址路径使用 ‘/’② 在配置页面点击运行配置往下划，其余配置如下。HbuilderX 官网下载安装程序 【微信小程序开发者工具官网下载 【
2023-06-12 13:46:07
1409
原创 Vue 常见问题
vue 错误提示Duplicate keys detected: '298'. This may cause an update error.found in---> <ElTableBody> <ElTable> at packages/table/src/table.vue <VTable> at src/components/control/v-table/index.vue <HcList
2022-04-01 11:03:01
1744
原创 Typescript 环境搭建：vscode 运行任务自动编译无效的问题
参考资料：传送门一、传送门二操作流程运行 tsc --init 命令。当前文件夹下会自动创建 tsconfig.json 文件进入 tsconfig.json 文件，修改 outDir 和 strict 字段（如下图）编辑器顶部：终端 => 运行任务 => 显示所有任务 => 选择 tsc:监视tsconfig.json问题在执行完上述操作后，我在对应文件夹下新建了一个ts文件，编写ts语法时，编辑器并未自动编译...
2022-03-31 19:03:00
1360
原创 限制输入框输入类型
一、只能输入数字转载地址：传送门原始方法<input type="text" oninput="value=value.replace(/\D/g,'')" placeholder="请输入数字" v-model="value">封装成方法<input type="text" v-on:input="value=onlyNum(value)" placeholder="请输入数字" v-model="value"> onlyNum(value){
2022-03-28 10:27:13
910
原创 git：创建分支
创建分支的命令：git checkout -b 分支名git push --set-upstream origin 分支名第一条命令：建立本地分支第二条命令：建立
2021-07-12 15:08:07
417
原创 git：删除分支
删除分支的命令：git branch -d 分支名git push origin :远程分支名第一条命令 删除本地分支第二条命令 删除远程分支 注意远程分支名前有英文冒号个人操作习惯详解：git branch -a该命令查看所有分支名，含有 remotes/origin 前缀的代表远程分支git checkout 另外的分支名需要删除【分支名】分支时，先切换到另外的分支git branch -d 分支名该命令删除本地名为【分支名】的分支git push origin :远程
2021-07-12 13:17:36
435
原创 Vue报错之奇形怪状
Avoid using non-primitive value as key, use string/number value insteaditem 是一个对象,这里的报错是指这里的 “不要用对象或是数组作为key，用string或number作为key”
2021-05-26 10:58:01
79
转载 set-cookie 设置问题
原文链接：PolarisHuster从上面两个图我们可以看出，虽然浏览器端有cookie，为什么在发送list请求时没有把本地的cookie带上呢，再看下面的截图：上面两个截图我们可以看出，上面的list请求带上了Cookie信息，那么你不仅会疑问什么情况下http请求会把cookie带上，什么时候http请求不带cookie信息呢，解答这个疑问之前先了解些cookie相关的基础性的东西：Set-Cookie响应头字段（Response header）是服务器发送到浏览器或者其他客户端的一些
2021-05-25 12:07:34
15063
1
原创 工作中常用的git命令
Git 查看分支/* 查看本地分支 */git branch// 实例：master* test/* 查看全部分支-包括远程和本地 */git branch -amaster* testremotes/origin/masterremotes/origin/test以 remotes 开头的代表是远程分支Git 切换分支git checkout branch_namebranch_name 就是你想切换的分支名称Git 新建分支/* 创建本地分支 */git bra
2021-04-25 17:55:09
110
转载 JS 常用正则表达式
验证数字的正则表达式集 验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+?[1-9][0-9]*$验证非零的负整数：^\-[1-9][0-9]*$验证非负整数（正整数 + 0） ^\d+$验
2021-04-25 17:50:43
71
原创 JS实现图片下载功能
download (config) { const a = document.createElement('a') // 创建一个a标签 a.href = config.src // a标签的src属性赋值 if (config.target) { a.target = config.target } a.download = config.fileName // a标签的download属性赋值 document.body.appendChild
2021-04-20 12:01:39
7238
3
原创 Javascript 函数
一、函数创建方式创建命名函数function 函数名(参数) { ... } // 函数声明/* or */const 函数名 = function() { ... } // 函数表达式// 调用：函数名()创建匿名函数document.onclick = function() { ... } // event 添加匿名函数(function () {...})() // 自调用匿名函数使用Function构造函数// 参数：Function 接收任意多的参数，但最后一个参数总
2021-02-24 17:05:51
64
原创 监听-传参-子组件
背景：项目为常见的管理后台系统，封装了一个列表组件列表组件内定义了 searchData 方法用于调取获取列表数据的接口代码逻辑如下：--- 父组件 ---data () { type: 0, // 0、1、2 三个值 searchParams: { // 对象类型 p1: '' }, b: '' // 字符串类型},watch () { type (val) { let oldP1 = this.searchParams.p1 this.sea
2021-01-04 14:57:39
128
转载 vue复习（三）动态参数
Vue 模板语法中我们可以通过 v-bind 绑定属性，例如 v-bind:msg="variable"variable 代表定义Vue实例 data 中定义的属性（property）msg 则是写死的属性但实际在某些情况下，我们希望 msg 也是可以动态改变的，也就是所谓的 动态参数，如下：<a v-bind:[attributeName]="url"> ... </a>这里的 attributeName 会被作为一个 JavaScript 表达式进行动态求值，求得
2020-12-29 16:45:14
871
原创 addEventlistener 和 removeEventListener
element.addEventListener(type, hanlder, false/true)参数解析：type - 事件类型，例如：click、mousemove、mousedown，通过addEventListener绑定的事件不要加上 “on” 前缀handler - 事件触发时执行的函数，可以使用 匿名函数、箭头函数、普通函数等，hanlder 函数的第一个参数就是 所点击的 事件对象el，如果该事件后续可能需要移除，则必须有一个函数名false/true - 冒泡/捕获，不赋值ad
2020-12-21 10:38:20
225
原创 Input输入框的失焦
最近遇到一个需求：需要点击输入框后，出现下拉选项，且下拉选项的内容以树结构展示，如图其中遇到一个棘手的问题，在输入框失去焦点时，下拉选项框需要隐藏，这意味着当我准备点击树节点时，整个下拉选项框就被隐藏了，所以虽然视觉效果上我点击了节点，但实际上我一直未曾真正点击到。解决思路：=> 在点击节点时，需要保证输入框不会失去焦点=> 在下拉选项区域内做操作时，输入框不会失去焦点=> 输入框的失焦是在鼠标onmousedown事件执行时浏览器的默认行为=> 给下拉选项区域加上
2020-12-02 10:02:16
4950
原创 安装已中止,安装程序并未成功地运行完成
起因：卸载时使用360软件管家或者其他卸载软件导致问题：再次安装该软件时提示 “安装已中止,安装程序并未成功地运行完成”解决方案：打开控制面板，可直接在win10左下角搜索 “控制面板即可”，点击 “程序与功能” , 找到未卸载干净的程序，将其卸载后再重新安装程序...
2020-11-10 11:06:25
34107
2
原创 小程序真机调试问题
时间：2020.11.10问题：使用支付宝的真机调试功能时，手机端正常显示页面，但控制台无捕获–就是console.log和接口都未在控制台显示原因：需要更新支付宝小程序开发者工具，现有版本与支付宝版本不匹配，更新开发工具后功能正常...
2020-11-10 09:35:53
1024
原创 npm包全局安装报错
抛出的错误信息：npm ERR! Error: EPERM: operation not permitted今天使用 npm 在全局安装一个包时报上述错误，其实翻译一下的意思就是 “不允许操作”。问题症结：使用npm向全局安装依赖包时，会涉及到文件以及文件夹的增删操作，在这一步你被系统阻止了导致问题可能的原因：电脑当前账号的权限不够，不是管理员权限当前包正被使用，博主遇到的问题是：老项目需要全局安装一个 anywhere 的依赖包，以前安装过，现在需要将以前的 anywhere 删除后重装，但
2020-11-05 14:26:54
1002
原创 H5代码正常但在IOS端出现页面卡顿
最近的一次H5项目中，同一套逻辑安卓端运行正常，ios端出现点击后页面跳转卡顿接口获取数据后，显示延迟原因：ios端/安卓端实现H5展示的工具并不相同，ios端工具对console.log的支持不够友好，因为console是同步代码，H5工具未解析完该代码之前后面代码不会运行，因此导致上述问题解决方式：删除代码中无用的console.log, 尤其注意，打印内容涉及到 this 指向时，造成的卡顿更为明显...
2020-11-04 15:36:01
1520
原创 移动端输入框需多次点击才生效的问题
移动端为解决点击后300ms延迟通常会引用 fastClick 这个包，博主出现该问题时FastClick 的版本为 1.0.6vue-cli 版本 3.xvue 版本 2.x问题如下：点击输入框时灵时不灵，有时需点击多次才会选中当前输入框解决方案，main.js 文件内引入该段代码：// 用于解决input输入框需要点击多次的问题FastClick.prototype.focus = function (targetElement) { let length; if (targ
2020-11-02 13:07:00
801
1
原创 vue复习（二）插槽
插槽官方文档：传送门默认插槽当子组件中未使用<slot></slot>标签时，父组件内<Child></Child>标签间的内容会被忽略反之，父组件内<Child></Child>标签间的内容会替换 <slot></slot><slot></slot> 标签之间可以存在内容，当父组件的 <Child></Child>标签间没有内容时，就会默认显示 ` 标
2020-10-11 20:36:43
84
原创 Vue2.x复习（一）组件通信
运行环境node 10.xvue.js 2.xvue-cli 3.x组件通信父组件 => 子组件属性 props// childprops: { msg: String }// parent<Helloworld msg="welcome to your Vue.js App"/>特性 $attrs// child： 未在子组件props中声明的属性,可在子组件中使用 “$atttrs.属性名” 的方式引用<p>{{ $attrs.foo
2020-10-11 19:36:30
96
原创 Word文件转HTML
Word 转 HTML第一步：使用word文档打开文件，将文档另存为 "筛选过的网页(*.htm,*.html)"格式 到 “a文件夹” 下此时的 “a文件夹” 下会多出一个文件和文件夹：文件：包含html内容、js脚本、css样式，点击可通过浏览器直接预览文件夹：包含word文档中的图片第二步：将 html 或者 htm 文件使用编辑器打开（以vscode为例）如果出现乱码，点击 右下角 UTF-8 ，选择通过编码重新打开，点击后，选择 gb2312 即可如果仍存在乱码使用其余编码
2020-08-31 16:05:32
4540
原创 Javascript 函数（易忘点记录）
函数体结构：function functionName(params) { statements }，在代码中创建一个函数体我们称为 函数声明functionName 可以是任何合理的标识符（ECMA 保留的关键字和保留字除外）调用函数体：functionName(params)，调用函数体称为 函数调用声明函数时接收的参数称为 “形参”，调用函数体时传递的参数称为 “实参”，实参的个数并不拘束于形参的个数在函数内部 return 关键字后跟随的表达式结果将作为函数的返回值，函数内部 return
2020-08-26 10:53:31
115
原创 javascript 条件语句和循环语句(易忘点记录)
/*statement - 语句expression - 表达式*/// do-while 语句do { statement} while (expression);// while 语句while (expression) { statement}do-while 与 while 语句两者间的差别在于 do-while 会多执行一次/*initialization - 安置初始值condition - 条件final-expression - 最终表达式varia
2020-08-25 18:09:27
101
原创 react学习中错误总结
① 使用装饰器报错报错内容如下：The decorators plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you want to use the legacy decorators semantics, you can set the 'legacy: true' option.解决方案：① 给package.json 对象添加属性 babel，注意：plugins 数据是两
2020-05-19 09:18:12
303
转载 Vue中的异步路由、异步组件、懒加载第三方类库
作者：Mr老朝链接：https://www.jianshu.com/p/dca3e41753ab来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。网上说这块的很多，但是没看到有一篇能说全的。这里就说说怎么通过异步和懒加载的形式把首屏代码实现到最小。注意：首屏的代码不要异步加载，非首屏代码异步加载。不然初始代码加载完成后，还有等运行后再去加载首屏代码，反而拉慢首屏显示。一、现在异步组件最常见的技术用两种。1、依赖requireconst Editor = resol
2020-05-08 18:11:12
2304
1
原创 NPM 安装失败解决方案集合
简单情况第①种情况显示安装完成后，使用 `vue -V` 提示：无法加载文件 C:\Users\root\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。解决方案...
2020-05-06 16:30:45
8565
原创 有效的括号
给定一个只包括 ‘(’, ‘)’, ‘{’, ‘}’, ‘[’, ‘]’ 的字符串，判断字符串是否有效有效字符串需满足：1. 左括号必须用相同类型的右括号闭合2. 左括号必须以正确的顺序闭合function isValid () { let stack = []; let obj = { '(': ')', '[': ']', '{': '}' }; for (let i = 0; ...
2020-05-04 14:44:32
80
原创 斐波那契数
利用数组递推，而不是函数的递归function fib(N) { let cache = []; for (let i = 0; i < N; i++) { if (i == 0 || i == 1) { cache[i] = i; } cache[i] = cache[i - 1] + cache[i - 2]; } return cache[N];}...
2020-05-04 13:20:17
81
原创 两数之和
/*@param { number [] } nums@param { number } target@return { number[] }*/// n 两遍遍历 大概次数是 n*n o(n^2)var twoSum = function() { // 你需要什么样的对象，告诉主办方 let obj = {}; for (let i = 0; i < nums.len...
2020-05-04 12:37:00
67
原创 Javascript 高级编程3理解(初版)（一）
虽然 JavaScript 和 ECMAScript 通常都被人们用来表达相同的含义，但 JavaScript 的含义却比 ECMA-262 中规定的要多得多。没错，一个完整的 JavaScript 实现应该由下列三个不同的部分组成： 核心（ECMAScript） 文档对象模型（DOM） 浏览器对象模型（BOM）ECMAScriptECMA-262 定义的 ECMAScri...
2020-04-30 17:37:16
101
转载 Javascript之宿主环境
语言和环境是两个不同的概念，提及JavaScript，你可能会想到浏览器。没错，浏览器是JavaScript语言的摇篮，也是它的栖息地之 一。脱离了环境，JavaScript代码是不能够运行的，学习JavaScript语言也失去了应用的价值。这与其他系统级的语言有着很大的不同。例 如，C语言可以开发系统，制造环境，而JavaScript只能够寄生在某个具体的环境中才能够工作。JavaScript...
2020-04-30 15:35:45
1085
原创 vue-cli引入svg图的方式
1. 安装 npm i svg-sprite-loader -D 开发依赖包2. 在项目src目录下新建一个icons目录目录结构- src - icons - svg - wx.svg - qq.svg3. 配置 vue.config.js 的 chainWebpack 属性链式操作详解// 使用export.module的原因是vue-...
2020-04-14 12:17:00
4634
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人