15年，专注软件定制开发

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

如何使用jsDiff和diff2html库实现类似GitHub的代码比对效果

如何使用jsDiff和diff2html库实现类似GitHub的代码比对效果
2024-11-18 20:11:51 +0800 CST view 1894
本文介绍了如何使用jsDiff和diff2html库实现类似GitHub的代码比对效果，能够清晰展示JSON数据的差异，并支持在网页上直观查看变更。提供了HTML和React的实现示例，展示了如何搭建基本的代码比对功能，适用于日常开发中的版本控制和代码变更管理。
前端开发版本控制代码管理技术方案

一文读懂 React Bits：为你的网站注入创意动效 🧩

一文读懂 React Bits：为你的网站注入创意动效 🧩
2025-07-14 10:22:02 +0800 CST view 664
ReactBits是一个开源项目，提供超过80个高度可定制的ReactUI动画组件，旨在帮助开发者轻松创建吸引人的页面效果。它支持多种写法（JS/TS和CSS/Tailwind），并且不依赖额外库，具有丰富的文档和活跃的社区。该项目适合各种开发风格，能够快速集成并提升页面的交互性和视觉表现。
前端开发开源用户界面动画 React

Vue中如何处理列表渲染中的key值冲突问题

Vue中如何处理列表渲染中的key值冲突问题
2024-11-18 10:13:01 +0800 CST view 867
在Vue开发中，使用`v-for`指令进行列表渲染时，可能会遇到`key`值冲突的问题。`key`是Vue.js用于识别节点的机制，确保每个列表项的`key`值唯一是最佳实践。可以使用唯一标识符（如`id`）或索引`index`作为`key`。避免使用非唯一或重复的`key`值，以确保渲染的正确性和应用的稳定性。
前端开发 Vue.js 编程技巧

黑客帝国代码雨效果
2024-11-19 01:49:31 +0800 CST view 1110
该文本展示了一个实现代码雨效果的HTML页面。使用JavaScript在全屏画布上绘制随机字符，字符从上到下不断下落，形成动态效果。代码中包含了画布的初始化、字符集的定义、绘制函数以及动画的设置，适合用于学习Canvas和动画效果的实现。
前端开发动画效果 Canvas

9个高级前端必会的性能优化 API，你掌握了几个？

9个高级前端必会的性能优化 API，你掌握了几个？
2025-07-14 12:35:24 +0800 CST view 303
本文介绍了9个高级前端性能优化API，包括requestIdleCallback、IntersectionObserver、WeakMap等，详细阐述了它们的适用场景和代码示例。这些API可以显著提升页面性能和用户体验，帮助开发者写出更现代的前端代码。
前端开发性能优化 Web技术

Vue中的错误处理机制是什么？如何处理异步错误？

Vue中的错误处理机制是什么？如何处理异步错误？
2024-11-17 04:27:59 +0800 CST view 802
本文介绍了Vue中的错误处理机制，包括错误边界和异步错误处理。错误边界用于捕获组件中的JavaScript错误，确保应用的其他部分正常运行；异步错误处理则通过Promise的.catch()和async/await的try/catch来处理异步操作中的错误。通过示例代码，读者可以理解如何在Vue应用中有效管理和处理错误，从而提升用户体验和代码的健壮性。
前端开发 Vue 错误处理

Uiverse.io是一个神级网站，提供了4000多个前端动画特效
2024-11-18 12:11:54 +0800 CST view 1678
Uiverse.io是一个神级网站，提供了4000多个前端动画特效，用户只需复制粘贴代码即可轻松应用于项目中。网站涵盖按钮、输入框、提示信息等多种元素的动画，极大提升用户体验和工作效率。无论是CSS还是Tailwind，用户都可以快速找到所需的动画效果，方便快捷。
前端开发动画效果用户体验网站推荐

Geeker-Admin是一款基于Vue3.4、TypeScript和Vite5的开源后台管理框架
2024-11-19 09:21:34 +0800 CST view 1088
Geeker-Admin是一款基于Vue3.4、TypeScript和Vite5的开源后台管理框架，集成了ProTable组件和多种常用组件、Hooks、指令等，旨在提高开发效率。支持动态路由、权限控制和国际化，提供了完善的开发工具和代码规范，适合初创企业和大型项目使用。
前端开发开源项目后台管理技术栈开发工具

Remotion是一个基于React的框架，允许前端工程师以编程方式创建高质量视频
2024-11-19 03:46:15 +0800 CST view 1726
Remotion是一个基于React的框架，允许前端工程师以编程方式创建高质量视频。它结合了Web技术和编程的力量，使得视频制作更加灵活和高效。用户可以利用CSS、Canvas、SVG和WebGL等技术，实时编辑和预览视频效果，并通过API动态生成内容。作为一个开源项目，Remotion提供了丰富的功能和活跃的开发者社区，适合用于制作宣传视频和数据可视化。
前端开发视频制作开源工具

前端开发必备：Fetch GET 与 POST 请求封装实践与进阶优化

前端开发必备：Fetch GET 与 POST 请求封装实践与进阶优化
2025-07-16 17:16:34 +0800 CST view 346
本文介绍了如何封装FetchAPI以优雅地处理HTTP请求，解决使用原始Fetch时的痛点，如重复配置headers、处理错误和加载状态。提供了GET和POST请求的封装示例，并讨论了进阶增强技巧，如自动附加Token、统一错误处理和添加Loading状态，旨在提高代码质量和维护效率。
前端开发网络编程 JavaScript API 异步编程

如何在Vue中处理动态路由？

如何在Vue中处理动态路由？
2024-11-19 06:09:50 +0800 CST view 782
本文介绍了如何在Vue中处理动态路由，包括安装和配置VueRouter、定义动态路由、在组件中接收动态参数以及触发动态路由。通过动态路由，开发者可以根据不同的参数展示内容，从而构建灵活的单页面应用。使用VueRouter可以简化路由管理，提高用户体验和代码可维护性。
前端开发 Vue.js 路由管理 JavaScript 单页面应用

基于Flask实现后台权限管理系统
2024-11-19 09:53:09 +0800 CST view 1376
本文探讨了如何基于Flask框架实现一个后台权限管理系统，涵盖用户管理、角色管理、资源管理等功能模块。系统采用前后端分离的架构，前端使用ElementUI和Vue，后端使用Flask及相关插件，并通过Docker进行部署。文章详细介绍了项目的技术栈、使用方法及启动步骤，强调了Flask在权限管理系统开发中的优势。
Web开发权限管理 Flask框架 Docker 前端开发后端开发

Vue中的异步更新是如何实现的？

Vue中的异步更新是如何实现的？
2024-11-18 19:24:29 +0800 CST view 706
在Vue.js中，异步更新机制是其响应式系统的核心。Vue利用JavaScript的事件循环和虚拟DOM技术，将数据变化推迟到下一个事件循环周期进行统一处理，从而避免频繁的DOM更新，提升性能。示例代码展示了如何通过按钮点击触发异步更新，2秒后更新消息，体现了Vue的异步更新特性。
前端开发 Vue.js 性能优化

vue-cli 3.0 axios 跨域请求代理配置及生产环境 baseUrl 配置
2024-11-19 03:04:20 +0800 CST view 3591
本文介绍了在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 623
本文介绍了Vue.js中的自定义过滤器的概念及其创建方法。自定义过滤器允许在模板中转换数据，如格式化文本、日期和数字。通过示例代码，展示了如何使用Vue.filter方法创建过滤器，并在模板中应用。还介绍了自定义过滤器可以接受参数的功能。最后提到，Vue3中已移除过滤器的支持，建议使用方法或计算属性替代。
前端开发 Vue.js JavaScript框架

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

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

如何把 CSS 的动态效果转换成 GIF 动图的
2024-11-19 05:01:51 +0800 CST view 1842
本文介绍了如何将CSS动态效果转换为GIF动图，提供了两种方法：一种是使用浏览器插件AwesomeScreenshot和MP4到GIF转换器，另一种是利用Puppeteer和ImageMagick的程序化方案。文章详细说明了每种方法的步骤，适合不同技术水平的用户。
前端开发动画效果技术教程

告别构建工具的幻想？从 Import Maps 谈浏览器原生模块导入的未来

告别构建工具的幻想？从 Import Maps 谈浏览器原生模块导入的未来
2025-07-21 18:52:15 +0800 CST view 327
本文探讨了ImportMaps在现代前端开发中的重要性，解决了浏览器无法识别裸模块名的问题，降低了开发门槛。通过ImportMaps，开发者可以在不使用构建工具的情况下直接导入模块，适合快速原型开发和教学演示。尽管如此，构建工具仍然在代码转译、性能优化和跨浏览器兼容等方面发挥着重要作用，未来可能转变为可选的加速器。
前端开发 Web技术模块化

10个几乎无人使用的罕见HTML标签
2024-11-18 21:44:46 +0800 CST view 875
本文介绍了10个罕见的HTML标签，这些标签在开发中很少被使用。包括`<abbr>`用于缩写，`<q>`用于引用，`<s>`用于删除线，`<mark>`用于高亮，`<wbr>`用于文本换行，`<details>`用于可展开内容，`<optgroup>`用于下拉列表分组，`<datalist>`用于自动完成，`<fieldset>`用于表单分组，以及`<sup>`和`<sub>`用于上标和下标。
HTML Web开发前端技术

一行代码生成绝对唯一 ID？别再用 `Date.now()` 了！

一行代码生成绝对唯一 ID？别再用 `Date.now()` 了！
2025-07-21 19:11:45 +0800 CST view 341
在前端开发中，生成绝对唯一的ID是常见需求。传统方法如`Date.now()`和自增计数器存在重复风险。推荐使用`crypto.randomUUID()`，它提供加密级别的随机性和全局唯一性，适合生产环境。对于旧浏览器，可以使用`uuid`库作为降级方案。总结了不同生成方法的优缺点，强调了现代标准的重要性。
前端开发唯一性安全性技术标准编程技巧

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

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

php在使用JQuery.lazyload图片懒加载时，正则替换Img的src为original
2024-11-17 18:13:34 +0800 CST view 3273
在页面有很多大图时，为了提升用户体验和减轻服务器压力，通常会使用图片懒加载技术。使用lazyload时，需要将图片的src值设置为占位符，并将真实路径赋给original，以确保jquery.lazyload正常执行。示例代码展示了如何替换图片标签的src属性，并使用jquery.lazyload实现懒加载效果。
前端开发性能优化技术实现

掌握现代 Web API：2024 年强大浏览器功能指南

掌握现代 Web API：2024 年强大浏览器功能指南
2024-11-18 00:58:04 +0800 CST view 875
本指南探讨了2024年现代Web开发中关键的WebAPI，包括支付请求、存储、DOM、HTML清理、Canvas、历史、剪贴板、全屏、FormData、Fetch、拖放和地理位置API。这些API为开发人员提供了强大的工具，以创建更动态、安全和用户友好的Web应用程序。掌握这些API将提升用户体验和应用程序性能。
Web开发 API 前端技术用户体验安全性

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

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

上一页 1...11 121314 15...26 下一页