- 博客(124)
- 收藏
- 关注
RSS订阅
原创 vue3+ts项目中.env配置环境变量与情景配置
就是在编码过程中应用这些自定义环境变量的时候，给出的智能提示。src目录下创建一个或者env.d.ts文件src同级别types目录下创建文件env.d.ts// 更多环境变量...在文件中专门用于处理项目src文件中的TypeScript配置文件，include配置项加入文件：(会提示自定义设置的环境变量)// ...// 第一种方式对应配置"vite-env.d.ts", // 或者 "env.d.ts"// 第二种方式对应配置。
2024-07-03 14:38:59
1144
原创 vue3项目图片压缩+rem+自动重启等plugin使用与打包配置
不作为软件包的一部分来安装。您必须手动安装它们并将其添加为开发依赖项。这是一个设计决策，所以如果您只想使用。图片都需要写一次相对路径，并且对。图片进行压缩优化也不够方便。一个支持将你的样式表中的。文件内部的代码进行转换。资产，则可以选择跳过安装。图片的话，和图片压缩。
2024-07-03 14:34:06
541
原创 vue3+ts项目中router+pinia+scss+unocss+跨域配置
❗️❗️❗️❗️本文是根据B站作者视频以及稍作整理💖💖作者B站地址💖💖视频教程地址💖💖作者微信：专注前端技术分享,技术讨论加。
2024-05-27 09:15:17
1048
原创 vue3项目中prettier+stylelint+husky+Lint-staged+Commitlint配置
https://www.npmjs.com/package/eslint-import-resolver-typescript 解决@别名识别问题。eslint https://eslint.nodejs.cn/docs/latest/use/getting-started 代码质量检查工具。prettier https://www.prettier.cn/docs/index.html 代码风格格式化工具。: 一款工程性更强，轻量级，高度自定义，标准输出格式的。整合实现生成规范化且高度自定义的。
2024-05-11 10:23:54
886
原创 远程分支删除后，vscode工具依旧显示问题
当远程分支删除后，vscode中依旧显示删除的分支。命令用于管理您所跟踪的分支的存储库集(“远程”)。下陈旧的远程跟踪分支。
2024-07-05 09:18:20
224
原创 vue3+ el-upload封装上传组件
组件功能介绍上传格式限制上传大小限制上传文件数量限制自定义上传区上传成功回调禁用上传开关与点击上传自定义事件暴露所以上传文件列表（uploadList）与当前文件数据（uploadLatestFile）组件代码Upload.vue<template> <div> <div> <el-upload class="flx-align-center" :file-list="fileLis
2024-06-28 18:52:18
1465
原创 介绍ES6中的class类：（一） 类的基本语法
很早很早之前，在JavaScript的世界里，生成实例对象的传统方法是通过构造函数。嗯哼？this.x = x;this.y = y;运行查看：这种写法就很JavaScript,尤其是prototype,理解起来会很绕。ES6中的class就诞生了。以后可以通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用ES6的。
2024-06-26 15:14:16
1233
原创 Snipaste--一款截屏神奇分享，桌面置顶显示截图
链接：https://pan.baidu.com/s/1YC8w7doSSZ_xAV8OxX4iXg?是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上！具体操作官网有介绍哦！
2024-06-26 11:20:00
246
原创 js小题3：构造函数介绍与普通函数对比
在JavaScript中，构造函数是用于创建和初始化一个由new关键字生成的对象的特殊函数。构造函数的名字通常以大写字母开头，但这并不是JavaScript语法的一部分，而是一种约定俗成的命名规范，有助于区分构造函数和普通函数。示例：// 还可以添加其他方法和属性${this// 还可以添加其他方法和属性 this . say = function() {
2024-06-25 13:03:55
750
原创 js小题：通过字符串执行同名变量怎么做
是一种静态类型语言（尽管它的类型在运行时可以变化），变量的名字在编译时就被确定了。）来存储你的变量，并使用字符串作为键来访问它们。这样可以避免全局命名空间的污染，以及。中，你不能直接使用一个字符串来直接引用一个变量，因为。最安全和最可维护的方法是使用对象（或。
2024-06-24 08:46:18
501
原创 简述http/https、tcp/ip、SSL/TLS介绍
（安全套接层/传输层安全）是一种用于网络通信的安全协议，它主要提供身份认证、数据机密性和完整性的保护。定义与历史（）最初由公司在年提出，并经历了多个版本的更新，最终在年发布了。随后，互联网工程任务组（）在SSL 3.0的基础上设计了（）协议，并在年发布了正式的行业标准。SSL的所有版本现在都已被弃用，但人们仍然习惯使用SSL这个名称，实际上通常指的是TLS。协议组成: 国际互联网工程任务组 ↩︎: 最大传输单元 ↩︎
2024-06-21 09:09:31
946
原创 简述：ES6中Generator函数与yield关键字
这样就更简洁，更安全（状态不会被非法篡改）、更符合函数式编程的思想，在写法上也更优雅。之所以可以不用外部变量保存状态，是因为它本身就包含了一个状态信息，即目前是否处于暂停态。返回的遍历器对象，可以依次遍历。语句已经执行过了，不会再捕捉到这个错误了，所以这个错误就被抛出了。循环就会中止，且不包含该返回对象，所以上面代码的。），每运行一次，就改变一次状态。代码块，执行完以后，整个函数才会结束。函数会返回一个遍历器对象，也就是说，方法，可以在函数体外抛出错误，然后在。方法，可以返回给定的值，并且终结遍历。
2024-05-30 15:25:47
619
原创 简述js的事件循环以及宏任务和微任务
在JavaScript中，任务被分为同步任务和异步任务。同步任务：这些任务在主线程上顺序执行，不会进入任务队列，而是直接在主线程上排队等待执行。每个同步任务都会阻塞后续任务的执行，直到它自身完成。常见的同步任务包括页面的初始化、DOM操作和某些计算任务。异步任务：与同步任务不同，异步任务不直接进入主线程执行，而是被放入任务队列（task queue）中。只有当主线程空闲时，才会从任务队列中取出任务来执行。异步任务不会阻塞主线程的执行。根据任务类型，异步任务又被分为宏任务和微任务。
2024-05-25 22:58:28
718
原创 js是单线程还是多线程，为什么是线程而不是进程
JavaScript在浏览器环境中是单线程的，这是为了简化并发模型、提高安全性和避免阻塞。我们通常称之为线程而不是进程，是因为JavaScript代码是在浏览器进程中的一个线程中执行的。在Node.js环境中，虽然底层利用了多线程来处理异步任务，但从 JavaScript 的角度来看，这些操作仍然是在一个线程中处理的。
2024-05-24 08:44:21
467
原创 ✨✨使用jq+layui的layer+laytpl实现横屏查看功能✨✨
【代码】✨✨使用jq+layui的layer+laytpl实现横屏查看功能✨✨。
2024-05-21 15:43:31
778
原创 git使用介绍
了解分支分支可以给使用者提供多个环境的可以，意味着你可以把你的工作从主干分支分离出来，然后进行开发，当开发完成之后，再将代码合并到主干分支中。以免在开发过程中影响主干。紧急修复bug方案命令总结查看分支git branch创建分支git branch 分支名切换分支git checkout 分支名分支合并(可能产生冲突)git merge 分支名注意：切换分支再合并删除分支git branch -d 分支名。
2024-05-20 09:02:25
288
原创 ✨✨使用jq+layui-tab+echarts+swiper实现选项卡轮播联动图表展示功能✨✨
【代码】✨✨使用jq+layui-tab+echarts+swiper实现选项卡轮播联动图表展示功能✨✨。
2024-05-20 08:24:41
1124
原创 重温javascript --（四）数组以及方法案例介绍
二、方法1. 改变原数组push() 数组末尾添加pop() 删除unshift() 数组从 0 位开始添加shift() 从 0 位开始删除reverse() 数组翻转splice() 切片 sort() 排序练习
2024-05-06 13:52:08
284
原创 简述下低代码平台、webGIS、AIGC
低代码开发平台（LCDP）是一种无需编码或仅需少量代码就可以快速生成应用程序的开发平台。它允许开发人员通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。这种开发方式大大降低了编写代码的需求，提高了开发效率，缩短了开发周期。快速开发：通过可视化的开发工具和组件库，开发人员可以迅速构建应用程序。无需编写代码：平台核心理念是“少写代码”，开发人员可以通过拖拽组件、配置属性等方式完成应用程序的开发。可扩展性：平台提供了丰富的组件库和插件机制，开发人员可以根据需求扩展平台的功能。
2024-04-25 09:25:34
1284
原创 vue项目的Husky、env、editorconfig、eslintrc、tsconfig.json配置文件小聊
在这个文件中，你可以定义提交信息的规则，例如规定提交信息必须包含特定的前缀，或者规定提交信息的长度不能超过一定的限制等。这样做的好处是，我们可以在不同的环境中定义不同的变量，而不需要修改代码。会默认跟踪它们，但是有些文件并不需要跟踪，例如编译后的文件，日志文件，配置文件等等，这些文件可以通过。这个文件中定义的变量将会在所有的环境中被加载，包括开发环境、测试环境和生产环境。变量指向我们的生产服务器，而在测试环境中，我们可以将其指向我们的测试服务器，而不需要修改代码。文件，并且不同的环境会有不同的配置。
2024-04-24 08:53:34
1302
2
原创 重温javascript --（一）值的介绍
原始值stack栈: 遵循后进先出原则，中主要存放一些基本类型的变量和对象的引用。栈内不可修改值，内存满才会实现二次值覆盖引用值heap堆：用于复杂数据类型（引用类型）分配空间。引用值在堆内存中，栈内存中存储的是堆内存的引用图示：var a = {}，var b = {}，为什么 a===b 为 false解：声明a和b的时候，值{}依次在堆里创建了空间，并分别给a和b暴露了一个指针路径===比较的是a和b的指针路径，虽然a和b都为{}，但是路径不一样，所以a===b为false。
2024-04-19 12:52:10
541
原创 webpack5高级--03_减少代码体积
如果没有特殊处理的话我们打包时会引入整个库，但是实际上可能我们可能只用上极小部分的功能。开发如果项目中引用了较多图片，那么图片体积会比较大，将来请求速度比较慢。开发时我们定义了一些工具函数库，或者引用第三方工具函数库或组件库。你可以将这些辅助代码作为一个独立模块，来避免重复引入。为编译的每个文件都插入了辅助代码，使代码体积过大！对一些公共方法使用了非常小的辅助代码，比如。默认情况下会被添加到每一个需要它的文件中。我们可以对图片进行压缩，减少图片体积。并且使所有辅助代码从这里引用。中的没有使用上的代码。
2024-03-12 08:21:36
429
原创 webpack5高级--02_提升打包构建速度
所以我们需要做到修改某个模块代码，就只有这个模块代码需要重新打包编译，其他模块不变，这样打包速度就能很快。我们目前打包的内容都很少，所以因为启动进程开销原因，使用多进程打包实际上会显著的让我们打包时间变得很长。当项目越来越庞大时，打包速度越来越慢，甚至于需要一个下午才能打包出来代码。多进程打包：开启电脑的多个进程同时干一件事，速度更快。默认会将所有模块全部重新打包编译，速度很慢。编译结果，这样第二次打包时速度就会更快了。文件，这样速度就比之前的单进程打包更快了。的打包速度，因为其他文件都比较少。
2024-03-12 08:20:56
1067
原创 webpack5高级--01_提升开发体验
开发时我们运行的代码是经过webpack所有css和js合并成了一个文件，并且多了其他代码。此时如果代码运行出错那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多，那么很难去发现错误出现在哪里。所以我们需要更加准确的错误提示，来帮助我们更好的开发代码。
2024-03-11 08:36:42
586
原创 webpack5基础--14_优化css
Css文件目前被打包到js文件中，当js文件加载时，会创建一个style标签来生成样式这样对于网站来说，会出现闪屏现象，用户体验不好我们应该是单独的Css文件，通过link标签加载性能才好。
2024-03-11 08:35:36
365
原创 webpack5基础--13_生产模式介绍
生产模式是开发完成代码后，我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化，让其运行性能更好。
2024-03-09 14:58:22
375
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人