- 博客(163)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 为什么推荐前端用WebStorm软件编程？
被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。它支持JavaScript、ECMAScript 6、TypeScript、CoffeeScript、Dart和Flow等多种语言的代码辅助功能，同时也支持HTML、CSS、Less、Sass和Stylus等代码的编写。WebStorm具有智能代码补全、代码重构、代码检查、调试、前端框架支持等多种功能，能够显著提高开发者的开发效率和质量。
2024-05-22 11:23:26
595
原创 你知道什么是pnpm吗？
它是一种快速、磁盘空间高效的包管理器，比npm等其他包管理器快约2倍。PNPM使用称为“内容寻址存储”的机制来存储npm包，这意味着即使多个项目使用相同的包，该包在磁盘上也只存储一次。此外，PNPM还使用一种称为“虚拟化节点模块”的技术来管理依赖项，从而解决了传统包管理工具在安装和升级依赖时的一些常见问题，如占用大量磁盘空间、重复下载依赖项等。PNPM非常适合monorepos，并且有一个严格的规则，即一个包只能访问它的package.json中指定的依赖项。
2024-05-20 23:53:43
1187
原创 为什么不建议多次使用if判断
多次使用if判断在某些情况下可能会导致代码的可读性和维护性变差，尤其是当有很多不同的条件需要处理时。if-elseif-elseif-else对于替代方案，可以考虑使用对象映射或switch语句。对象映射的可读性和可维护性通常更好，并且可以减少重复代码。以下是你的代码使用对象映射和switch。
2024-05-20 17:09:09
865
原创 分享一个适用于 Vue 非常好用的移动端组件库【Vant 】
Vant 是一款轻量、可靠的移动端 Vue 组件库，由 Youzan UI 团队开发和维护。它专注于移动端 UI 组件的设计和实现，为开发者提供了一套完整的、高质量的组件集合，帮助开发者快速构建出符合移动设计规范的应用。：Vant 的组件都经过了严格的优化和压缩，以确保在保持性能的同时，减小应用的体积。这使得 Vant 成为了一个非常轻量级的组件库，适合在移动端应用中使用。：Vant 提供了大量高质量的组件，涵盖了移动端应用中的各种常见场景。
2024-05-13 11:39:59
1361
原创 分享一个适用于 Vue3.x 非常好用的组件库【Naive UI】
Naive UI 是一种简单易用、不太复杂的用户界面（UI）框架，主要用于Web应用程序的开发。它提供了超过80个组件，覆盖了表格、表单、弹窗、图表等多个方面，这些组件不仅功能强大，而且高度可定制化，满足了各种业务需求。如果你想要使用Naive UI，可以通过yarn或npm等包管理工具进行安装，然后在你的项目中按需引入并使用。具体的安装和使用方法可以在Naive UI的官方文档或相关教程中找到。Naive UI。
2024-05-13 11:29:55
1599
翻译 Vue3.4新特性（官方翻译版）
今天，我们很高兴地宣布 Vue 3.4 “🏀灌篮高手”的发布！此版本包括一些实质性的内部改进 - 最引人注目的是重写的模板解析器，速度提高了 2 倍，以及重构的反应系统，使效果触发更加准确和高效。它还包含许多生活质量 API 改进，包括绑定 prop 时的稳定性和新的同名速记。这篇文章概述了 3.4 中的突出功能。有关更改的完整列表，请参阅 GitHub 上的。
2024-04-22 12:38:56
374
原创 Vue3拖拽功能【VueDraggablePlus】
是在这之后发布的或者是一个相对较小众的库，我建议你查看相关的文档或 GitHub 仓库，以获取详细的介绍和用法信息。在 Vue.js 生态系统中，拖拽相关的功能常常由一些流行的库来实现，例如。如果你是通过 npm 或 yarn 安装的这个库，可以查看其在 npm 上的页面。有在线文档，可以查阅这些文档以获取详细的介绍、配置选项和使用方法。如果你能提供更多的上下文或详细的信息，我也许可以提供更具体的帮助。如果其他方法都找不到足够的信息，你可以查看。的，所以如果你想了解更多关于。来获取有关包的信息。
2023-12-07 11:42:28
9065
原创 还记得当初自己为什么选择计算机？
答：计算机行业在各行各业都有广泛的应用，无论是在企业还是学术界，都有许多机会等待着计算机专业的毕业生。当初你问我为什么选择计算机，我笑着回答：“因为我梦想成为神奇的码农！”谁知道，我刚入门的那天，电脑却故障了，我只能用巨大的打字机来编程。答：现在从事软件开发行业，对于这个行业符合本人的个人兴趣以及爱好范围。行业内部比较卷，不断的需要学习新技术和拓展技术领域的视野。答：掌握计算机技术可以使自己在职场和人生道路上更具优势，更好地实现自己的价值和梦想。提示：可以分享自己现在从事计算机行业的境况。
2023-12-07 11:41:53
195
原创 HTTP 请求的执行结果【接口状态码】（通俗易懂版）
在 Web 开发中，接口状态码是用于表示 HTTP 请求的执行结果的数字标识。这些状态码由服务器返回，通常包含在 HTTP 响应的头部，帮助客户端理解请求的处理情况。
2023-12-06 11:35:49
535
原创 Vue3网站用户引导功能【Intro.js】
Intro.js是一个用于创建网站用户引导、功能介绍和教程的 JavaScript 库。它允许开发者通过步骤和提示突出显示网站上的特定元素，以帮助用户更好地了解和使用网站的功能。以下是Intro.js的一些关键特点和用法介绍：更多Intro.js。
2023-12-06 08:07:04
2423
原创 vue3中axios安装使用（简单容易版）
在 Vue 3 项目中安装 Axios 的主要原因是为了方便进行 HTTP 请求。Axios 是一个基于 Promise 的 HTTP 客户端，它使得在 Vue 3 项目中与后端服务器进行数据交互变得更加简单和灵活。Axios 支持发送异步请求，使得你可以在 Vue 3 项目中方便地处理异步操作，如获取数据、提交表单等。Axios 的 API 是基于 Promise 的，这使得处理异步操作更为直观和方便。你可以使用或的方式处理异步操作。
2023-12-01 11:11:09
2358
原创 vue3中如何安装Pinia（简单易懂）
以上步骤是在 Vue 3 中安装和配置 Pinia 的基本流程。在你的项目中创建 Pinia Store 文件，定义状态和操作。方法来获取 Pinia Store 的实例。Vue 3 版本对应的 Pinia 使用。）中配置并注册 Pinia 插件。在你的应用入口文件（通常是。实例，并在组件中使用它。
2023-12-01 11:02:46
2267
原创 Vue语音播报，不用安装任何包和插件，直接调用。
Vue语音提示功能可以通过使用浏览器提供的Web Speech API来实现。这个API允许你的应用程序通过浏览器朗读文本，不用安装任何包和插件，直接调用。
2023-11-30 16:21:45
3087
7
原创 全栈软件开发工程师需要具备哪些技能
使用构建工具（Webpack、Parcel）、包管理工具（npm、Yarn）、代码规范工具（ESLint、Prettier）等。使用后端框架，例如Express.js（Node.js）、Django（Python）、Spring Boot（Java）等。掌握至少一种前端框架，如 React.js、Vue.js、Angular，用于构建可维护的、高性能的前端应用。掌握至少一门后端开发语言，如JavaScript(Node.js)、Python、Java、Ruby、Go等。
2023-11-30 13:52:14
884
原创 2023年的 Web 前端开发建议需要具备技能
2023年的 Web 前端开发需要具备一系列技能，以应对不断变化的技术环境和满足日益增长的业务需求。
2023-11-29 09:43:05
709
原创 VSCode开发 Vue3 建议必备的插件
在使用 Visual Studio Code (VSCode) 开发 Vue 3 项目时，有一些插件可以提高开发效率、代码质量和工作流程。
2023-11-28 18:25:29
18823
2
原创 分享一个适用于 Vue3 的好的组件库，PrimeVue组件。
PrimeVue 作为一个基于 Vue.js 的 UI 组件库，具有一些优势和一些可能被视为劣势的方面。请注意，这些评价可能会根据个人或团队的需求而有所不同。
2023-11-28 15:22:14
2673
原创 Vue3中div自由拖拽宽度和高度。
Vue3中我们会遇到自由拖拽宽度和高度的页面需求，查看很多方法都无法满足当前需求。下面是我们Vue3版本的代码，直接复制粘贴就可以实现效果。根据自己需求更改即可投入使用，非常方便快捷。（本人文章全都是免费开源，拒绝收费。构建果然免费共享技术环境）下面希望各位大哥支持一下我开发的小程序，点击一下增加一下我的用户量。如有建议可以私信我非常感激。
2023-06-15 16:28:54
5083
5
原创 一编文章就让你明白什么是ES6
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指，泛指 ES2015 及后续的版本。
2023-01-17 08:44:54
803
1
原创 Vue3.0----综合案例(第七章)
在实际开发中，前端开发者可以把自己封装的.vue 组件整理、打包、并发布为npm 的包，从而供其他人下载和使用。这种可以直接下载并在项目中使用的现成组件，就叫做vue 组件库。拦截器（英文：Interceptors）会在每次发起ajax 请求和得到响应的时候自动被触发。应用场景：①Token 身份认证②Loading 效果③etc…
2022-11-07 21:18:09
535
原创 Vue3.0----路由(第六章)
通俗易懂的概念：Hash 地址与组件之间的对应关系。vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router 目前有3.x的版本和4.x的版本。其中：⚫vue-router 3.x 只能结合vue2进行使用⚫vue-router 4.x 只能结合vue3进行使用vue-router 3.x 的官方文档地址：https://router.vuejs.org/zh/
2022-10-31 20:01:44
369
原创 微信小程序（扫一扫功能）
微信为用户提供了超过80个小程序入口，用户可以通过多个途径打开小程序，不仅可以通过朋友圈、微信公众号文章分享，还可以通过图片、链接分享，还可以开展团购、秒杀、会员积分等各种营销活动。相对APP来说，微信小程序开发需要的时间和成本相对较低。同样功能的APP可能需要几万到十几万，但是微信小程序只需要几千到几万就可以。微信小程序是不需要下载安装注册，用完即走。而且应用场景丰富、功能齐全，尤其是没有广告的干扰，更受用户的欢迎，用户体验更舒适。最简单的扫一扫说明方法。
2022-10-24 10:29:12
5111
原创 Vue3.0----组件高级【下】(第五章)
动态组件指的是动态切换组件的显示与隐藏。vue 提供了一个内置的 组件，专门用来实现组件的动态渲染。① 是组件的占位符②通过is 属性动态指定要渲染的组件名称③ 插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符。vue 官方提供了 v-for、v-model、v-if 等常用的内置指令。
2022-10-24 10:18:56
227
原创 Vue3.0----组件高级【上】(第四章)
在数据接收方，调用bus.on('事件名称', 事件处理函数) 方法注册一个自定义事件。//导入eventBus.js 模块，得到共亭的bus 对象data() {},//调用bus.on()方法注册一个自定义事件，通过事件处理函数的形参接收数据}}⚫父子关系①父 -> 子属性绑定②子 -> 父事件绑定③父 子组件上的 v-model⚫兄弟关系④EventBus⚫后代关系⚫全局数据共享⑥vuex。
2022-10-24 10:15:32
296
原创 Vue3.0----组件基础【下】(第三章)
props: {//通过“配置对象"的形式，来定义propD属性的“验证规则”propD: {//通过validator函数，对propD属性的值进行校验，“属性的值"可以通过形参value进行接收// propD属性的值，必须匹配下列字符串中的一个// validator 函数的返回值为true表示验证通过，false表示验证失败== -1},},},},
2022-10-24 10:14:43
568
1
原创 Vue3.0----组件基础【上】(第二章)
单页面应用程序（英文名：Single Page Application）简称 SPA，顾 名思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面，所有的 功能与交互都在这唯一的一个页面内完成。组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。例如：http://www.ibootstrap.cn/ 所展示的效果，就契合了组件化开发的思想。用户可以通过拖拽组件的方式，快速生成一个页面的布局结构。
2022-10-24 10:13:30
524
1
原创 JavaWeb--第一章MySQL基础
执行时机不一样：where 是分组之前进行限定，不满足where条件，则不参与分组，而having是分组之后对结果进行过 滤。DDL(Data Definition Language) ： 数据定义语言，用来定义数据库对象：数据库，表，列等 DDL简单理解就是用来操作数据库，表等。数据库创建好了，要在数据库中创建表，得先明确在哪儿个数据库中操作，此时就需要使用数据库。注意： 以后我们最常操作的是 DML 和 DQL ，因为我们开发中最常操作的就是数据。如果存储的数据字符个数不足10个，也会占10个的空间。
2022-09-22 16:42:19
86
原创 Vue3中Element-Plus的el-upload限制只上传一个文件（最简单明了）
使用Proxy代替defineProperty实现响应式。重写虚拟DOM的实现和Tree-Sharking。Composition API(组合api)移除keyCode支持作为v-on的修饰符。vue3.0更好的支持TypeScript。初次渲染快55%,更新渲染块133%watch与watchEffect。data选项应始终被声明为一个函数。provide和inject。3.拥抱TypeScript。ref与reactive。vue3.0带来了什么。......
2022-09-01 14:17:36
2550
原创 Vue3中Element-Plus的el-upload清空上传文件（最简单明了）
使用Proxy代替defineProperty实现响应式。重写虚拟DOM的实现和Tree-Sharking。Composition API(组合api)移除keyCode支持作为v-on的修饰符。vue3.0更好的支持TypeScript。初次渲染快55%,更新渲染块133%watch与watchEffect。data选项应始终被声明为一个函数。provide和inject。3.拥抱TypeScript。ref与reactive。vue3.0带来了什么。...
2022-09-01 14:15:38
12485
4
原创 Vue前端打印print设置自定义参数
例如：['border', 'padding']，将包括'border-bottom', 'border-top', 'border-left', 'border-right', 'padding-top'等。打印pdf时，如果浏览器不兼容（请检查浏览器兼容性表），库将在新选项卡中打开pdf。这允许您传递要打开的不同pdf文档，而不是传递到“可打印”中的原始pdf文档。打印pdf时，如果浏览器不兼容（请检查浏览器兼容性表），库将在新选项卡中打开pdf。可以在此处传递回调函数，发生这种情况时将执行回调函数。.
2022-08-18 19:13:23
3377
3
原创 一篇文章了解AJAX
一、原生 AJAX1.AJAX 简介AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。 通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。 AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。1.2 XML 简介XML 可扩展标记语言。XML 被设计用来传输和存储数据。XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签， 全都是自
2022-07-04 08:35:17
220
原创 十、TypeScript之下棋游戏（案例）
玩法：两个玩家，一个玩家使用（X），一个玩家使用（O），轮流在棋盘上下棋（点击单元格）。访问枚举（Gender）中的成员，作为变量（userGender）的值：注意：枚举成员是只读的，也就是说枚举中的成员可以访问，但是不能赋值！注意点：枚举中的成员是只读的，因此，只能访问不能赋值！问题：将枚举成员赋值给变量，变量的值是什么呢？3使用枚举修改当前玩家只要是数组用法都一样，比如：1.通过索引获取元素2.使用for循环遍历总结下棋游戏（XXOO）8.伪数组：具有长度（length）属性和索引（长得像、操作也像数组
2022-06-21 15:33:41
461
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人