15年，专注软件定制开发

php mysql shell go vue css api接口对接支付接口对接

windows下升级node引发的一系列问题

windows下升级node引发的一系列问题
2024-11-17 18:45:16 +0800 CST view 3762
由于项目需要升级node程序，用户下载并安装了新的node版本。升级后，npm无法使用，提示找不到vue.js模块。用户通过删除npm和node_modules目录，重新安装vue-cli和@vue/cli解决了问题。最后提醒用户设置环境变量以确保命令可用。
Node.js 前端开发软件安装

JavaScript 开源无限滚动网格库InfiniteGrid

JavaScript 开源无限滚动网格库InfiniteGrid
2024-11-18 18:25:13 +0800 CST view 1171
InfiniteGrid是一个高性能的JavaScript开源库，旨在实现各种类型的网格布局，支持无限滚动功能。它适用于桌面端和移动端，能够与主流前端框架如Vue、React、Angular和Svelte集成。核心特点包括高性能的DOM管理、多种布局类型（如瀑布流和对齐布局）、响应式设计以及动态加载内容，极大提升了开发效率。
JavaScript 前端开发开源库网页布局用户体验

什么是Axios? 为什么要封装? 如何优雅地封装?

什么是Axios? 为什么要封装? 如何优雅地封装?
2024-11-17 21:34:28 +0800 CST view 932
本文介绍了Axios的基本概念及其封装的必要性和步骤。Axios是一个用于在浏览器和Node.js中发送请求的库，封装Axios可以简化重复代码和处理响应逻辑。文章提供了如何创建Axios实例、配置基本信息、使用拦截器以及封装请求方法的详细示例，帮助开发者优雅地管理API请求。
前端开发 JavaScript API请求

《蜂巢式前端架构革命》——easy.ui 全景解析

《蜂巢式前端架构革命》——easy.ui 全景解析
2025-08-05 08:16:20 +0800 CST view 283
《蜂巢式前端架构革命》介绍了easy.ui的微前端架构，旨在解决传统单体前端项目中团队协作、构建部署耦合等问题。通过将单页面拆分为多个独立的子项目，easy.ui实现了低耦合、高隔离的设计，支持统一入口与编排。文中详细分析了核心功能、技术栈选型及未来发展蓝图，为前端团队提供了有效的架构方案。
前端架构微服务团队协作性能优化技术栈

使用 Vue3、Shadcn UI、Vite、TypeScript 和 Monorepo 构建的现代 vue 管理面板。等多种 UI 的中后台系统框架
2024-11-18 18:53:38 +0800 CST view 2074
VbenAdmin是一个流行的中后台管理系统框架，支持多种UI框架如AntDesignVue、ElementPlus和NaiveUI。最新版本v5.0.0引入了先进的项目管理模式，提供动态菜单、权限控制和国际化等功能。项目支持自定义UI框架，便于开发者根据需求选择组件库。安装要求Node.js20及以上，并需使用指定版本的pnpm。
前端框架开发工具项目管理开源

Vue 3 新指令 v-memo：终极渲染性能优化神器**

Vue 3 新指令 v-memo：终极渲染性能优化神器**
2025-08-06 12:58:41 +0800 CST view 227
Vue3引入了新指令v-memo，用于有条件地跳过不必要的元素或组件更新，从而优化渲染性能。通过依赖数组，只有当依赖值变化时，相关元素才会重新渲染，避免频繁的更新检查，特别适合长列表场景。v-memo是v-if和v-show的补充，提供了更高效的渲染策略。
前端开发性能优化 Vue框架

介绍`Navigator`对象的各个属性，包括其描述、用法和返回值

介绍`Navigator`对象的各个属性，包括其描述、用法和返回值
2024-11-19 02:17:35 +0800 CST view 1022
本文详细介绍了`Navigator`对象的各个属性，包括其描述、用法和返回值。涵盖了如`appCodeName`、`appName`、`bluetooth`、`clipboard`等属性，提供了如何在实际应用中利用这些信息的示例代码，帮助开发者更好地理解和使用这些API，以优化用户体验和应用性能。
Web开发浏览器API 前端技术用户体验 JavaScript

这是一款支持Vue3和React的开源Markdown富文本编辑器，提供实时预览、丰富的编辑功能和高度自定义选项
2024-11-19 06:43:02 +0800 CST view 1695
这是一款支持Vue3和React的开源Markdown富文本编辑器，提供实时预览、丰富的编辑功能和高度自定义选项。用户可以通过简单的安装步骤将其集成到项目中，支持多种扩展和主题，提升文档管理和文章编辑的体验。
开发工具前端开源项目 Markdown编辑器

Vue 中的 v-for 指令可以使用在哪些类型的数据结构上？

Vue 中的 v-for 指令可以使用在哪些类型的数据结构上？
2024-11-18 19:15:09 +0800 CST view 775
Vue.js中的v-for指令用于遍历多种数据结构，包括数组、对象、数值和字符串。通过示例代码，展示了如何使用v-for遍历数组中的元素、对象的属性、数值范围以及字符串中的字符。v-for的灵活性使得开发者能够高效地展示和处理数据，提升开发效率。
Vue 前端开发 JavaScript

vue打包后如何进行调试错误
2024-11-17 18:20:37 +0800 CST view 3167
在打包项目时遇到白屏错误，控制台显示压缩代码导致无法定位问题。经过几个小时的尝试，决定取消map过滤进行打包，最终发现错误源于Vuex的使用方式。修改后重新打包，问题得到解决，主要是由于自己的疏忽。
前端开发错误调试 Vue框架

Vue Router 中的导航守卫有哪些？它们分别在什么情况下触发？

Vue Router 中的导航守卫有哪些？它们分别在什么情况下触发？
2024-11-17 04:39:54 +0800 CST view 864
VueRouter中的导航守卫是控制路由跳转的重要功能，包括`beforeEach`、`beforeResolve`和`afterEach`。`beforeEach`在路由跳转前执行，通常用于权限控制；`beforeResolve`在组件守卫解析后、导航确认前执行，适合异步操作；`afterEach`在导航成功后执行，常用于日志记录。合理使用这些守卫可以实现复杂的路由控制逻辑。
前端开发路由管理 Vue.js

一行代码搞定图片懒加载！浏览器原生 `loading="lazy"` 全面指南

一行代码搞定图片懒加载！浏览器原生 `loading="lazy"` 全面指南
2025-08-15 11:54:15 +0800 CST view 283
本文介绍了浏览器原生的图片懒加载功能，通过使用HTML属性loading=\"lazy\"，开发者可以轻松实现高效的懒加载，提升网页性能，减少流量消耗。与传统的JavaScript懒加载相比，原生支持的实现更简单，性能开销更低，同时提供了最佳实践和使用注意事项，以确保良好的用户体验。
懒加载前端开发网页性能 JavaScript html

vue打包正式环境隐藏源代码的方法
2024-11-19 06:30:42 +0800 CST view 3615
本文讨论了打包map的作用，强调其在调试时帮助定位问题的重要性。通过设置vue.config.js中的productionSourceMap为false，可以实现不生成打包map文件的效果，从而在调试时无法通过F12查看问题。
前端开发 Vue.js 调试工具

Vue 中的单文件组件（Single File Components）是什么？如何使用它们？

Vue 中的单文件组件（Single File Components）是什么？如何使用它们？
2024-11-18 13:28:12 +0800 CST view 886
Vue单文件组件（SFC）是将模板、脚本和样式整合在一个`.vue`文件中的方式，提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们，通过示例展示了组件的结构和功能，帮助开发者更好地管理和组织代码。
前端 Vue.js JavaScript 开发组件

10 万条数据毫秒级前端模糊搜索方案
2025-08-15 11:58:14 +0800 CST view 342
本文介绍了如何使用FlexSearch.js实现毫秒级的模糊搜索，解决传统搜索方法在处理10万条数据时导致的UI卡顿和浏览器崩溃问题。通过预计算和索引构建，结合WebWorker技术，优化搜索体验，确保搜索结果快速返回。提供了防抖和限制返回条数等最佳实践，以提升用户体验。
前端开发性能优化搜索技术

90% 开发者还在用的 `substr()`，浏览器早已废弃

90% 开发者还在用的 `substr()`，浏览器早已废弃
2025-08-15 12:08:58 +0800 CST view 223
在前端开发中，`substr()`已被Web标准废弃，尽管浏览器仍兼容。推荐使用`slice()`作为首选替代方案，因为其支持负数索引且行为一致。`substring()`是次选，但存在参数自动交换的问题。尽快迁移到`slice()`可以减少认知负担并提升代码健壮性，避免未来可能的兼容性问题。
前端开发 JavaScript 编码规范

自定义input文件上传 file的提示文字及样式
2024-11-17 05:01:13 +0800 CST view 4510
该文本包含一个用于选择和上传文件的HTML和JavaScript代码示例。用户可以通过点击链接选择文件，选择后文件名会显示在页面上，并通过AJAX将文件上传到指定的URL。代码中使用了FormData对象来处理文件上传，并在成功后将返回的链接填入指定的输入框中。
前端开发文件上传 JavaScript HTML AJAX

使用 Vue3 和 Axios 实现 CRUD 操作

使用 Vue3 和 Axios 实现 CRUD 操作
2024-11-19 01:57:50 +0800 CST view 1075
本文介绍了如何使用Vue3和Axios实现基本的CRUD操作。通过创建一个简单的Vue3项目，使用JSONPlaceholder作为API，展示了如何创建、读取、更新和删除博客文章。文章包括项目结构、代码示例和运行项目的步骤，适合前端开发者学习和实践。
前端开发 JavaScript框架 Web开发

Vue 中的 $attrs 和 $listeners 对象有什么作用？

Vue 中的 $attrs 和 $listeners 对象有什么作用？
2024-11-18 08:20:40 +0800 CST view 837
本文详细介绍了Vue.js中的`$attrs`和`$listeners`对象的作用及使用方法。`$attrs`用于传递父组件未声明为`props`的属性到子组件内部，而`$listeners`用于将子组件的事件监听器传递给父组件。通过合理运用这两个对象，可以增强组件的灵活性和可复用性。
Vue 前端开发组件通信

Vue.js 的响应式数据是如何实现的？

Vue.js 的响应式数据是如何实现的？
2024-11-18 09:32:05 +0800 CST view 670
Vue.js是一款流行的JavaScript框架，其核心特性之一是响应式数据机制。通过`Object.defineProperty()`方法，Vue.js将数据属性转换为`getter`和`setter`，实现数据变化自动更新视图。在Vue3中，响应式系统重构为使用`Proxy`，解决了Vue2的一些局限性，提升了数据监听能力，简化了前端开发流程。
JavaScript 前端框架数据绑定

下一代 CSS 来了！用 @scope 告别全局样式困扰

下一代 CSS 来了！用 @scope 告别全局样式困扰
2025-08-15 12:20:30 +0800 CST view 164
本文介绍了CSS的新特性@scope，它解决了全局样式冲突的问题。@scope允许开发者将样式限制在特定的DOM区域，避免了传统BEM命名法的冗长和复杂性。通过示例展示了如何使用@scope简化HTML和CSS代码，使样式更直观且易于维护。@scope代表了CSS的未来发展方向，促进了组件化开发。
前端开发 CSS 组件化

为什么在 Vue.js 的组件中，data 必须是一个函数而不是一个对象？

为什么在 Vue.js 的组件中，data 必须是一个函数而不是一个对象？
2024-11-18 18:17:37 +0800 CST view 633
在Vue.js中，组件的data必须是一个函数而不是一个对象，以确保每个组件实例都有独立的状态，避免数据共享带来的混乱。通过将data定义为返回对象的函数，Vue.js确保了组件之间的独立性，避免了数据污染和意外副作用。这一设计是Vue.js框架的重要原则，有助于构建高质量的组件。
前端开发 JavaScript Vue.js 组件化数据管理

浏览器原生剪贴板大揭秘：原来你也能轻松读取用户截图！

浏览器原生剪贴板大揭秘：原来你也能轻松读取用户截图！
2025-08-15 12:28:43 +0800 CST view 288
本文全面解析了浏览器原生剪贴板API`navigator.clipboard`，介绍了如何安全地读取和写入剪贴板内容，包括文本和图片的处理。通过示例代码，读者可以学习如何实现用户授权的剪贴板操作，确保用户隐私，同时提升网页应用的用户体验。
Web技术前端开发用户体验安全性 API

如何使用Vue3的组合式API创建一个动态计时器组件

如何使用Vue3的组合式API创建一个动态计时器组件
2024-11-19 01:45:23 +0800 CST view 889
本教程介绍如何使用Vue3的组合式API创建一个动态计时器组件。计时器具备显示当前时间、开始、暂停和重置功能。通过示例代码，读者可以快速搭建项目并理解Vue3的新特性，提升开发效率和代码可读性。
Web开发前端框架 Vue.js

上一页 1...12 131415 16...26 下一页