15年，专注软件定制开发

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

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

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

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

前端代码规范 - 图片相关

前端代码规范 - 图片相关
2024-11-19 08:34:48 +0800 CST view 445
本文详细介绍了前端项目中图片的使用规范，包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化以及可访问性等方面。合理使用图片不仅能提升页面加载速度，还能增强用户体验和SEO效果。
前端图片优化用户体验开发规范技术文档

如何实现生产环境代码加密

如何实现生产环境代码加密
2024-11-18 14:19:35 +0800 CST view 646
在成熟项目中，前端生产环境代码加密至关重要，能够防止代码被获取或篡改。本文介绍了几种常见的前端代码保护方法，包括使用代码混淆工具、加密关键数据、将逻辑移至服务端、检测开发者工具等。虽然这些方法能提升安全性，但真正的安全依赖于后端逻辑的保护。
前端安全代码保护加密技术

Vue3如何引入SVG图标？一篇文章快速学会！
2024-11-18 09:39:49 +0800 CST view 462
本文介绍了如何在Vue3项目中引入SVG图标，包括SVG的基本概念、下载图标的方法、安装和配置相关插件，以及如何封装和使用SVG图标组件。通过示例代码，读者可以快速掌握在Vue3中使用SVG图标的技巧，满足特定项目的需求。
前端开发 Vue SVG图标组件库技术教程

HTMX：用HTML属性实现AJAX、CSS过渡和WebSockets
2024-11-18 22:44:08 +0800 CST view 550
htmx是一个轻量级的JavaScript库，允许开发者通过简单的HTML属性实现复杂的交互功能，如AJAX、CSS过渡和WebSockets。它无需外部依赖，易于集成，适用于动态表单提交、实时数据更新和单页应用开发等场景。htmx通过简洁的接口和现代Web标准支持，优化了开发效率和应用性能，是现代Web开发的高效工具。
Web开发 JavaScript 前端框架用户体验技术工具

WebSQL数据库：HTML5的非标准伴侣

WebSQL数据库：HTML5的非标准伴侣
2024-11-18 22:44:20 +0800 CST view 434
WebSQL是一个独立于HTML5规范的数据库API，曾在前端开发中扮演重要角色。它提供了简单的API用于数据库交互，包括打开数据库、控制事务和执行SQL查询。尽管WebSQL已被W3C废弃，现代浏览器不再支持，但了解其基本用法和历史仍然有价值。本文介绍了WebSQL的核心API及其在实际项目中的应用示例。
前端开发数据库 Web技术

55个常用的JavaScript代码段

55个常用的JavaScript代码段
2024-11-18 22:38:45 +0800 CST view 539
本文列出了55个常用的JavaScript代码段，涵盖数组操作、字符串处理、日期处理、设备检测和UI交互等方面。这些代码段从简单到复杂，帮助前端开发者提高代码效率和可读性，掌握实用技巧，成为不可或缺的核心人员。
编程前端 JavaScript 开发技巧技术

禁止调试前端页面代码

禁止调试前端页面代码
2024-11-19 02:17:33 +0800 CST view 619
本文探讨了几种前端防调试技巧，包括无限输出debugger语句、基于浏览器宽高检测的方法、跳转空白页面的策略，以及使用disable-devtool和console-ban等插件。通过这些方法，可以有效增加调试的难度，防止攻击者通过开发者工具获取代码。然而，这些技术并不能完全阻止恶意攻击者，敏感信息应在后端处理。
前端开发安全调试技术

jQuery选择器：解锁HTML元素操作的强大工具
2024-11-17 23:06:18 +0800 CST view 437
本文详细介绍了jQuery选择器的使用，包括如何选择和操作HTML元素。通过示例展示了ID、类、元素、属性的选择，以及组合选择器和过滤选择器的用法。还涵盖了表单选择器和子元素、兄弟元素的选择方法，强调了jQuery在灵活选择和操作HTML元素方面的强大功能。
前端开发 jQuery Web技术

Vue 3 中的 `toRefs` 函数有什么用途？

Vue 3 中的 `toRefs` 函数有什么用途？
2024-11-18 11:26:50 +0800 CST view 458
本文深入探讨了Vue3中`toRefs`函数的用途，解释了如何将响应式对象的属性转化为单个响应式引用，以保持响应性。通过示例代码，展示了`toRefs`在解构、计算属性、自定义钩子函数和监听变化等场景中的应用，强调了其在Vue3组合式API中的重要性。
前端开发 Vue.js JavaScript 编程技术

Vue 3创建一个简单的文件上传组件，并处理上传的文件

Vue 3创建一个简单的文件上传组件，并处理上传的文件
2024-11-19 04:09:17 +0800 CST view 880
本文介绍了如何使用Vue3创建一个简单的文件上传组件，涵盖项目初始化、组件创建、文件处理和自定义功能。通过示例代码，读者可以学习如何实现文件选择、上传及其异常处理，并了解如何集成组件到主应用中。还提供了文件类型验证和上传进度显示的扩展建议。
前端开发 Vue.js 文件上传组件开发技术教程

用Vue3的组合式API创建一个简单的计数器组件，包含增加和减少计数的功能

用Vue3的组合式API创建一个简单的计数器组件，包含增加和减少计数的功能
2024-11-18 21:03:13 +0800 CST view 519
本文介绍了如何使用Vue3的组合式API创建一个简单的计数器组件，包含增加和减少计数的功能。通过实际代码示例，展示了项目创建、组件结构、响应式变量的定义及其在模板中的使用。最后，强调了组合式API的灵活性和模块化特性，帮助开发者更好地组织代码逻辑和状态。
前端开发 Vue.js 组件开发编程技术教程

如何在Vue中创建和使用一个简单的自定义组件

如何在Vue中创建和使用一个简单的自定义组件
2024-11-19 05:37:56 +0800 CST view 495
本文详细介绍了如何在Vue3中创建和使用一个简单的自定义组件，包括项目创建、组件结构、逻辑和样式的解析，以及如何在主应用中使用该组件。还探讨了Vue3的一些强大特性，如组合式API和动态组件，旨在帮助开发者掌握Vue3的基础知识，以便在实际项目和面试中应用。
前端开发 Vue.js JavaScript 组件技术教程

推荐几个前端常用的工具网站
2024-11-19 07:58:08 +0800 CST view 463
本文推荐了几个前端常用的工具网站，包括贝塞尔动画曲线生成器、HTML/CSS/JS浏览器兼容性查询、网页响应性测试工具、HTML5元素周期表和抽象语法树查询分析工具。这些工具帮助开发者可视化动画效果、检查浏览器支持、测试响应式设计、学习HTML5元素以及分析JavaScript代码的抽象语法树。
前端开发工具 Web技术

如何通过CSS的自定义属性和@property规则获取屏幕的宽度和高度

如何通过CSS的自定义属性和@property规则获取屏幕的宽度和高度
2024-11-18 21:31:39 +0800 CST view 525
本文探讨了如何通过CSS的自定义属性和@property规则获取屏幕的宽度和高度，而无需使用JavaScript。介绍了CSS自定义属性的定义、@property规则的使用以及数学运算函数的应用，展示了如何在页面上显示计算出的宽高值。尽管这种方法具有一定的兼容性问题，但随着CSS规范的发展，前端开发将变得更加灵活和高效。
前端开发 CSS 技术教程

Plyr.js 播放器介绍
2024-11-18 12:39:35 +0800 CST view 857
Plyr.js是一款极简、可定制的HTML5播放器，支持视频和音频，具有响应式设计和丰富的API。用户可以通过CDN或npm/yarn安装，并轻松初始化播放器。Plyr.js还支持音量控制等自定义选项，适合开发者集成音视频播放功能。更多信息请访问Plyr.js官方网站。
播放器前端开发音视频技术

如何在Vue3中使用视频库Video.js实现视频播放？

如何在Vue3中使用视频库Video.js实现视频播放？
2024-11-19 07:27:29 +0800 CST view 923
本文介绍了如何在Vue3项目中集成Video.js视频播放器，详细步骤包括创建Vue3项目、安装Video.js、创建VideoPlayer组件以及使用该组件。通过代码示例，读者可以学习如何实现基本的视频播放功能，并了解如何扩展Video.js的功能，如自定义控制栏等。
前端开发视频播放 Vue.js 技术教程

Vue3实现一个简单的待办事项列表，可以添加和删除事项

Vue3实现一个简单的待办事项列表，可以添加和删除事项
2024-11-18 01:36:26 +0800 CST view 577
本文介绍了如何使用Vue3实现一个简单的待办事项列表，包括项目初始化、组件创建、双向数据绑定、添加和删除事项的功能。通过创建Todo组件，读者可以学习Vue3的基本语法和核心概念，掌握前端开发中的重要技能。最后，读者可以在浏览器中测试功能，进一步理解Vue.js的应用。
前端开发 Vue.js 编程项目实战技术学习

如何在Vue3中使用自定义指令创建一个拖拽组件？

如何在Vue3中使用自定义指令创建一个拖拽组件？
2024-11-19 07:18:22 +0800 CST view 573
本文详细介绍了如何在Vue3中使用自定义指令创建拖拽组件。通过自定义指令，我们可以直接操作DOM元素，实现拖拽功能。文章提供了完整的示例代码，包括指令的创建、注册和使用，帮助开发者提升用户体验和界面交互性。
前端 Vue 开发技术

纯CSS绘制iPhoneX的外观
2024-11-19 06:39:43 +0800 CST view 582
该文本展示了如何使用纯CSS绘制iPhoneX的外观，包括设备的尺寸、框架样式、状态栏、内容区和按钮等。通过CSS样式设置，创建了一个模拟iPhoneX的网页结构，并嵌入了百度的内容。代码中详细定义了各个部分的样式和布局，适合前端开发者学习和参考。
前端开发网页设计 CSS iPhone 技术

深入理解 JavaScript 中的异步编程技巧

深入理解 JavaScript 中的异步编程技巧
2024-11-19 08:45:26 +0800 CST view 466
本文深入探讨了JavaScript中的异步编程技巧，包括事件循环、回调函数、Promise和Async/Await等关键概念。通过实用示例，展示了如何优雅地处理异步操作、错误处理、并行处理、超时和取消请求等。还介绍了防抖与节流技巧，以及如何使用Jest和Mocha进行异步代码测试，帮助开发者提升前端开发技能。
JavaScript 编程前端开发异步编程技术教程

Vue3中的全局组件注册方法如何？它与Vue2有何不同？

Vue3中的全局组件注册方法如何？它与Vue2有何不同？
2024-11-17 18:58:37 +0800 CST view 414
本文探讨了Vue3中的全局组件注册方法及其与Vue2的不同之处。Vue3通过createApp方法创建应用实例，提供了更模块化的组件注册方式，增强了代码的可维护性和性能。文章还介绍了副作用管理、性能优化和TypeScript支持等新特性，并提供了实际场景的应用示例，展示了如何统一管理全局组件的注册过程。
前端开发 Vue.js 编程技术

上一页 1 234 5...26 下一页