- 博客(30)
- 收藏
- 关注
RSS订阅原创 VS统计项目代码总行数插件超级简单
下载完成后按键盘 Ctrl+Shift+p 输入Count lines in workspace 然后回车。首先下载插件VS Code Counter。
2024-03-05 15:14:11
473
原创 vue项目下载依赖node-pre-gyp报错解决办法
在网上调研了一下 有说是node版本太高原因的 有说是与Python版本不兼容或者没有Python环境的问题；
2024-01-10 10:04:46
974
原创 jmeter压测如何模拟多用户同时进行线程
然后在线程组里面配置线程数 也就是同时跑多少个线程，因为是99个账号所以我就设置成99，这样正好把我csv文件中的99个账户全部跑完。我们的项目大部门接口是需要验证接口请求头中的token 所以在压测的时候需要添加上http信息头。csv文件的应用就是 ${“变量名称”}我的变量名称为token 所以就是${token}1、首先将这个页面的接口配成一个线程组，例如我要测试的页面进来就会调用4个接口。我们测试99个账号所以要拿到99个账号的token，具体怎么拿后面会说明。先添加一个csv数据文件设置。
2023-12-22 11:00:41
518
原创 docker容器的命令
参数 -t：关闭容器的限时，如果超时未能关闭则用kill强制关闭，默认值10s，这个时间用于容器的自己保存状态。由此可见stop和kill的主要区别:stop给与一定的关闭时间交由容器自己保存状态，kill直接关闭容器。-t：关闭容器的限时，如果超时未能关闭则用kill强制关闭，默认值10s，这个时间用于容器的自己保存状态。docker restart 容器ID或容器名 ：不管容器是否启动，直接重启容器。docker kill 容器ID或容器名 :直接关闭容器。docker start 容器ID或容器名。
2023-12-21 11:39:34
355
原创 同一个ip端口根据不同基准路径展示不同的项目
最近公司的需求，要根据将所有平台下的应用的域名根ip都跟平台统一，然后根据不同的基准路径跳转到不同的页面，实现方法如下。如此修改之后 你访问你的项目 ip:端口 就会是平台， 访问 ip:端口/基准路径/ 就会是你配置的这个应用。如此就前端修改就完成了，直接打包即可。服务器需要修改平台的ngxin配置。前端由vue2+vite构建。
2023-12-18 15:44:19
323
原创 vue中wacth监听器的底层详细讲解
Vue.js 中的 Wacth 监听器是其响应式系统的一个核心特性，它允许开发者指定当某个数据变化时执行的回调函数。要深入理解 Wacth 监听器的底层原理，我们需要先了解 Vue 的响应式系统是如何工作的。
2023-12-12 17:26:20
751
原创 git快速入门(一眼入门)
不论是前端还是后端，进入公司必须要会的不一定是代码书写，代码逻辑，而是要先学会git或者其他的远程库的操作方法，我总结了一些最常用的命令希望对大家有所帮助。
2023-12-08 10:45:27
383
原创 echarts3D立体柱状图和渐变柱状图
3D立体柱状图只要在颜色的部分将渐变改为以下样式。值得注意的是3D效果跟渐变效果好像无法同时存在，效果图如下不同柱子不同颜色可以自己配置。
2023-12-08 10:09:38
751
原创 js字符串检查第一位和最后一位是否为特定字符串方法
endswith()函数是用来检查字符串是否以指定的后缀结尾，如果是则返回True，否则返回False。
2023-11-15 12:01:13
475
1
原创 前端代码打包成移动端应用安卓包和iOS应用的方法
ANDROID_HOME 和ANDROID_SDK_ROOT地址是一样的就是之前存放SDK的地址。将vue项目打包成dist将里面的文件放到www里面替换原有文件再进行打包操作。第二步：安装好Git 习惯用Cmd的可以用cmd敲命令行。配置Android开发平台环境需要安装一下几个环境和软件。可根据android studio自动下载的情况手动安装。在打包成移动端应用前需要搭建cordova项目环境。上述所有安装的应用环境变量都需要配置。电脑上需要安装好node.js。检查你当前平台设置状况。
2023-11-15 11:54:19
267
1
原创 css中层叠上下文
数值越大的元素在层叠上越靠上，覆盖数值较小的元素。1、元素的position属性：如果两个元素都有相同的z-index值，那么具有position属性为relative、absolute、fixed或sticky的元素将覆盖其他元素。4、z-index值：z-index属性的值越大，元素在层叠上下文中的层叠顺序就越高，覆盖低值的元素。flex 和 grid 容器的子元素：若某个元素是 flex 或 grid 容器的直接子元素，并且该元素的 z-index 值不是 auto，则该元素会形成层叠上下文。
2023-11-08 15:52:05
64
1
原创 VueX讲解
vuex分为五个大块state： 统一定义公共数据（类似于data(){return {a:1, b:2，xxxxxx}}）mutations ： 使用它来修改数据(类似于methods)getters： 类似于computed(计算属性，对现有的状态进行计算得到新的数据-------派生 )actions： 发起异步请求modules： 模块拆分用法：在store下的index.js文件中在main.js中。
2023-11-08 13:29:39
35
1
原创 css中的flex布局
定义了当剩余空间存在时， flex 元素的放￥￥例，默认为 0，即不放大。如果所有 flex 元素的 flex-grow 都为 1，则它们将等分剩余空间。如果一个元素的 flex-grow 为 2，它将获得剩余空间的两倍。：定义了当空间不足时， flex 元素的缩小比例，默认为 1。如果所有 flex 元素的 flex-shrink 都为 1，则它们将等比例缩小。如果一个元素的 flex-shrink 为 2，它将缩小的更多。：决定 flex 元素的排列顺序，数值越小越靠前，默认为 0。
2023-10-30 16:03:45
42
1
原创 css选择器
特定性是一个由选择器的种类和数量组成的值，用于表示规则的具体性。一般来说，ID选择器的特定性高于类选择器，而类选择器的特定性高于元素选择器。当多个选择器应用于同一个元素时，CSS遵循"层叠"（Cascading）原则，根据选择器的特定性（Specificity）和来源的顺序来决定最终的样式。如果多个规则具有相同的权重，则后面定义的规则将覆盖前面的规则。不同种类的CSS选择器有各自的特点和使用方式，它们的权重也是不同的。如果有多个CSS文件或样式块定义相同的选择器，后面的规则将覆盖之前的规则。
2023-10-20 12:30:00
36
1
原创 关于MobaXterm_Personal项目部署和查看日志等一些小知识笔记
如果服务器上没有dist包 需要去拿一下资源我们公司目前是把资源放在gitlab上 随便找一个空文件夹拉进去 然后把dist包替换成要上生产的包，然后在拥有。docker logs --tail 100 -f xxxxxxxxx 查看日志 --tail 100的意思是输出100行。这个文件，这个文件在哪个目录下就去哪个目录下执行上面那两个命令，路径需要替换成你所放dist包的上一层。docker build --no-cache -t 镜像名:（需要在上一次版本号上加1） .
2023-10-17 14:33:41
1179
原创 http笔记
某些特定情况下，服务器可能会根据其自定义逻辑生成ETag。例如，如果服务器知道资源的某些属性是关键变化因素，它可以基于这些属性生成ETag。生成ETag的目标是确保当资源发生变化时，ETag值也会相应地变化，从而帮助客户端在请求资源时检查是否需要重新获取数据。当客户端发送请求时，可以将先前获取的ETag值包含在请求中，服务器可以使用它来检查资源的状态，并在资源未更改时返回304 Not Modified响应，以减少不必要的数据传输。这有助于提高性能和减少带宽消耗。
2023-09-25 10:49:15
54
1
原创 Http与Https
HyperTextTransferProtocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。https：HTTPS （全称：Hypertext Transfer Protocol Secure），是以安全为目标的 HTTP 通道，在HTTP的基础上通过传输加密和身份认证保证了传输过程的安全性。HTTPS 在HTTP 的基础下加入SSL，HTTPS 的安全基础是 SSL，因此加密的详细内容就需要 SSL。
2023-09-18 10:18:45
39
原创 React基础
在学习React之前，您需要创建一个React应用，以便在其中练习React的基础知识。通常，使用Create React App工具来快速设置React项目是一个不错的选择。在React中，组件可以拥有状态（state）以及生命周期方法，这使得组件可以响应用户操作和数据变化。组件是可重用的UI构建块，您可以将其视为自定义的HTML元素。在React中，您可以轻松地处理用户的交互事件，例如点击按钮、输入文本等。在上面的示例中，我们创建了一个React类组件，它有一个名为。的React组件，它接受一个。
2023-09-14 14:25:57
25
1
原创 package.json
它包含了项目的名称、版本、作者、许可证等元数据，以及项目的依赖项和脚本命令。在选择版本号时，可以根据项目需求和依赖的软件包的更新频率来做出最合适的选择。它用于锁定依赖项的确切版本，以确保在不同的环境下（比如不同的开发者、不同的机器）安装相同的软件包版本。是在 Node.js 项目中使用的两个关键文件，用于管理项目的依赖项（dependencies）和版本信息。它们的主要区别在于它们的用途和内容。在选择限制版本的方法时，需要考虑到项目需求和依赖项的兼容性，以确保项目可以在正确的环境中运行。
2023-08-21 16:11:17
68
1
原创 JS事件笔记
事件委托利用了事件的冒泡机制，即事件从子元素触发后会逐级向上传播到父元素，从而在父元素上触发绑定的事件监听器。在事件冒泡机制中，事件首先在触发事件的元素上触发，然后逐级向上传播到更高层次的祖先元素，直到达到文档的根节点。在事件捕获机制中，事件从文档的根节点开始传播，首先在最外层的祖先元素上触发，然后逐级向下传播到目标元素。换句话说，事件首先在最外层的祖先元素上触发，然后逐级向下，直到达到触发事件的元素。Js 中有几种注册事件的方法，分别有什么区别，以一个点击事件为例，它的完整流程是怎么样的?
2023-08-07 16:37:25
91
1
原创 Vue组件间通信
如果是用props/$emit来一级一级的传递，确实可以完成，但是比较复杂，如果使用事件总线，在多人开发或者项目较大的时候，维护起来很麻烦，如果使用vuex，如果仅仅是传递数据，那可能有点浪费了。子组件传给父组件通过$emit(时间名，传递的参数)向外弹出一个自定义事件，在父组件种监听子组件的自定义事件，同时也能获取子组件传出来的参数。考虑一种场景，如果A是B组件的父组件，B是C组件的父组件。ref: 这个属性用在子组件上，它的作用就是指向子组件的实例，可以通过实例来访问组件的数据和方法。
2023-08-03 13:53:20
23
原创 Vue-router个人笔记
2.4 params方式传值, 需要去配置routes数组里的对应对象, 需要给对象多加一个name字段, 还需要将path字段修改成 “/路由/:值1/:值2/:…2.1 router-link的to属性或者js方式push方法里的参数由字符串更换成对象, 需要切换的路由由name字段负责, 传递的值由params字段负责。1.1 router-link的to属性或者js方式push方法里的参数由字符串更换成对象, 需要切换的路由由path字段负责, 传递的值由query字段负责。
2023-08-03 13:52:19
97
原创 localStorage、cookie、 sessionStorage
然而，Cookie的大小受限（通常为4KB），而且频繁传输会影响性能。对于大数据（最大5MB）和需要长期存储的数据，如用户偏好设置，localStorage很有用。需要注意的是，这些都不应被用来存储敏感信息，因为它们都可以被用户或其他网站轻松访问和修改。对于需要存储敏感信息的情况，应该考虑使用更安全的方法，比如服务器端存储，并通过安全的HTTPS连接传输。二、localSstorage、cookie、sessionStorage的区别，如内存大小、生存周期、存储内容限制、作用域等。
2023-07-27 11:30:33
246
1
原创 promise相关
2. Promise 是一种用于处理异步操作的对象，它可以表示一个异步操作的最终完成或失败，并可以链式调用进行连续的异步操作。- async/await：async/await 是 ES2017 引入的一种异步编程方式，它基于 Promise，并使用更直观的语法来处理异步操作。- Promise：Promise 是一种用于处理异步操作的对象，它可以通过链式调用的方式解决回调函数嵌套的问题，并提供了更好的错误处理机制。- 事件监听（EventEmitter）：通过注册事件监听器来处理异步操作的完成事件。
2023-06-25 09:57:23
23
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人