- 博客(40)
- 收藏
- 关注
RSS订阅原创 为什么需要 Node.js 的 URL 处理工具？
步骤工具输入输出1. 获取当前文件URL2. 解析相对路径new URL()./src+ 基础URL3. 转换URL为路径/.../src这样做的目的是在 ES 模块环境下，安全可靠地获取文件系统路径，特别是在配置路径别名这种需要精确路径的场景下。
2025-03-31 09:15:17
400
原创 tsconfig.json和tsconfig.node.json和tsconfig.app.json有什么区别
在 TypeScript 项目中，常见的配置文件有和，它们各自有不同的用途和配置范围。
2025-03-27 10:46:29
323
原创 Module ‘“/src/components/xxx.vue“‘ has no default export.Vetur(1192）自己写的组件在使用时编辑器出现标红
Module '"/src/components/xxx.vue"' has no default export.Vetur(1192）自己写的组件在使用时编辑器出现标红
2025-01-10 15:38:12
611
原创 在vscode中如何实现每次保持代码的时候自动执行Prettier来格式化代码
通过以上步骤,每次你保存代码时,VSCode 就会自动使用 Prettier 来格式化你的代码。这样可以确保你的代码始终保持一致的格式,提高代码的可读性和维护性。如果你的项目使用 ESLint,可能会出现与 Prettier 的格式化规则冲突的情况。首先,确保你已经在 VSCode 中安装了 Prettier 扩展。这些设置会启用保存时格式化,并将 Prettier 设置为默认格式化工具。如果你想为特定项目配置不同的格式化规则,可以在项目根目录创建一个。文件,并在其中定义你的格式化规则。
2025-01-10 14:44:53
858
原创 prettier使用教程
使用 Prettier 可以帮助你的团队保持一致的代码风格，减少因代码格式而产生的不必要的讨论和冲突。它特别适合在大型项目或团队中使用，可以显著提高代码的可读性和维护性。Prettier 是一个流行的代码格式化工具，它可以自动格式化你的代码，使其符合一致的样式。你可以配置在保存文件时自动运行 Prettier。这样，每次提交代码时，Prettier 都会自动运行并格式化修改的文件。然后你可以运行 `npm run format` 来格式化代码。这些是一些常见的配置选项，你可以根据你的喜好进行调整。
2025-01-09 16:48:32
625
原创 用vue3封装丶高仿element-plus里面的日期联级选择器，日期选择器
最后注意安装dayjs和@heroicons/vue这两个工具库。
2024-11-07 16:14:35
473
1
原创 使用puppeteer+node实现本地服务器加自动化脚本
写了一个RPA的路由中间件，当用户请求/tianji的路由时，先执行中间件，等中间件执行完再返回数据。细心的人发现了缺少了对应的RPA操作.然后新建一个puppeteer.js文件，注意配置自己的浏览器地址，这里只是做了一些简单的自动化脚本，需要复杂的我后续会出教程。1.导入express框架和puppeteer。然后搭建一个最基本的服务器架构。
2024-08-19 15:49:05
234
原创 flex弹性盒实现从左到右对齐痛点
能实现较为美观的效果，可是如果我调动屏幕大小时，或者说是数量不确定时。则会出现以下效果，不能从左到右开始排，无论是space-between；还是sapce-around；如果你的屏幕是固定的列数，你可以通过计算margin的值来进行。右边留出来了很多空白，很难看，这时当我们用到。当我们使用flex弹性盒布局时。
2024-08-09 17:24:46
240
原创 Puppeteer 打开浏览器出现 about:blank，无法打开指定网址解决方案
用于测试的 Chrome 126.0.6478.182 - Puppeteer v22.13.1。用于测试的 Chrome 126.0.6478.126 - Puppeteer v22.12.1。用于测试的 Chrome 125.0.6422.141 - Puppeteer v22.10.1。用于测试的 Chrome 122.0.6261.128 - Puppeteer v22.5.0。用于测试的 Chrome 122.0.6261.111 - Puppeteer v22.4.1。
2024-08-02 17:00:01
3307
原创 包管理工具
管理包的应用软件，可以对包进行下载安装，更新，删除，上传等操作 借助保管路工具，可以快速开发项目，提升开发效率。生产环境是项目代码正式运行的环境，一般指的是正式的服务器电脑，生产环境的项目一般每个客户都可以访问。包管理工具是一个通用的概念，很多编程余灿都有包管理工具，所以掌握好包管理工具十分重要。开发环境是程序员专门用来写代码的环境，开发环境的项目一般只能程序员自己访问。包英文单词是package，代表了一组特定功能的源码集合。开发依赖，到生产环境的适合不需要的代码包。1.3常用的包管理工具。
2023-07-16 21:52:20
185
原创 搭建静态服务器以及module
静态资源服务静态资源是指内容长时间不发生改变的资源，列如图片，视频，css文件，js文件动态资源是指内容经常更新的资源，列如百度首页，网易首页，京东搜索列表页面等网站根目录或静态资源目录http服务在那个文件夹中寻找静态资源目录，那个就是，也称之为__dirname：是sever,js所在目录三种绝对路径/web相对路径js/app.js。
2023-07-16 13:21:30
135
原创 创建http服务器以及url模块的使用
1.导入http模块2.创建服务对象})3.监听端口，启动服务console.log(‘服务已经启动’)})注意：1.解决中文乱码问题2.端口被占用可以使用资源监控器找到占用端口的程序，然后使用任务管理器关闭对应的程序3.http协议默认端口是80，https协议默认端口是443提取HTTP报文request.url:只包含路径和查询字符串request.method:获取请求方式、
2023-07-15 11:36:17
271
原创 node.js
（菜鸟教程）如果我们使用 PHP 来编写后端的代码时，需要 Apache 或者 Nginx 的 HTTP 服务器，并配上 mod_php5 模块和 php-cgi。从这个角度看，整个"接收 HTTP 请求并提供 Web 页面"的需求就不需要 PHP 来处理。不过对 Node.js 来说，概念完全不一样了。使用 Node.js 时，我们不仅仅 在实现一个应用，同时还实现了整个 HTTP 服务器。事实上，我们的 Web 应用以及对应的 Web 服务器基本上是一样的。
2023-07-14 14:14:00
107
原创 css之2d缩放和旋转
scale（参数1,参数2）；沿着水平放大缩小x倍，沿着垂直方向放大缩小y倍。对元素进行旋转，取值使用度数（deg），正值为顺时针，负值为逆时针。旋转基本语法：transform：routate（）scaleX（参数）：沿着垂直方向放大缩小y倍。rotate（参数）：围绕元素的正中心进行旋转。scale（参数）：沿着x轴y轴放大缩小n倍。scaleX（参数）：沿着水平放大缩小x倍。rotateX（参数）：围绕x轴进行旋转。rotateY（参数）：围绕y轴进行旋转。对元素进行水平或垂直方向的缩放。
2023-07-12 13:35:10
177
原创 css3动画
可以通过每一帧来精选动画效果的展示，并且可以完美调用每一帧，常用来实现复杂的动画效果，可以在许多网页中取代动画图片，flash动画以及JavaScript。
2023-07-12 13:34:19
53
原创 css3 2D位移transfrom
translate(参数1，参数2)：水平方向平移和垂直方向位移。基本语法：transform:translate()translate（参数）：只能实现水平方向的移动。translateX（参数）：水平方向位移。translateY（参数）：垂直方向位移。将元素再水平或垂直方向上移动指定距离。
2023-07-12 11:15:22
82
原创 css过渡
是我们可以再不使用flash动画或js的情况下，让元素从一种样式变换成为另一种样式时为元素添加的效果，需要使用属性transiton。1、transition-property:定义转换动画css属性名称，宽度，高度，背景颜色，内外边距都可以。如果想要所有属性都使用过度，写一个all就可以了2.transition-duration: 过渡的持续时间，从设置旧样式到换新样式的时间 -过渡的属性**过度时间过渡的速度曲线、ease:慢快慢，linear：匀速。
2023-07-12 10:15:23
283
1
原创 ts与组合式api
类作用域 − 这个变量也可以称为 字段。类变量声明在一个类里头，但在类的方法外面。该变量可以通过类的对象来访问。类变量也可以是静态的，静态的变量可以通过类名直接访问。局部作用域 − 局部变量，局部变量只能在声明它的一个代码块（如：方法）中使用。类型断言可以用来手动指定一个值的类型，即允许变量从一种类型更改为另一种类型。全局作用域 − 全局变量定义在程序结构的外部，它可以在你代码的任何位置使用。程序中变量的可用性由变量作用域决定。变量作用域指定了变量定义的位置。ref操作原生dom。语法格式：<类型>值。
2023-07-11 15:06:52
169
1
原创 用于缓存的action和getter计算属性
再store文件中写action//同步+异步。再cinemas.vue页面中。下一步提交mutation。store中的计算属性`
2023-06-16 20:05:51
45
1
原创 编程式导航
两种写法第一种：字符串路径带有路径的对象命名的路由，并加上参数，让路由简历url第四种：带查询参数，结果是/register?补充知识点：动态路由再detail页面中接收路由地址上传过来的id。
2023-06-13 20:55:14
362
1
原创 声明式导航
三：定制router_link为我们指定的节点。作用，根据当前的路径插入对应路径的组件。自带选中时的class。（此本质上是a链接）
2023-06-13 15:55:31
43
1
原创 vue-router
和路径模块化开发：在router文件夹下将来模块一进行调用之后，立即按照数组的配置，相当于将我们的路由对象创建完后，并且在main,js中进行注册使用，只要路径匹配到那个，就会进行那个组件的加载.所以要在 1. main,js中进行router文件的导入2.注册路由插件 app.use(router)
2023-06-13 11:39:09
45
1
原创 setup语法糖的改变
script setup>是在单文件组件中使用组合式API的编译时语法糖。父组件，通过root 访问得到的是根父组件。通过在子组件标签定义 ref 属性，在父组件中可以使用$refs 访问子组件实例。root，和$parent都能访问父组件的属性和方法，区别在于如果存在多级子组件，通过parent 访问得到的是它最近一级的。更好的运行时性能（其模板会被编译成同一作用域内的渲染函数，避免了渲染上下文代理对象）更好的ide类型推导性能（减少了语言服务器从代码中抽取类型的工作）更少的样式模板，更简洁的代码。
2023-06-12 19:43:27
83
1
原创 VCA中的生命周期
beforedestroy 升级后 onbeforeunmounted。beforemounted 升级后 onbeforemount。beforeupdata升级后 onbeforeupdata。destroyed升级后 onunmounted`| 原方法 |升级后 ||beforeCreate|升级后 setup|| created 升级后 setup |mounted升级后 onmounted。updated 升级后 onupdated。
2023-06-12 17:50:46
79
1
原创 事件委托机制
再点击按钮时不会触发删除按钮事件，因为给按钮绑定事件的事情早已做完。我们得重新给按钮绑定事件。如果利用事件委托机制 ，则不需要再给按钮绑定事件，代码如下。但是如果我们在后续向页面添加按钮时。
2023-03-22 14:35:13
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人