- 博客(93)
- 资源 (5)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 chrome插件
严格来讲，我们正在说的东西应该叫Chrome扩展(ChromeExtension)，真正意义上的Chrome插件是更底层的浏览器功能扩展，可能需要对浏览器源码有一定掌握才有能力去开发。Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包。...
2022-07-18 15:08:57
152
原创 关于web前端也想做App 这件事（浅谈）
Gitkraken目前的新版本需要money大概是一年400块钱，不过我这里有不需要付费的版本，MacOs需要锁定应用版本，不允许更新，windows需要下载一个类似(电脑管家)限制gitkraken的update进程的流量使用，避免更新。在自定义基座上运行的app就是最接近正式版app的感觉，最直观的感受是这个app的名称，LOGO是由开发这自己设置的。的同学可能要问，这这这也不是我的app阿还是HBuilder，其实这里有两个概念一个是。......
2022-07-18 15:03:36
147
原创 ESLint 报错
遇到一个问题，vscode自动保存后,报错：1.Expected " " character, but found "\t" characte （应为“”字符，但找到“\t”字符）2.warning Expected indentation of 14 spaces but found 12 spaces解决方法：两种都可以1. 2.在settings.json配置：配置之后，重启跑项目就解决了...
2022-06-17 18:10:11
2906
原创 职业规划和发展
目前毕业一年，计算机本专业。目前从事旅游行业前端工作，从学生到职场你会遇到形形色色的人，只要他们不是心怀恶意，请不要恶语相向。帮你是情分，不帮是本分，如果碰见一个愿意帮助你的同事你更应该心怀感激。新人选择工作要是迷茫的话，建议来前端做一个过渡，剩下的你关注公司内使用的知识或者业界内的热点，然后就是凭借你的兴趣去学习并应用于工作。其实现在开源项目你去github上去搜索都是的，你拥有良好的学习环境，只要你愿意沉下心去学习。当你在公司碰见新技术时，你第一反应就应该是感觉到兴奋，并了解和应用新技术。计算机专业的学
2022-06-17 11:46:51
1905
原创 Junit5 支持suite的方法
单元测试中有部分是不希望自动执行的，仅有部分单元测试希望在内网http://10.0.0.65/ 服务器上自动运行，因此希望配置suite 以解决部分执行问题。（junit5 低版本中没有suite,目前我们springboot默认带的junit5 需要升级）带来的好处： <dependencyManagement> <dependencies> <dependency> <groupId&g
2022-06-16 14:07:02
1014
4
原创 Junit4运行mvn test 测试套件升级方案
项目中包含了junit4（独立引入） 和junit5（spring-boot-starter-parent 2.5.4自带版本）目前我们使用的springboot 3.5.4自带的maven-surefire-plugin 版本为：2.22.2其加载逻辑如下： 会按照junit5的规则查找测试，但是我们suit套件使用的是junit4版本，导致出现找不到单元测试异常。if the JUnit 5 Platform Engine is present in the project use juni
2022-06-10 13:59:13
733
2
原创 高考那些事
我已参加工作：1、你有哪些印象深刻的高考记忆？在高考之前，心情难免有一些紧张。高考中不要考虑其他的放平心态放手一搏，给自己留一个无悔的青春记忆。高考走出考场就放松吧2、你现在在做什么工作？你选择的专业对你的工作帮助大吗？程序员 计算机专业 专业对口 你感觉选择专业对自己以后有帮助吗或者选择你自己喜欢的专业做为兴趣发展3、如何利用好高考后的假期时间？合理安排时间 切合实际 4、高考之后建议去打工吗？看你自身安排，打工同样是一种历练，打工时不要抱怨，知道打工不易应更体贴父母，更应该好好学习，前段时间不是还有
2022-06-10 12:09:20
111
原创 vue-cli-service报错
1、在项目的根目录下直接运行npm cache clean --force && npm install命令 或者直接运行npm cache clean --force。2、删除node_modules文件夹，然后再执行npm install命令。3、看下是不是你没有在packjson里面设置vue-cli的这个依赖。原因说下，主要这个是因为你手动删了一些东西，导致文件和modules里面对应不了。这个情况比较常见。还有就是缓存的问题导致的。第三个那个一般不存在的。
2022-06-02 14:23:31
2808
原创 阿里云Prometheus监控服务
什么是Prometheus？Prometheus是一个开源系统监控和警报工具包原生Prometheus：Overview | Prometheus工作原理：prometheus原理简介_袁胜的博客的博客-CSDN博客_prometheus原理框架：阿里云Prometheus1.简介：阿里云Prometheus监控全面对接开源Prometheus生态，支持类型丰富的组件监控，提供多种开箱即用的预置监控大盘，且提供全面托管的Prometheus服务。名词解释请参考
2022-05-30 10:35:56
1115
原创 阿里云ack介绍
1.k8s当中的网络划分k8s中的网络（较详细汇总） - jojoword - 博客园 (cnblogs.com)2.ack当中的各层意义1.集群信息 集群信息展示了集群的基本信息和连接信息2.节点管理2.1.节点池 简单理解为机器，所有机器的池子2.2.节点 每一台机器3.命名空间与配额 字面意义的命名空间，资源隔离4.工作负载4.1.无状态 数据不需要持久化的可以使用这种方式 如 Nginx Tomcat等k8s..
2022-05-30 09:40:16
3175
原创 Mysql索引
mysql 索引分类从物理存储角度分为：聚簇索引：将数据存储与索引放到了一块，索引结构的叶子节点保存了行数据非聚簇索引：将数据与索引分开存储，索引结构的叶子节点指向了数据对应的位置从逻辑存储角度分为：普通索引：仅加速查询,无限制唯一索引：加速查询 ，列值唯一（可以有null）,如果是组合索引，则列值的组合必须唯一主键索引：加速查询 ，列值唯一（不可以有null），表中只允许有一个主键索引, 是一种特殊的唯一索引组合索引：多列值组成一个索引，专门用于组合搜索，其效率大于索引合并..
2022-05-27 16:54:37
1721
原创 阿里云短信服务
准备首先需要申请签名添加模板创建AccessKey#阿里云短信服务aliyun: sms: regionId: cn-hangzhou accessKeyId: accessKeySecret: signName: xxxxxx templateCode: SMS_234281135 <!--阿里云短信服务--> <dependency>
2022-05-27 16:52:08
888
原创 Dockerfile
构建镜像的方式:1.docker commit2.docker DockerfileDocker commit:docker commit命令是创建新镜像最直观的方法，其过程包含三个步骤：● 运行容器● 修改容器● 将容器保存为新的镜像。如何用docker commit创建新镜像。Docker并不建议用户通过这种方式构建镜像。原因如下：手工创建镜像的方式，容易出错，效率低且可重复性弱。 使用者并不知道镜像是如何创建出来的，里面是否有恶意程序。也就是说无法对镜
2022-05-27 16:48:00
111
原创 RocketMQ实践
概念Topic先创建Topic ，创建Topic时需要指定该Topic要存储在哪些Broker上，也可以在发送消息时自动创建Topic，每个Topic默认会分配4个Queue根据rocketmq 的官方文档建议指出：消息类型是否一致：如普通消息、事务消息、定时（延时）消息、顺序消息，不同的消息类型使用不同的Topic，无法通过Tag进行区分。业务是否相关联：没有直接关联的消息，如淘宝交易消息，京东物流消息使用不同的Topic进行区分；而同样是天猫交易消息，电器类订单、女装类订单、...
2022-05-27 16:46:35
313
原创 Skywalking理论与实践
链路追踪是什么?随着服务的越来越多，对调用链的分析会越来越复杂 通常会遇到下面一些问题，比如：1. 如何串联整个调用链路，快速定位问题？2. 如何缕清各个微服务之间的依赖关系？3. 如何进行各个微服务接口的性能分折？链路追踪框架对比1. Zipkin是Twitter开源的调用链分析工具，目前基于springcloud sleuth得到了广泛的使用，特点是轻量，使用部署简单。2. Pinpoint是韩国人开源的基于字节码注入的调用链分析，以及应用监控分析工具。特点是支持..
2022-05-27 16:44:26
872
原创 go语言入门
📎《8小时转职Golang工程师-生态拓展》.pdf📎《8小时转职Golang工程师-语法部分》.pdf阿里架构师总结Go语言和java语言之间的对比联系 - 知乎
2022-05-27 16:42:25
44
原创 渗透测试的介绍和防范
跨站脚本攻击跨站脚本攻击是指攻击者将具有恶意目的的数据潜入到远程用户信任的WEB页面的HTML 代码中，当该页面被浏览器下载运行时嵌入的脚本将被执行，用户页面被跳转到攻击者精心编织的其他页面，用户毫无顾及的填写各种敏感信息，殊不知已被攻击者盗取或被站点挂马控制。XSS攻击是什么XSS是跨站脚本攻击的缩写，是一种网站应用程序的安全漏洞攻击，是代码注入的一种。 通常是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程..
2022-05-27 16:40:40
1323
原创 阿里云SLS日志服务
阿里云文档链接: 日志服务 - 帮助中心 - 阿里云1.说明：日志服务工作台链接: 阿里云登录 - 欢迎登录阿里云，安全稳定的云计算服务平台关于该服务具体事项可以参考上面阿里云文档上面的介绍，该文档目前介绍如何为每个项目配置相关的日志服务，以及异常查询及告警通知等。如下图所示，用红色框出的三个Project即代表我们目前三个环境，我们分别在该三个环境分别进行对应服务相关的日志SLS配置，由于pre和test都是在ECS主机上面部署，所以我们以test环境举例，daily环境由于是K8S部署，
2022-05-27 16:38:49
10827
原创 Vue系列——在vue项目中使用echarts
该示例使用vue-cli脚手架搭建安装echarts依赖npm install echarts -S 或者使用国内的淘宝镜像：安装npm install -g cnpm --registry=https://registry.npm.taobao.org 1使用cnpm install echarts -S 创建图表全局引入main.js // 引入echarts import echarts from 'echarts' ..
2022-05-27 10:12:00
280
原创 docker基础
What——什么是容器 容器是一种轻量级、可移植、自包含的软件打包技术，使应用程序可以在几乎任何地方以相同的方式运行。容器由两部分组成：（1）应用程序本身；（2）依赖：比如应用程序需要的库或其他软件容器在Host操作系统的用户空间中运行，与操作系统的其他进程隔离。这一点显著区别于的虚拟机。Why——为什么需要容器为什么需要容器？容器到底解决的是什么问题？简要的答案是：容器使软件具备了超强的可移植能力。Docker将集装箱思想运用到软件打包上，为代码提供了一个基于容器的标准化运输系统。Dock
2022-05-27 10:08:04
69
原创 设计模式之模板方法
模板方法模板方法模式在一个方法中定义一个算法的骨架，而将一些步骤的实现延迟到子类中。准备一个抽象类，将部分逻辑以具体方法以及具体构造函数的形式实现，然后声明一些抽象方法来迫使子类实现剩余的逻辑。不同的子类可以以不同的方式实现这些抽象方法，从而对剩余的逻辑有不同的实现。模板方法使得子类可以在不改变算法结构的情况下，重新定义算法中某些步骤的具体实现。优点模板方法模式通过把不变的行为搬移到超类，去除了子类中的重复代码。子类实现算法的某些细节，有助于算法的扩展。 通过一个父类调用子类实现的操作
2022-05-26 16:20:38
206
原创 设计模式之责任（命令）链
1.定义：责任链：使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系，将这个对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理他为止。命令（链）：请求以命令的形式包裹在对象中，并传给调用对象。调用对象寻找可以处理该命令的合适的对象，并把该命令传给相应的对象，该对象执行命令。不同点：责任链为多个对象对一个请求，命令为一个对象对多个请求相同点：属于行为模式，对请求者和接收者解耦。实现原理相似。2.主要概念：1）Context 上下文Co
2022-05-26 16:19:59
205
原创 canal
简介canal [kə'næl]，译意为水道/管道/沟渠，主要用途是基于 MySQL 数据库增量日志解析，提供增量数据订阅和消费早期阿里巴巴因为杭州和美国双机房部署，存在跨机房同步的业务需求，实现方式主要是基于业务 trigger 获取增量变更。从 2010 年开始，业务逐步尝试数据库日志解析获取增量变更进行同步，由此衍生出了大量的数据库增量订阅和消费业务。基于日志增量订阅和消费的业务包括数据库镜像数据库实时备份索引构建和实时维护(拆分异构索引、倒排索引等)业务
2022-05-26 16:19:09
235
原创 Vue项目搭建常用的配置文件，request.js和vue.config.js
1. 前端跨域解决方案request.js用来请求数据，封装的代码如下：import axios from 'axios'const request = axios.create({ baseURL: '/api', // 注意！！ 这里是全局统一加上了 '/api' 前缀，也就是说所有接口都会加上'/api'前缀在，页面里面写接口的时候就不要加 '/api'了，否则会出现2个'/api'，类似 '/api/api/user'这样的报错，切记！！！ timeout: 5000......
2022-05-26 16:05:44
778
原创 module.exports用法
module.exports对象是由模块系统创建的。在我们自己写模块的时候，需要在模块最后写好模块接口，声明这个模块对外暴露什么内容，module.exports 提供了暴露接口的方法。1、返回一个JSON Objectvar app = { name: 'app', version: '1.0.0', sayName: function(name){ console.log(this.name); }}module.exports = app;这种方法可以返回全局共享的变.
2022-05-26 16:03:25
747
原创 深入理解webpack打包bundle.js的机制
本文通过实际打包查看bundle.js的源码的方式来理解webpack的打包输出。项目目录如下：+ index.js+ package.json+ webpack.config.js其中webpack.config.js的配置如下const path = require('path');module.exports = { entry: './index.js', mode: 'development', output: { path: path.resol...
2022-05-26 15:47:21
506
原创 antd 与 element-ui如何按需引入，以及二者的不同
antd与element-ui作为两个用途广泛的ui框架，均提供了按需引入，毕竟全量引入会导致包体积太大。尤其是当我们只想使用其中几个组件的时候，按需引入就变得更有必要了。我特意数了一下，二者均提供了共计63个组件，这是不是有什么特殊意义…当然这么多组件更进一步证明了按需引入的必要性。其实官方均已经提供了按需引入的方式：antd# 安装 babel-plugin-import$ npm install babel-plugin-import -D# 在babel.config.j
2022-05-26 14:36:18
1072
原创 iterators/generators require regenerator-runtime, which is too heavyweight for this guide to allow
iterators/generators require regenerator-runtime, which is too heavyweight for this guide to allow them. Separately, loops should be avoided in favor of array iterations.for..in loops iterate over the entire prototype chain, which is virtually never wha.
2022-05-26 10:42:34
3579
原创 A plugin must either be a function or an object with an “install“ function.
问题： vue3 的插件需要install方法解决：检查main.ts 文件中 app.use()具体问题：我遇到的问题是有几个插件没有install方法，应该是我插件引入方式错了，每个三方插件使用的时候看下官网。app.use()拿不到；我改成app.config.globalProperties就可以了...
2022-05-26 10:02:40
3694
1
原创 调试微信分享：require subscribe
如果是调试测试号，这个错误的原因是需要你去关注公众号。在测试号的后台会有一个二维码，用你需要调用微信接口的那个微信号扫码，成功之后会有显示已经关注的用户列表。然后再次调用接口就可以了。以上，扫码关注即可。...
2022-05-26 09:44:37
533
原创 config:fail,Error: 系统错误，错误码：40048,invalid url domain
调用微信接口报出的错误。这个错误原因是因为安全域名配置错误。分两种情况：1.若是公众号的测试号，你完全可以写一个内网ip，比如192.168.1.100:8080，不必内网穿透，当然如果是需要微信回调的话还要外网可访问2.若是公众号的正式号，可以配置一级域名，比如mydomain.com即可，之后的二级域名都是生效的。总之，需要保证公众号配置的安全域名与调用接口所在页面的域名一致。不一致就会有上面的错误。...
2022-05-25 11:13:56
2357
原创 如何在vue项目中引入svg图标
概述svg，即Scalable Vector Graphics，可缩放矢量图形。相对于jpg，png图标，svg可以在任意分辨率下保证不会模糊，即便是网页缩放了。上图是知乎的截图，可以看到铃铛图标是svg的，消息数量是CSS写的，二者缩放到任意体积都可以保持一个同等的清晰度。而且现在很多ui标注的软件都已经支持直接生成svg，比如sketch，那为何不尝试一下呢。配置svg是一种用xml描述的语言，也就是说，html中引入svg，是以嵌入xml的方式进行的。(也有其他的多种方式
2022-05-25 11:12:05
9153
原创 await is only valid in async function
这个错误的意思是await只能放到async函数内部，言下之意：await必须放到函数里函数必须有async修饰符错误1： 没有放到函数里const myFun = async () => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(1) },1000) })}// 错误： 没有放在函数里res1 = await myFun();con...
2022-05-25 10:54:52
345
原创 vue组件报错超出最大堆栈Maximum stack exceeded
情况1：组件内容的递归函数没有结束条件 情况2：路由拦截出错 情况3：vue组件的name属性如果没有显示指定则为组件的名称，也会造成递归死循环，例如（组件名称为form，name属性没有指定,引入的子组件为Form，这样也会造成栈溢出）...
2022-05-25 10:42:52
1890
原创 element-ui的表格实现无限滚动效果
自定义指令 directives: { tableInfiniteScroll: { bind(el, binding) { let tbody = el.querySelector(".el-table__body-wrapper"); el.tableInfiniteScrollFn = function () { if (this.scrollHeight - this.scrollTop - this.client ==
2022-05-25 10:40:44
765
原创 Vue received a Component which was made a reactive object.this can lead to unnecessary performance o
当使用内置组件compoent时is传入组件需要把引入的组件对象使用markRaw函数修改为不响应的原始值
2022-05-25 10:38:04
3401
原创 TypeError:Cannot read properties of undefined（reading XXX）
问题描述我们在GetNav方法中使用map遍历数组为每一个元素动态生成一列数据,并为每一列数据加上onClick事件，运行报错updateRoute为undefined问题分析map里面的function声明，这种声明方式因为是独立执行，在严格模式下this指向undefined经过验证，打印出来的this确实为undefined因此修改map里面的name方法为箭头函数即可解决问题return arr.map((item)=>{……})问题总结本文归根结底为.
2022-05-25 10:36:33
6196
原创 Vue3 报错解决 Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. P
Unhandled error during execution ofschedulerflush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vue3 很多报错都是不提示的,就是抛出这句异常 , 本篇文章可能会对你寻找问题有一点帮助出错原因Vue2 转 Vue3 时异常报错报错原因使用 全局变量的方式嵌套使用函数 , 函数执行时报错 , vue3 直接报错 bug...
2022-05-25 10:25:24
22541
原创 dependencies devDependencies peerDependencies三者的区别
1.Dependencies首先dependencies是大家最常用的，比如项目依赖了vue，那么vue就是dependencies，这里的依赖是会被最终构建到部署环境的// 将会保存到dependencies中npm install vue --save// 或者不写--save也可以，默认就会到dependencies中npm install vue// 再简单一些npm i2.DevDependencies与之相对的是devDependencies，他是开发过程中的依赖，比
2022-05-25 10:12:30
813
TypeError:无法读取未定义的属性“push”
2022-05-17
使用vue3截取图片url当中的宽高
2022-04-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人