15年，专注软件定制开发

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

vue-cli 3.0 axios 跨域请求代理配置及生产环境 baseUrl 配置
2024-11-19 03:04:20 +0800 CST view 3500
本文介绍了在Vue.js项目中如何配置开发环境的跨域请求。通过在vue.config.js文件中设置devServer的proxy属性，可以将请求代理到指定的API地址。同时，配置axios的baseURL以便于发送请求。示例中展示了如何在开发和生产环境中设置请求的baseURL，并提供了相关代码片段。
Vue.js 前端开发 API请求

Vue.js中的自定义过滤器是什么？如何创建一个自定义过滤器？

Vue.js中的自定义过滤器是什么？如何创建一个自定义过滤器？
2024-11-17 14:04:17 +0800 CST view 519
本文介绍了Vue.js中的自定义过滤器的概念及其创建方法。自定义过滤器允许在模板中转换数据，如格式化文本、日期和数字。通过示例代码，展示了如何使用Vue.filter方法创建过滤器，并在模板中应用。还介绍了自定义过滤器可以接受参数的功能。最后提到，Vue3中已移除过滤器的支持，建议使用方法或计算属性替代。
前端开发 Vue.js JavaScript框架

CSS 奇技淫巧

CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST view 867
本文介绍了一系列高效的CSS技巧，旨在帮助前端开发者减少JavaScript代码，提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧，适用于现代网页设计。
前端开发 CSS 用户体验网页设计响应式设计

5个 CSS 新功能，简单好用还超省时间

5个 CSS 新功能，简单好用还超省时间
2025-07-18 07:48:14 +0800 CST view 112
本文介绍了五个值得立即使用的CSS新功能，包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度，解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS 前端开发新特性

纯 CSS 实现一个笔记本电脑的组装动画
2024-11-17 04:44:14 +0800 CST view 789
本文介绍了如何使用纯CSS实现一个笔记本电脑的组装动画。通过HTML和CSS代码，创建了一个具有动态效果的MacBook模型，展示了其显示屏、键盘和加载动画的实现方式。文章包含了详细的CSS样式和动画效果，适合对网页设计和动画感兴趣的开发者。
前端开发动画效果网页设计

整理了8款基于CSS和JavaScript的创意通知界面，展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST view 997
本文整理了8款基于CSS和JavaScript的创意通知界面，展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验，适用于电商和社交平台，提升用户体验。通过这些创意实现，通知不仅传递信息，还能增强品牌形象。
网页设计用户体验前端开发 CSS JavaScript

纯 CSS 实现动画，童年玩具 “跳跳杆”

纯 CSS 实现动画，童年玩具 “跳跳杆”
2024-11-19 06:44:40 +0800 CST view 860
本文介绍了如何使用纯CSS实现一个动画效果，模拟童年玩具“跳跳杆”。通过HTML和CSS代码，创建了一个具有立体效果的场景，展示了跳跳杆的动态表现。代码中包含了多种CSS动画效果和关键帧定义，展示了如何利用CSS的强大功能来实现复杂的动画效果。
前端开发动画效果网页设计

2024年Vue3.5的useTemplateRef让ref操作DOM更加丝滑

2024年Vue3.5的useTemplateRef让ref操作DOM更加丝滑
2024-11-19 06:37:21 +0800 CST view 1739
Vue3.5引入的useTemplateRef函数解决了使用ref时的一些直觉问题，使得模板中的ref属性与script中的ref变量绑定更加合理。通过useTemplateRef，开发者可以更方便地在模板中获取DOM元素或子组件，简化了代码并提升了编程直觉。
Vue 前端开发 JavaScript

这是一个基于移动优先设计的简单HTML示例
2024-11-18 15:54:42 +0800 CST view 871
这是一个基于移动优先设计的简单HTML示例，适合手机浏览的网站结构。示例使用了响应式布局，包含头部、导航栏、主要内容和固定页脚。通过<metaname='viewport'>确保在移动设备上正确显示，并使用CSS样式优化页面布局，适应不同屏幕尺寸。
网页设计前端开发响应式设计

CSS 响应式图片与视频全攻略：从基础到进阶

CSS 响应式图片与视频全攻略：从基础到进阶
2025-07-22 12:35:49 +0800 CST view 114
在设备多样化的时代，响应式图片与视频技术成为提升网页性能和用户体验的关键。通过使用`srcset`、`sizes`和`<picture>`元素，开发者可以根据用户设备特性提供合适的媒体版本，避免流量浪费和加载速度拖慢。本文详细介绍了响应式图片和视频的基础与进阶方案，并提供实战建议与优化技巧。
前端开发网页设计响应式设计

为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST view 723
随着网络用户的增加，确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`，以适应不同方向的布局需求。这些新属性通过定义起始和结束边距，确保无论区域设置如何，布局都能按预期显示。结合`flexbox`使用时，这些属性更加强大。
前端开发 CSS 无障碍设计

前端主题切换系统全解析：从亮暗模式到企业级动态皮肤

前端主题切换系统全解析：从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST view 101
本文详细解析了前端主题切换系统的实现，包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤，强调了CSS变量在高性能主题切换中的重要性，并提供了生产环境优化技巧和企业级动态主题平台的构建方案，旨在提升用户体验和产品专业性。
前端 Web开发用户体验主题设计 CSS

Uni-app 也能像 Vue 一样用 App.vue？这款插件做到了！

Uni-app 也能像 Vue 一样用 App.vue？这款插件做到了！
2025-07-25 19:33:08 +0800 CST view 102
本文介绍了如何使用`@uni-ku/root`插件为uni-app提供根组件支持，使其能够像Vue一样使用App.vue。通过该插件，开发者可以轻松集成全局组件，如Toast、Loading等，解决了uni-app中全局状态共享和组件挂载的痛点。文章还提供了详细的安装和配置步骤，以及示例代码，帮助开发者更好地使用uni-app。
uni-app Vue 前端开发插件组件

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

windows下升级node引发的一系列问题
2024-11-17 18:45:16 +0800 CST view 3674
由于项目需要升级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 1039
InfiniteGrid是一个高性能的JavaScript开源库，旨在实现各种类型的网格布局，支持无限滚动功能。它适用于桌面端和移动端，能够与主流前端框架如Vue、React、Angular和Svelte集成。核心特点包括高性能的DOM管理、多种布局类型（如瀑布流和对齐布局）、响应式设计以及动态加载内容，极大提升了开发效率。
JavaScript 前端开发开源库网页布局用户体验

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

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

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

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

Vue.js 中的依赖注入（Dependency Injection）是如何工作的？它有什么用处？

Vue.js 中的依赖注入（Dependency Injection）是如何工作的？它有什么用处？
2024-11-17 19:52:50 +0800 CST view 510
在Vue.js中，依赖注入是一种设计模式，通过`provide`和`inject`实现组件之间的松耦合。父组件可以提供数据或方法，子组件无需通过`props`逐级传递即可使用。这种方式简化了组件通信，解耦了组件，提高了可复用性和可维护性。依赖注入广泛应用于全局配置和插件开发，掌握其原理和应用场景对提高开发效率至关重要。
Vue.js 设计模式前端开发组件编程

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

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

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

简单的打造现代感十足的卡片式企业官网首页HTML+CSS全攻略
2024-11-17 04:03:50 +0800 CST view 743
本教程详细介绍如何使用HTML和CSS创建现代感十足的企业官网首页，采用卡片式设计和响应式布局，适合展示企业品牌形象和重要信息。内容包括页面结构、响应式设计技巧、CSS3动画、前端框架集成等，提供完整源码，适合中小型企业使用。
网页设计前端开发企业网站

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

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

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

上一页 1...15 161718 19...28 下一页