- 博客(135)
- 收藏
- 关注
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
2772
原创 vue3项目图片压缩+rem+自动重启等plugin使用与打包配置
不作为软件包的一部分来安装。您必须手动安装它们并将其添加为开发依赖项。这是一个设计决策，所以如果您只想使用。图片都需要写一次相对路径，并且对。图片进行压缩优化也不够方便。一个支持将你的样式表中的。文件内部的代码进行转换。资产，则可以选择跳过安装。图片的话，和图片压缩。
2024-07-03 14:34:06
834
原创 vue3+ts项目中router+pinia+scss+unocss+跨域配置
❗️❗️❗️❗️本文是根据B站作者视频以及稍作整理💖💖作者B站地址💖💖视频教程地址💖💖作者微信：专注前端技术分享,技术讨论加。
2024-05-27 09:15:17
1188
原创 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
1437
原创 typescript学习计划（三）--类、泛型、声明文件
/ PersonInterface接⼝，⽤与限制Person类的格式// 定义⼀个类 Person，实现 PersonInterface 接⼝) { }// 实现接⼝中的 speak ⽅法i < n;i++) {// 打印出包含名字和年龄的问候语句console.log(`你好，我叫${this// PersonInterface接⼝，⽤与限制Person类的格式 interface PersonInterface {
2024-10-29 21:12:40
669
原创 typescript学习计划（二）--类型介绍
是⼀种特殊的数组类型，可以存储固定数量的元素，并且每个元素的类型是已知的且可以不同。（⼩写）的含义是：所有⾮原始类型，可存储：对象、函数、数组等，由于限制的范围⽐较宽泛，在实际开发中使⽤的相对较少。但要注意，类型推断不是万能的，⾯对复杂类型时推断容易出问题，所以尽量还是明确的编写类。函数中的逻辑，此时我们发现： 代码更加直观易读，⽽且类型安全，同时也更易于维护。的含义是：未知类型，适⽤于：起初不确定数据的具体类型，要后期才能确定。时传⼊的不同参数，执⾏不同的逻辑，存在的问题是调⽤。
2024-10-29 21:08:42
851
原创 vue2解决uniapp使用uview的u-popup弹出层，遮罩下主页面还可以滑动问题
【代码】vue2解决uniapp使用uview的u-popup弹出层，遮罩下主页面还可以滑动问题。
2024-10-24 10:25:49
721
原创 jquery实现点击菜单实现高德地图定位点与数据展示联动效果
🍊jquery实现点击菜单实现高德地图定位点与数据展示联动效果版本介绍：jQuery v3.7.1高德地图JS API 2.0代码仓库 ⭐Gitee：https://gitee.com/NewTea19/js-case/tree/master/3.%20%E7%82%B9%E5%87%BB%E8%8F%9C%E5%8D%95%E5%AE%9E%E7%8E%B0%E9%AB%98%E5%BE%B7%E5%9C%B0%E5%9B%BE%E5%AE%9A%E4%BD%8D%E7%82%B9%E
2024-10-14 15:12:29
1236
原创 感谢遇见，你一出现，就是晴天
希望今后的创作之路能越走越宽，找到更多人的所需点，拿出自己的最好状态，不断分享，让更多的朋友受益，当天自己也能有收益。因此，我也希望能够成为这样的创作者，通过撰写教程、开源项目或参与技术社区，将我的所学所得回馈给社会，帮助更多初学者少走弯路，共同成长。因此，我立志成为一名创作者，将我的技术转化为能够改善人们生活、提升工作效率的实用工具或应用。在创作过程中，我始终秉持着追求完美的态度，不断优化代码结构、提升用户体验、增强软件的稳定性和性能。我渴望通过编程揭开技术的神秘面纱，不断挑战自我，探索技术的无限可能。
2024-08-09 13:02:22
391
原创 nuxt3实战：完整的 nuxt3 + vue3 项目创建与useFetch请求封装
login.vue})访问login会跳转404login1则会跳转login。
2024-08-07 07:55:00
1972
原创 jquery+bootstrap实现DOM转图片并下载
🍊jquery实现DOM结构转图片并下载版本介绍：Bootstrap v3.3.7jQuery v3.5.1domToImage.js根据Bootstrap实现dialog上一步下一步多个弹窗交互进行大肆修改，完善了第二步生成图片的功能与更强的交互1.、功能说明重新设置bootstrap主题色包括按钮：默认(default)、成功(success)、错误(danger)、主要(primary)提示：成功(success)、错误(danger)内容区以card形式展示，纯
2024-07-25 09:26:47
1037
原创 Bootstrap实现dialog上一步下一步多个弹窗交互
重新设置bootstrap主题色内容区以card形式展示，纯js实现分页功能共两步骤，第一步选择模板，第二步进行其他操作步骤一内的按钮点击下一步，进入第二步；第二步点击上一步，返回第一步步骤一选择模板时，根据模板id获取模板内容，并展示在第二步中关闭弹窗时重置数据，当从第二步点击上一步回到第二步时，不重置数据。
2024-07-24 16:38:25
635
原创 vscode中git分支错误整理
当远程分支删除后，vscode中依旧显示删除的分支。命令用于管理您所跟踪的分支的存储库集(“远程”)。下陈旧的远程跟踪分支。
2024-07-05 09:18:20
379
原创 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
2249
2
原创 介绍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
1283
原创 Snipaste--一款截屏神奇分享，桌面置顶显示截图
链接：https://pan.baidu.com/s/1YC8w7doSSZ_xAV8OxX4iXg?是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上！具体操作官网有介绍哦！
2024-06-26 11:20:00
929
原创 js小题3：构造函数介绍与普通函数对比
在JavaScript中，构造函数是用于创建和初始化一个由new关键字生成的对象的特殊函数。构造函数的名字通常以大写字母开头，但这并不是JavaScript语法的一部分，而是一种约定俗成的命名规范，有助于区分构造函数和普通函数。示例：// 还可以添加其他方法和属性${this// 还可以添加其他方法和属性 this . say = function() {
2024-06-25 13:03:55
798
原创 js小题：通过字符串执行同名变量怎么做
是一种静态类型语言（尽管它的类型在运行时可以变化），变量的名字在编译时就被确定了。）来存储你的变量，并使用字符串作为键来访问它们。这样可以避免全局命名空间的污染，以及。中，你不能直接使用一个字符串来直接引用一个变量，因为。最安全和最可维护的方法是使用对象（或。
2024-06-24 08:46:18
586
原创 简述http/https、tcp/ip、SSL/TLS介绍
（安全套接层/传输层安全）是一种用于网络通信的安全协议，它主要提供身份认证、数据机密性和完整性的保护。定义与历史（）最初由公司在年提出，并经历了多个版本的更新，最终在年发布了。随后，互联网工程任务组（）在SSL 3.0的基础上设计了（）协议，并在年发布了正式的行业标准。SSL的所有版本现在都已被弃用，但人们仍然习惯使用SSL这个名称，实际上通常指的是TLS。协议组成: 国际互联网工程任务组 ↩︎: 最大传输单元 ↩︎
2024-06-21 09:09:31
1525
原创 简述：ES6中Generator函数与yield关键字
这样就更简洁，更安全（状态不会被非法篡改）、更符合函数式编程的思想，在写法上也更优雅。之所以可以不用外部变量保存状态，是因为它本身就包含了一个状态信息，即目前是否处于暂停态。返回的遍历器对象，可以依次遍历。语句已经执行过了，不会再捕捉到这个错误了，所以这个错误就被抛出了。循环就会中止，且不包含该返回对象，所以上面代码的。），每运行一次，就改变一次状态。代码块，执行完以后，整个函数才会结束。函数会返回一个遍历器对象，也就是说，方法，可以在函数体外抛出错误，然后在。方法，可以返回给定的值，并且终结遍历。
2024-05-30 15:25:47
831
原创 简述js的事件循环以及宏任务和微任务
在JavaScript中，任务被分为同步任务和异步任务。同步任务：这些任务在主线程上顺序执行，不会进入任务队列，而是直接在主线程上排队等待执行。每个同步任务都会阻塞后续任务的执行，直到它自身完成。常见的同步任务包括页面的初始化、DOM操作和某些计算任务。异步任务：与同步任务不同，异步任务不直接进入主线程执行，而是被放入任务队列（task queue）中。只有当主线程空闲时，才会从任务队列中取出任务来执行。异步任务不会阻塞主线程的执行。根据任务类型，异步任务又被分为宏任务和微任务。
2024-05-25 22:58:28
785
原创 js是单线程还是多线程，为什么是线程而不是进程
JavaScript在浏览器环境中是单线程的，这是为了简化并发模型、提高安全性和避免阻塞。我们通常称之为线程而不是进程，是因为JavaScript代码是在浏览器进程中的一个线程中执行的。在Node.js环境中，虽然底层利用了多线程来处理异步任务，但从 JavaScript 的角度来看，这些操作仍然是在一个线程中处理的。
2024-05-24 08:44:21
797
原创 ✨✨使用jq+layui的layer+laytpl实现横屏查看功能✨✨
【代码】✨✨使用jq+layui的layer+laytpl实现横屏查看功能✨✨。
2024-05-21 15:43:31
825
原创 git使用介绍
了解分支分支可以给使用者提供多个环境的可以，意味着你可以把你的工作从主干分支分离出来，然后进行开发，当开发完成之后，再将代码合并到主干分支中。以免在开发过程中影响主干。紧急修复bug方案命令总结查看分支git branch创建分支git branch 分支名切换分支git checkout 分支名分支合并(可能产生冲突)git merge 分支名注意：切换分支再合并删除分支git branch -d 分支名。
2024-05-20 09:02:25
308
原创 ✨✨使用jq+layui-tab+echarts+swiper实现选项卡轮播联动图表展示功能✨✨
【代码】✨✨使用jq+layui-tab+echarts+swiper实现选项卡轮播联动图表展示功能✨✨。
2024-05-20 08:24:41
1184
原创 重温javascript --（四）数组以及方法案例介绍
二、方法1. 改变原数组push() 数组末尾添加pop() 删除unshift() 数组从 0 位开始添加shift() 从 0 位开始删除reverse() 数组翻转splice() 切片 sort() 排序练习
2024-05-06 13:52:08
300
原创 简述下低代码平台、webGIS、AIGC
低代码开发平台（LCDP）是一种无需编码或仅需少量代码就可以快速生成应用程序的开发平台。它允许开发人员通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。这种开发方式大大降低了编写代码的需求，提高了开发效率，缩短了开发周期。快速开发：通过可视化的开发工具和组件库，开发人员可以迅速构建应用程序。无需编写代码：平台核心理念是“少写代码”，开发人员可以通过拖拽组件、配置属性等方式完成应用程序的开发。可扩展性：平台提供了丰富的组件库和插件机制，开发人员可以根据需求扩展平台的功能。
2024-04-25 09:25:34
1606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人