- 博客(157)
- 资源 (4)
- 收藏
- 关注
RSS订阅翻译 Vue3.4新特性（官方翻译版）
今天，我们很高兴地宣布 Vue 3.4 “🏀灌篮高手”的发布！此版本包括一些实质性的内部改进 - 最引人注目的是重写的模板解析器，速度提高了 2 倍，以及重构的反应系统，使效果触发更加准确和高效。它还包含许多生活质量 API 改进，包括绑定 prop 时的稳定性和新的同名速记。这篇文章概述了 3.4 中的突出功能。有关更改的完整列表，请参阅 GitHub 上的。
2024-04-22 12:38:56
5
原创 Vue3拖拽功能【VueDraggablePlus】
是在这之后发布的或者是一个相对较小众的库，我建议你查看相关的文档或 GitHub 仓库，以获取详细的介绍和用法信息。在 Vue.js 生态系统中，拖拽相关的功能常常由一些流行的库来实现，例如。如果你是通过 npm 或 yarn 安装的这个库，可以查看其在 npm 上的页面。有在线文档，可以查阅这些文档以获取详细的介绍、配置选项和使用方法。如果你能提供更多的上下文或详细的信息，我也许可以提供更具体的帮助。如果其他方法都找不到足够的信息，你可以查看。的，所以如果你想了解更多关于。来获取有关包的信息。
2023-12-07 11:42:28
3804
原创 还记得当初自己为什么选择计算机？
答：计算机行业在各行各业都有广泛的应用，无论是在企业还是学术界，都有许多机会等待着计算机专业的毕业生。当初你问我为什么选择计算机，我笑着回答：“因为我梦想成为神奇的码农！”谁知道，我刚入门的那天，电脑却故障了，我只能用巨大的打字机来编程。答：现在从事软件开发行业，对于这个行业符合本人的个人兴趣以及爱好范围。行业内部比较卷，不断的需要学习新技术和拓展技术领域的视野。答：掌握计算机技术可以使自己在职场和人生道路上更具优势，更好地实现自己的价值和梦想。提示：可以分享自己现在从事计算机行业的境况。
2023-12-07 11:41:53
178
原创 HTTP 请求的执行结果【接口状态码】（通俗易懂版）
在 Web 开发中，接口状态码是用于表示 HTTP 请求的执行结果的数字标识。这些状态码由服务器返回，通常包含在 HTTP 响应的头部，帮助客户端理解请求的处理情况。
2023-12-06 11:35:49
193
原创 Vue3网站用户引导功能【Intro.js】
Intro.js是一个用于创建网站用户引导、功能介绍和教程的 JavaScript 库。它允许开发者通过步骤和提示突出显示网站上的特定元素，以帮助用户更好地了解和使用网站的功能。以下是Intro.js的一些关键特点和用法介绍：更多Intro.js。
2023-12-06 08:07:04
1091
原创 vue3中axios安装使用（简单容易版）
在 Vue 3 项目中安装 Axios 的主要原因是为了方便进行 HTTP 请求。Axios 是一个基于 Promise 的 HTTP 客户端，它使得在 Vue 3 项目中与后端服务器进行数据交互变得更加简单和灵活。Axios 支持发送异步请求，使得你可以在 Vue 3 项目中方便地处理异步操作，如获取数据、提交表单等。Axios 的 API 是基于 Promise 的，这使得处理异步操作更为直观和方便。你可以使用或的方式处理异步操作。
2023-12-01 11:11:09
1242
原创 vue3中如何安装Pinia（简单易懂）
以上步骤是在 Vue 3 中安装和配置 Pinia 的基本流程。在你的项目中创建 Pinia Store 文件，定义状态和操作。方法来获取 Pinia Store 的实例。Vue 3 版本对应的 Pinia 使用。）中配置并注册 Pinia 插件。在你的应用入口文件（通常是。实例，并在组件中使用它。
2023-12-01 11:02:46
907
原创 Vue语音播报，不用安装任何包和插件，直接调用。
Vue语音提示功能可以通过使用浏览器提供的Web Speech API来实现。这个API允许你的应用程序通过浏览器朗读文本，不用安装任何包和插件，直接调用。
2023-11-30 16:21:45
1851
3
原创 全栈软件开发工程师需要具备哪些技能
使用构建工具（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
798
原创 2023年的 Web 前端开发建议需要具备技能
2023年的 Web 前端开发需要具备一系列技能，以应对不断变化的技术环境和满足日益增长的业务需求。
2023-11-29 09:43:05
675
原创 VSCode开发 Vue3 建议必备的插件
在使用 Visual Studio Code (VSCode) 开发 Vue 3 项目时，有一些插件可以提高开发效率、代码质量和工作流程。
2023-11-28 18:25:29
7466
原创 分享一个适用于 Vue3 的好的组件库，PrimeVue组件。
PrimeVue 作为一个基于 Vue.js 的 UI 组件库，具有一些优势和一些可能被视为劣势的方面。请注意，这些评价可能会根据个人或团队的需求而有所不同。
2023-11-28 15:22:14
1143
原创 Vue3中div自由拖拽宽度和高度。
Vue3中我们会遇到自由拖拽宽度和高度的页面需求，查看很多方法都无法满足当前需求。下面是我们Vue3版本的代码，直接复制粘贴就可以实现效果。根据自己需求更改即可投入使用，非常方便快捷。（本人文章全都是免费开源，拒绝收费。构建果然免费共享技术环境）下面希望各位大哥支持一下我开发的小程序，点击一下增加一下我的用户量。如有建议可以私信我非常感激。
2023-06-15 16:28:54
4367
4
原创 一编文章就让你明白什么是ES6
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指，泛指 ES2015 及后续的版本。
2023-01-17 08:44:54
751
1
原创 Vue3.0----综合案例(第七章)
在实际开发中，前端开发者可以把自己封装的.vue 组件整理、打包、并发布为npm 的包，从而供其他人下载和使用。这种可以直接下载并在项目中使用的现成组件，就叫做vue 组件库。拦截器（英文：Interceptors）会在每次发起ajax 请求和得到响应的时候自动被触发。应用场景：①Token 身份认证②Loading 效果③etc…
2022-11-07 21:18:09
488
原创 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
349
原创 微信小程序（扫一扫功能）
微信为用户提供了超过80个小程序入口，用户可以通过多个途径打开小程序，不仅可以通过朋友圈、微信公众号文章分享，还可以通过图片、链接分享，还可以开展团购、秒杀、会员积分等各种营销活动。相对APP来说，微信小程序开发需要的时间和成本相对较低。同样功能的APP可能需要几万到十几万，但是微信小程序只需要几千到几万就可以。微信小程序是不需要下载安装注册，用完即走。而且应用场景丰富、功能齐全，尤其是没有广告的干扰，更受用户的欢迎，用户体验更舒适。最简单的扫一扫说明方法。
2022-10-24 10:29:12
4469
原创 Vue3.0----组件高级【下】(第五章)
动态组件指的是动态切换组件的显示与隐藏。vue 提供了一个内置的 组件，专门用来实现组件的动态渲染。① 是组件的占位符②通过is 属性动态指定要渲染的组件名称③ 插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符。vue 官方提供了 v-for、v-model、v-if 等常用的内置指令。
2022-10-24 10:18:56
203
原创 Vue3.0----组件高级【上】(第四章)
在数据接收方，调用bus.on('事件名称', 事件处理函数) 方法注册一个自定义事件。//导入eventBus.js 模块，得到共亭的bus 对象data() {},//调用bus.on()方法注册一个自定义事件，通过事件处理函数的形参接收数据}}⚫父子关系①父 -> 子属性绑定②子 -> 父事件绑定③父 子组件上的 v-model⚫兄弟关系④EventBus⚫后代关系⚫全局数据共享⑥vuex。
2022-10-24 10:15:32
271
原创 Vue3.0----组件基础【下】(第三章)
props: {//通过“配置对象"的形式，来定义propD属性的“验证规则”propD: {//通过validator函数，对propD属性的值进行校验，“属性的值"可以通过形参value进行接收// propD属性的值，必须匹配下列字符串中的一个// validator 函数的返回值为true表示验证通过，false表示验证失败== -1},},},},
2022-10-24 10:14:43
536
1
原创 Vue3.0----组件基础【上】(第二章)
单页面应用程序（英文名：Single Page Application）简称 SPA，顾 名思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面，所有的 功能与交互都在这唯一的一个页面内完成。组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。例如：http://www.ibootstrap.cn/ 所展示的效果，就契合了组件化开发的思想。用户可以通过拖拽组件的方式，快速生成一个页面的布局结构。
2022-10-24 10:13:30
481
1
原创 JavaWeb--第一章MySQL基础
执行时机不一样：where 是分组之前进行限定，不满足where条件，则不参与分组，而having是分组之后对结果进行过 滤。DDL(Data Definition Language) ： 数据定义语言，用来定义数据库对象：数据库，表，列等 DDL简单理解就是用来操作数据库，表等。数据库创建好了，要在数据库中创建表，得先明确在哪儿个数据库中操作，此时就需要使用数据库。注意： 以后我们最常操作的是 DML 和 DQL ，因为我们开发中最常操作的就是数据。如果存储的数据字符个数不足10个，也会占10个的空间。
2022-09-22 16:42:19
72
原创 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
2440
原创 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
10063
3
原创 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
3030
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
178
原创 十、TypeScript之下棋游戏（案例）
玩法：两个玩家，一个玩家使用（X），一个玩家使用（O），轮流在棋盘上下棋（点击单元格）。访问枚举（Gender）中的成员，作为变量（userGender）的值：注意：枚举成员是只读的，也就是说枚举中的成员可以访问，但是不能赋值！注意点：枚举中的成员是只读的，因此，只能访问不能赋值！问题：将枚举成员赋值给变量，变量的值是什么呢？3使用枚举修改当前玩家只要是数组用法都一样，比如：1.通过索引获取元素2.使用for循环遍历总结下棋游戏（XXOO）8.伪数组：具有长度（length）属性和索引（长得像、操作也像数组
2022-06-21 15:33:41
406
1
原创 九、TypeScript之Web 开发
下棋游戏（XXOO）是通过Web（网页）开发实现的，因此，我们要学习Web开发的相关知识。如何使用？注意：不再双击打开html页面！解释：--watch表示启用监视模式，只要重新保存了ts文件，就会自动调用tsc将ts转化为js。解释：获取页面中id为title的DOM元素。类型断言问题：调用querySelector()通过id选择器获取DOM元素时，拿到的元素类型都是Element。比如：技巧：通过console.dir()打印DOM对象，来查看该元素的类型。解释：获取页面中所有class属性包含a的元
2022-06-20 08:25:39
1047
原创 八、TypeScript 对象
行为：TypeScript中的对象，是对生活中具体事物的抽象，使得我们可以通过代码来描述具体的事物。TS中的对象，也是由特征和行为组成的，它们有各自专业的名称：属性（特征）和方法（行为）。●理解TS中的对象：一组相关属性和方法的集合，并且是无序的。缺点：一个变量只能存储一个数据，多个变量之间没有任何关联（相关性）。键（key）名称，值（value）具体的数据。多个键值对之间，通过逗号（,）来分隔（类比数组）。现在，对象person具有两个属性：属性和方法的区别：值是不是函数，如果是，就称为方法；否则，就
2022-06-15 09:45:25
1340
1
原创 七、TypeScript 函数进阶
示例：一个变量的作用域指的是：代码中定义变量的区域，它决定了变量的使用范围。●局部变量：表示在函数内部声明的变量，该变量只能在函数内部使用（局部地区有雨）。●局部变量：表示在函数内部声明的变量，该变量只能在函数内部使用（局部地区有雨）。●全局变量：表示在函数外部声明的变量，该变量在当前ts文件的任何地方都可以使用。黑马程序员前端TypeScript教程，TypeScript零基础入门到实战全套教程_哔哩哔哩_bilibili......
2022-06-12 14:22:18
211
原创 六、TypeScript 函数基础
黑马程序员前端TypeScript教程，TypeScript零基础入门到实战全套教程_哔哩哔哩_bilibili
2022-06-11 12:43:03
192
1
原创 五、TypeScript 数组
问题1：存储一个人的名字，怎么存？声明一个字符串类型的变量问题2：存储三个人的名字，怎么存？声明三个字符串类型的变量问题3：如何是存储一个班级中所有人的名字呢？存储多个数据时，声明多个变量就太繁琐了。数组，是用于存放多个数据的集合。有数组：只需要使用一个数组（[]），就可以存储任意多个数据。没有数组：存储三个人的名字，就需要三个字符串类型的变量。注意：数组中，通常是相同类型的数据。创建数组有两种语法形式。●语法一（推荐）：[]（中括号）表示数组。如果数组中没有内容，就是一个空数组。数组的类型注解由两部分组
2022-06-11 12:42:42
5118
原创 四、TypeScript 语句
生活中，打开网站看电影：1 免费电影 2 Vip 电影。播放 Vip 电影时，首先会判断是不是 Vip：条件语句：根据判断条件的结果（真或假），来执行不同的代码，从而实现不同功能。条件执行时，首先判断条件是否满足。 条件语句，也叫分支语句，不同的情况就是不同的分支。在 TypeScript 中 if 语句就是实现条件判断的。●if 语句的语法：解释：补充概念说明：语句，是一个完整的句子，用来使某件事情发生（或实现某个功能）。在 TypeScript 中 else 语句必须配合 if 语句来使用。else 语
2022-06-10 08:19:13
336
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人