- 博客(34)
- 收藏
- 关注
RSS订阅原创 vs code 如何关掉自动更新依赖
前言：真的是很尴尬，真是绝了，开会前把项目跑通了，开个会项目一堆报错，没人动我电脑啊，啥玩意儿啊！！！抱着电脑过去请教大佬的我在风中无语凝咽，是谁！！是谁动了我的电脑！！知不知道 webpack 4.0 到 webpack 5.0 很大的改动的，谁让你升级了，我真的是原地爆炸????ok，fine，是 vs code(啧)废话不多说，直接说咋做吧（恼火???? ）实操：默认情况下，VSCode会自动检测升级插件。 禁止VScode自动升级插件方法如下：运行菜单 File 中 Preferen
2021-12-22 10:43:55
1611
1
原创 Cannot find module ‘@angular-builders/custom-webpack/package.json‘
可能是资源加载问题网上很多说法就是我没有这个资源，将这个资源加载就行了，但是我的问题是Angular-builders/custom-webpack 是我不要的，我卸载不干净，导致运行时候出现问题。常规套路来说，我只需要将 node_modules 删除，然后再将 package-lock.json 也删除了，避免影响我后续的加载，为了保险额外再清理一下缓存 npm cache clean --force，最后加载一下就行了，步骤如下：delete node_modulesdelete packa
2021-11-18 11:33:43
1959
3
原创 Angular @ViewChild是什么玩意？static 怎么设置？
@ViewChild 是一个指代，可以通过这个指代得到这个组件或者元素、甚至可以使用这个组件的值和方法。一般父组件想要获取子组件的信息，或者调用子组件的方法时可以使用 ViewChild，这是一个单向的方法。元数据属性官方文档的解释：https://angular.cn/api/core/ViewChildselector：用于查询的指令类型或名字read：从查询到的元素中读取另一个令牌static：若为 true，在变更检测运行之前解析查询结果；若为 false，在变更检测之后解析。默认为
2021-10-28 16:05:45
3659
原创 Angular Pipe | async 管道 | 自定义管道
管道的概念管道是一些简单的函数，可以在模板表达是中用来接受输入值，并返回一个转换后的值。用处：用于对字符串、货币、日期和其他显示数据进行准换和格式化常见的内置管道：DatePipe：根据本地环境中的规则格式化日期值UpperCasePipe：转为大写LowerCasePipe：转为小写CurrencyPipe：数字转为货币字符串，根据本地环境中的规则进行格式化DecimalPipe：把数字转为带小数点的字符串，根据本地环境中的规则进行格式化PercentPipe：把数字转换为百分比字符
2021-10-18 16:20:06
1411
2
原创 Angular 组件间传值|@Input&@Output|Subject
Angular 组件间传值一、@Input & @Output & EventEmitter二、基于 RxJs Subject 的组件间通信一、@Input & @Output & EventEmitter什么是 @Input？什么是 @Output？@Input 是用于定于模块输入是用于父组件给子组件传值的。@Output 是用于子组件给父组件传值的。@Output 将子组件中的属性标记为数据，从子组件传到父组件，并且使用该属性提出事件，从而通知父组件去
2021-10-18 16:00:10
1592
原创 由浅至深，需求到进化角度讲 HTTP 协议的进化
今天主要是捋一捋 HTTP 的发展史，和介绍一下 QUIC 协议文章主要采取需求 - 进化的角度去说对 HTTP 发展的进程文章目录一、HPPT1 性能优化1.1 超文本传输协议 HTTP/0.91.2 被浏览器推动发展的 HTTP/1.0和查漏补缺的 HTTP/1.11.3 HTTP1 解决的问题 & 暴露的问题二、HTTP2 甩掉网络速度2.1三、HTTP3：甩掉 TCP、TCL 包袱，构建高效网络四、QUIC 实战一、HPPT1 性能优化1.1 超文本传输协议 HTTP/0.9早在
2021-09-02 23:15:36
266
原创 vue环境下，input不能更改数值？输入没响应？
背景详情功能需求：需要写一个 12 月份的表格，表格的数值是可以修改的。实现技术：Vue、ElemetUI问题展示表格成功回显，但是没办法修改数值？？思考路径：（1）最开始思考是的，会不会我又子组件去循环修改父组件的数据，导致数据错乱不能修改数据。props 传入数值，watch 监听数值变化，在 watch 深拷贝数据，依据深拷贝的数据进行下一步的操作。排除了因为子组件修改数据，影响父组件的问题。（2）最后赋值给 tableData方式是否有误？下面是原来的代码（有误的代码）// -
2021-08-25 15:14:11
834
原创 浏览器的同源政策是什么？如何解决跨域问题？ajax如何实现跨域？
上面有提到说跨域请求是对 js 的限制，像 img 和 script 是不限制的
2021-08-11 11:53:19
291
原创 elementui 中如何实现月份多选 | elementui 时间控件月份多选
elementui 怎么设置月份多选背景交代：可多选不连续的月份，现 elementui 组件库已有日期多选，但是没有月份多选的 type一、折中做法思路：使用 elementui 自带的type: dates，然后利用 picker-options控制用户只能点击每个月的 1 号，再利用 value-format 控制展示的格式为 yyyy-MM 从而达到多选月份的目的。优点：比较方便，有现成组件套用，书写简单缺点：用户不好操作，每次点击下一个月都需要点击多一次多选月份界面不够直观，容易
2021-07-26 11:03:13
5941
2
原创 element 组件库，控件错乱，都跑到左上角
不知道你们有没有遇到这种情况，表格操作，明明是在右边的下拉选择，缺跑到左上角了明明是在右边抽屉的时间控件，位置错乱跑到左上角了（如下图）一般这种情况都存在会切换的情况。比如表格列表操作有有各种判断控制某些操作展示与否，比如图中的单月和多月切换时间控件。这个时候只需要在对应切换的地方加上 key 就好啦，比方说图中的问题，在对应的两个时间控件加入 key 就 ok...
2021-07-23 16:26:01
1086
原创 element-ui 限制时间跨度以月为单位|时间选择器校验
需求是这样子的：有效期只能一个月一个月选，不可以 1 月 13 日 到 2 月 13 日，最小选择是一个月。简单来说：开始时间选择范围是每个月的 1 号，结束时间选择范围只能是每个月最后一天我的逻辑是这样子哒：第一种情况： date 没有值的时候第一次打开时间选择器，此时 date并没有值，这时可选择的范围只能是每个月的 1 号我们点击了某个月的 1 号，此时时间范围需要变动了，时间范围是每个月的最后一天。注意： 你当前选择的那天必须是可选的，不然会陷入你选择了 1 号后，只能选择 31 号
2021-03-11 10:56:15
741
原创 npm 安装机制及不同版本的处理情况
总所周知，npm 最重要部分是安装和维护依赖。npm 安装机制npm 安装机制是优先安装依赖包到当前项目目录，减轻依赖包API兼容性的压力。但是这样子就会出现一种情况：A项目和B项目都依赖了C依赖包，那么这个C会在A项目和B项目分别安装一次，这就导致我们的电脑上多次安装了依赖C。npm 不同版本会有的不同处理情况，同一个项目团队，应该保证 npm 版本的一致。...
2020-12-26 16:42:11
854
原创 npm run serve 后突然报错：Error loading vue.config.js ？？？ catch {} 有问题？？？
年少无知，瞎弄时候，用公司的代码弄，把环境搞崩溃了 = =我看网上都是这些：删除 node_modules 文件，npm install删除 node_modules 文件和 package-lock.json，清楚 npm 缓存，再加载依赖以上方法都试过了，不行然后我就删除项目，重新 clone 下来，一顿操作猛如虎还是不行 = =然后我麻烦了同事帮我打包这个项目，我解压之后，运行项目还是不行 = =最后请教大佬，发现我的 node 版本太低了！！！！我giao !!! 卸载 no
2020-09-30 17:48:04
20058
6
原创 结合 element-ui做一个标签管理，keyup.enter 和 blur 同时存在时，触发两次
element-ui 有一个动态编辑标签，可以删除和添加。但这样是不满足我的需求，我们想弄成和微博标签一样。大概就是：下面有一个总的标签库，上面是我选择的标签，标签库可以编辑，添加，删除标签，点击总标签的标签，会变成自己选择的标签。自己选择的标签只能删除。目前我实现的效果是这样子的：总的标签库代码如下： <!--新增标签的输入框--> <el-input class="input-new-tag" v-if="inputVisible"
2020-09-30 15:07:12
649
原创 echart设置datazoom窗口范围不生效
想要达到效果：在选择【年】时候，datazoom 限制一下窗口范围，避免 图数据过多看不清。选择其他时候，datazoom 开放窗口范围。原始代码：在浏览器 vue 插件上也是显示 end 就是 30，maxSpan 就是 30；但是图表依旧显示是 100。简直让人脑袋疼。一开始我想着是会不会是有缓存，在赋值前 this.$refs.chart.clear()，没得用。这时候我久十分迷惑，这是为啥啊？？？这时候我同事说了一句，会不会是 datazoom 默认拿了一个的窗口范围，好家伙，我对换一下，
2020-09-30 11:08:45
4279
4
原创 修改一个值，另一个值也被影响！？原来是 JS 深浅拷贝的问题
设定初始值 A 和数据 B 作对比，两者一开始都是由 C 赋值的。后面 B 每次改动 A 部分数据也对应改动，没有达到可以对比的目的。涉及到了 JS 深拷贝和浅拷贝的知识点
2020-07-01 16:57:52
705
原创 mixin 混入使用，进一步简化代码
当多个组件复用时候，可以考虑使用混入【mixin】简化代码，更好阅读和后期维护vue 官方解释 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项我们写项目比较常用到的格式化数字，如果格式化数字是几个组件比较通用的，可以抽出放在mixin里面mixin 实质上就是一个 vue 页面，写法和 vue 一致。当组件和混入对象含有同名选项时，这些选项将以恰当的方式
2020-06-29 15:27:59
255
原创 div 超出如何优雅使用滚动条解决
写代码时候遇到一个适宜小屏的问题：小屏时候，内层 div 超出外层 div 的包裹，外观不美观。大致如下图所示一开始我使用滚动条来实现优化，有顿操作：诶，怎么还是没有变化？最后我发现是因为在这个外层 div 外还有一个大的 div 包裹着，和这个外层div 同级还有一个头部 div，大致如下：这时候我设置的 height:100%意思是指这个里层主要内容 div 的高度 100%，这时候就达不到我们需要的效果了，所以高度需要动态处理一下。这时候就拿出我们的 calc 函数用于动态计算长度值。
2020-06-29 14:32:10
748
原创 会了ES6 解构赋值，工作效率提高50%
ES6 结构赋值解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。实习期间大佬建议数据时使用解构写法，现在回头看自己写的代码，十分有感触，解构写法更加简洁便于维护。初始代码解构后的写法以上可以明显看出结构写法更加简洁清晰，建议大家在下面情况使用解构写法，便于后续维护解构赋值有很多用法，比较常用如下具体所用用法查看：MDN web docs 解构赋值解构数组注意：数组的元素是按次序排列的，变量的取值与位置相关，由位
2020-05-25 14:02:35
324
原创 git 指令的基本使用，熟悉掌握快速融入公司进度
#编辑代码的良好习惯##命名规范1.##使用 git拉去远程分支的代码先查看当前项目有多少分支（看看你需要上传的是哪个分支）git branch -r2. 查看你当前是哪个分支，查看是否需要切换分支，带星星前缀就是你项目的当前分支，下图就是 yd-1.2 为当前分支。如果是使用 Git Bash 则一开始在路径就会显示当前分支，如下git branch3. 若要切换分支到 hotfix-demo（远程已有的分支） -b 是指远程已存在的分支 develop 是指需要切
2020-05-22 17:28:02
98
原创 unexpected identifier 报错到底是为什么？看了猛汉落泪
不用找了，就是你的 JS 代码格式错误了 = =检查符号是否格式错误，漏了检查单词是否拼写错误了唉，一开始的我找了好久好久，还想着是版本不兼容问题= =窒息了。最后原来是少了一个逗号，老铁们看清楚，别被自己坑了...
2020-04-09 00:12:20
9992
原创 @ResponseBody 和 @RestMapping 使用错误导致的误会（雾）
报错：org.thymeleaf.exceptions.TemplateInputException: Error resolving template [admin/patients_info], template might not exist or might not be accessible by any of the configured Template Resolvers问题...
2020-04-09 00:08:14
2144
原创 Navicat 直接生成 数据库表联系图
因为写毕业论文刚刚好写到 「数据库表联系图」，本人比较懒，想着用 navicat 直接生成就好了[滑稽]，百度一看，奈斯，可以哦。兴冲冲的我马上点开 navicat 就直接生成模型。一看，嗯？？？为啥表和表之间没有连线的？？生成的路径如下图所示：我一看，原来是 Navicat 没有设置外键，奈斯，设置外键 so easy！「设计表」–>「外键」，一顿操作猛如虎呀，然后「外键」表...
2020-03-01 00:28:34
5116
原创 Navicat 创建表时候，报 1075错误
背景：1.表中有 account 字段，想设置为主键，报错；报错显示是 有一个自动列，必须将其设置为一个键。然后一查知道，自动递增列系统默认为主键，需要设置其为主键。 2. 发现后面表中还含有 ID 字段，并且设置为自增，没有设置为主键，我就继续将这个 ID 字段设置为主键；3. 我看了看别人是需要先将 ID 设置为主键再将其他列设置为主键才成功，我这是两个都可。[狗头]...
2020-02-27 14:18:31
4051
原创 promise、setTimeout混搭的 JavaScript 运行机制
promise、setTimeout混搭的 JavaScript 运行机制笔试题总考，一次又一次再见面的兄弟 promise 和 setTimeout真让人欲罢不能（雾）。真的受不了每次浑水摸鱼猜（真实），这次看了各有趣的总结，在此做个总结！！参考： https://juejin.im/post/59e85eebf265da430d571f89#heading-3首先先要知道 promi...
2019-12-21 14:56:26
494
原创 JavaScript 数字与字符串互转
JavaScript 数字与字符串互转大法（雾）数字转字符串number.toString(); 目前只知道这个，感觉很实在 = =var num = 12;console.log(typeof (num.toString())); //String字符串转数字利用 js 变量弱转换,比如： “12” - 0 = 12(number)转换函数,字符串 —> 数字 （ 非数字...
2019-12-20 00:42:21
248
原创 JavaScript 出现 NaN 的情况大总结
JavaScript 出现 NaN 的情况大总结每次看这个运算真的头大，为啥这个 NaN 啊简直让人恼火，这次就简单暴力做个大总结吧注意事项：NaN（NOT A NUMBER） 是 JavaScript 的保留词，指不合法的数运用 NaN 进行运算，最后得出也是 NaN可以使用 isNaN()来判断是否某个值是否为数// 判断是否为 NaNconsole.log(isNaN("a...
2019-12-20 00:24:03
13502
2
原创 JavaScript 数字与字符串的加减乘除运算
JavaScript 数字与字符串的加减乘除运老几次做题懵逼，遇到一大串运算句开始晕哪个打哪个，这次就一次性看透= =，免得再有下一次。JavaScript 数字 number：数值始终是 64 位浮点数，整数最大 15位，小数最大 17 位JavaScript 字符串是引号中的零个或多个字符：可使用单引号 | 双引号注意： 在所有数字运算中， JavaScript 会将字...
2019-12-19 13:03:53
8103
3
原创 结合课本手把手教你二叉树的性质
二叉树的性质笔试好几次遇到二叉树，每次都蒙蔽，干脆直接回归课本看了看定义，总结了一下放在这里了。 TAT二叉树的基本概念二叉树是结点的有限集合，集合或者为空集，二叉树的一个递归的定义二叉树的基本形态：树和二叉树的区别：二叉树的有序的，二叉树的结点字数是区左子树和右子树，即使只有一子树也需要明确指出子树是左子树还是右子树两种特殊二叉树满二叉树——每一层都充满节点完全二叉...
2019-11-27 12:22:48
211
原创 二叉树先序遍历、后序遍历、中序遍历
二叉树的遍历先序遍历——中左右从根部 A 开始，然后开始遍历左子树，直接找到 B ，查看 B 有没有左子树，有 D，再查看 D 有没有子树，没有，D 已经是叶子，所以第二个是 D。倒回去，取中 B，第三个数是 B。查看 B 有没有右子树，有 E 。查看 E 有没有子树，有 G (左），H （右）。所有后面三个数是 EGH从 H 返回到 A ,A查看右子树最近结点 C，存 C。继续查看...
2019-11-27 12:11:25
286
原创 一张图说明白树的概念
树的概念树是非线性结构,树形结构一般用于描述元素之间的层次关系节点的度：结点所拥有的孩子树的度：书中所有结点度最大值度为 0 的结点：终端结点/叶子节点...
2019-11-27 11:40:20
226
原创 吐血详细的JavaScript 变量的声明
变量声明区分字母大小写不允许变量名有空格或者标点符号（$例外）允许字母，数字（第一个字符不允许是数字），美元符号，下划线js 不允许用户自定义常量，不支持 constant 关键字。JS 局部变量和全局变量var a = 10; // 1var b = 10;function f() { console.log(a); //2 因为在本函数内部，a 未定义，相当于是 v...
2019-11-26 19:42:01
91
转载 静态变量、动态变量、内部变量（局部变量）、外部变量（全局变量）
区分静态变量、动态变量、内部变量（局部变量）、外部变量（全局变量）静态变量、动态变量、内部变量（局部变量）、外部变量（全局变量）变量的分类来看静态变量、动态变量、内部变量（局部变量）、外部变量（全局变量）文章参考：https://blog.csdn.net/21aspnet/article/details/2560072文章参考：https://blog.csdn.net/u01392143...
2019-11-26 17:53:17
4651
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人