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