- 博客(237)
- 收藏
- 关注
RSS订阅
原创 前端开发怎么编写出优质高性能的代码
编写优质高性能的前端代码是前端开发人员的重要任务，它不仅关乎用户体验，也影响着网站的加载速度和运行效率。以下是一些编写优质高性能前端代码的通用建议： 理解性能指标：了解如何衡量性能，比如页面加载时间、
2024-05-12 15:34:31
444
1
原创 前端开发规范-非常值得大家停留脚步看看
自定义事件应始终使用 kebab-case 的事件名。不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。不同于组件和 prop，事件名不会被用作一个 JavaScript 变量名或 property 名，所以就没有理由使用 camelCase 或 PascalCase 了。并且v-on事件监听器在 DOM 模板中会被自动转换为全小写 (因为 HTML 是大小写不敏感的)，所以将会变成——导致myEvent不可能被监听到。原生事件参考列表。
2024-04-18 17:24:20
2771
原创 Vue 2 与 Vue 3 的差异不仅体现在语法层面，而是整个设计与生态的重构
Vue3相比Vue2在多个维度进行了优化升级：1）响应式系统改用Proxy实现，支持动态属性监听；2）引入Composition API，提升代码组织和复用性；3）性能优化，包括更快的虚拟DOM和Tree-shaking支持；4）新增Teleport/Fragments等功能；5）更好的TypeScript支持。业务开发中，Vue3的响应式更灵活、逻辑复用更清晰、模板写法更自由、v-model支持多绑定，同时兼容Options API平滑过渡。这些改进使Vue3在开发体验和性能上均有显著提升。
2025-07-24 09:57:10
882
原创 vue3 移动端适配完整详细案例代码
本文介绍了在Vue 3项目中实现移动端适配的方案。主要步骤包括：1)安装postcss-pxtorem插件将px转换为rem；2)配置postcss.config.js文件，设置rootValue为75(设计稿750px)；3)动态设置根元素字体大小，根据设备宽度自动缩放；4)在组件中直接使用设计稿尺寸(如28px标题)。通过这种方法，开发时可直接使用设计稿尺寸，系统会自动转换为响应式单位，确保在不同设备上保持良好显示效果。关键点在于postcss配置和动态设置根元素字体大小。
2025-07-15 15:50:56
251
原创 VSCode使用插件Github Copilot进行AI编程
登录成功后，在VSCode 右下角有 Copilot 激活的图标即可开始使用。点击VS code左下角账户图标，点击【Sign in】，会自动在浏览器打开。可在新标签中生成更多补全建议，按 Accept Solution可应用建议。将鼠标放到补全的代码上会出现，补全工具栏。可以切换不同的 AI 补全建议。在VS Code 左侧栏出现聊天图标，点击进入对话框，即可进行对话功能。出现 AI 补全的代码后，按。在VS Code中安装插件。键使用当前建议的全部代码。的 Github 帐号。切换候选 AI 补全。
2025-07-10 14:45:44
644
原创 下面我将针对每个应用场景，详细列出前端领域涉及AI推进的具体技术、工具和方案
AI技术正在重塑前端开发全流程。在代码生成领域，Copilot等工具基于NLP模型实现智能补全，Locofy将设计稿转为代码；测试环节出现Applitools等视觉测试工具和自愈测试框架；性能优化方面，Webpack AI插件和预测加载技术成为亮点。UI设计领域涌现出AI生成设计稿和自动化无障碍工具，而Sentry等平台通过AI实现智能错误分析。当前趋势显示，AI正从辅助工具演变为开发核心层，深度融入低代码平台和自适应架构。开发者需重点关注AI工程化、隐私合规和人机协作模式，把握技术变革的底层逻辑。
2025-07-10 14:33:52
1166
原创 前端：开发复杂繁琐功能实现流程
摘要：本文介绍了基于深度学习的图像分类技术，展示了神经网络模型在图像识别任务中的应用效果。通过实验数据对比，证明了深度学习模型在准确率和效率上的优势。文章还探讨了模型优化方法，为相关领域研究提供了参考。
2025-06-30 14:39:29
90
1
原创 前端开发“盲写代码”
摘要：文章介绍了"盲写代码"的开发方法，其核心步骤包括设计页面结构、编写静态页面、对接后端接口和调试优化。该方法能培养设计思维、提升问题定位能力并提高30%-50%开发速度，但初期可能面临自我怀疑、报错影响心态和效率降低等问题。关键在于通过实践逐步形成组件封装、架构设计等结构化思维，最终实现开发效率的显著提升。
2025-06-30 14:33:52
133
1
原创 Javascript 重洗多维数组对象中间children，数据格式不变 ，字段name换成title
如果需要重洗多维数组对象中的children字段，并将name字段替换为title，同时保持数据格式不变，可以通过递归函数实现。
2025-04-16 16:31:24
229
原创 Sass 的 @import 规则已经被废弃，并且将在 Dart Sass 3.0.0 中被移除。以下是完整的详细案例代码
以下是关于 Sass 的@import。
2025-04-14 18:31:17
1154
原创 vue3 uniapp h5 微信小程序 安卓和iOS开发适配踩坑记录
在使用开发跨平台应用时，开发者需要关注屏幕适配、事件处理、网络请求、表单数据处理、UI 组件交互以及性能优化等问题。通过合理使用条件编译、动态样式、平台判断等技术手段，可以有效解决跨平台兼容性问题，提升用户体验。
2025-04-02 12:01:23
1519
原创 uniapp +vue3 开发需要兼容小程序、h5、安卓、ios, 选择哪些插件和ui库会更合适，完整框架搭建和详细代码
通过上述步骤，你可以搭建一个基于的完整开发框架，支持小程序、H5、安卓和 iOS。推荐的 UI 库和插件包括uView PlusPiniaAxios等，能够满足多端开发的需求。如果需要更详细的代码示例和配置，可以参考开源项目。
2025-04-02 11:59:50
3217
原创 uniapp 开发需要兼容小程序、h5、安卓、ios, 选择哪些插件和ui库会更合适
UniApp 支持微信小程序自定义组件，可以在 H5、App 和微信小程序中使用。通过在pages.json中配置，可以引入并使用小程序自定义组件。
2025-04-02 11:53:09
651
原创 uniapp 开发需要兼容小程序、h5、安卓、ios,怎么搭建框架会更便于开发和后期维护
例如，uView-plus 是一个专为 UniApp 生态设计的 UI 框架，支持 Vue 3。UniApp 本身是一个基于 Vue.js 的跨平台开发框架，支持一次开发、多端运行。对于数据存储，可以结合本地存储和云开发功能，确保数据在不同平台上的同步和持久化。同时，建议为不同平台编写自动化测试用例，确保应用在各平台上的兼容性和稳定性。通过以上方法，可以搭建一个高效且易于维护的 UniApp 开发框架，同时兼容小程序、H5、安卓和 iOS 平台。使用响应式设计和动态样式适配不同平台的屏幕尺寸。
2025-04-02 11:51:37
647
原创 前端框架大对决：uni-app、taro、flutter、RN 哪家强？
UniApp：适合希望通过 Web 技术快速开发多平台应用的项目，尤其在 H5 和小程序开发上有优势。Taro：适合熟悉 React 的团队，尤其是需要开发小程序和 H5 的项目。Flutter：适合需要高性能、复杂 UI 动画的跨平台项目，尤其在移动端表现优异。：适合需要快速开发、复用 Web 代码的项目，社区支持强大。选择框架时，建议结合项目需求、团队技术栈和开发目标进行综合评估。
2025-04-02 11:41:24
1054
原创 Promise所有详细用法和案例代码
Promise是 JavaScript 中用于处理异步操作的对象。它代表了异步操作的最终完成（或失败），让你可以在操作成功或失败后执行相应的代码。
2025-04-01 09:42:57
481
原创 在 JavaScript 中，对 Promise 进行二次封装通常意味着创建一个新的 Promise，它依赖于一个或多个现有的 Promise。这种封装可以用于扩展 Promise 的功能
在 JavaScript 中，对 Promise 进行二次封装通常意味着创建一个新的 Promise，它依赖于一个或多个现有的 Promise。这种封装可以用于扩展 Promise 的功能、统一处理异步操作或简化异步逻辑的代码。
2025-04-01 09:39:29
402
原创 【Vue3】使用v-model实现父子组件通信，封装通过双向绑定v-model传输数据，也是面试常考题型
以下是一个使用 Vue 3 的v-model。
2025-03-18 09:47:00
480
原创 iframe 嵌套多级数据传输
跨域通信：推荐使用，适用于跨域场景。同域通信：可以直接操作 DOM 或使用全局变量。多级嵌套：使用第三方库（如）可以简化通信。持久化数据：可以使用或。根据具体需求选择合适的方法即可。
2025-02-28 11:16:48
430
原创 一行代码实现这些复杂功能，JavaScript太强大了！
JavaScript 以其灵活性和强大的表达能力而闻名，分享一些值得使用的 JavaScript 一行代码解决方案，这些代码简洁优雅却能实现复杂的功能。
2025-02-28 11:01:36
337
原创 Cursor：前端不会消失，但前端的你会消失
最近一直有一种声音，“大模型只能打榜，没什么实质性的落地”，我个人感觉有些片面了。就像今天这个场景，或许Cursor没有一步到位直接搞定客户，但是前端工程师实现某一个界面的时间确实大大缩短了。这个案例整理成文章花了不少时间，但是整个尝试过程，从创建空白文件夹开始，到最终效果出来，不到30分钟。甚至，我同时还使用另一个大模型在写项目方案，毕竟，等待生成的时间浪费也就浪费了。最后，解释下题目。我一直认为，大模型确确实实能够提升开发的效率，不论是前端还是后端，同时，我也认为，程序员的职业肯定不会消失。
2025-02-05 12:09:00
940
原创 新时代的chat引领deepseek起潮！
deepseek链接: https://chat.deepseek.com/a/chat/s/2c428087-7c65-45de-8efe-372fd2aa87fe
2025-02-05 09:48:31
236
原创 vuepress详细完整案例代码
以上是一个完整的VuePress示例项目代码和步骤，你可以根据需要进行调整和扩展。如果需要将项目部署到GitHubPages，可以在。目录中的内容推送到GitHub的。如果需要使用其他主题或插件，可以在。JavaScript复制。JavaScript复制。JavaScript复制。构建后的文件会生成在。markdown复制。
2025-01-20 14:33:39
419
原创 uni-app中，如果您需要在Android和iOS平台上进行基座操作和联调调试
【代码】uni-app中，如果您需要在Android和iOS平台上进行基座操作和联调调试。
2025-01-20 14:11:05
14709
原创 16 个 JavaScript 简写神技，提效 60%！
JavaScript是一门强大且灵活的语言，拥有丰富的特性和语法糖。分享下16个最常用的JavaScript的简写技巧，掌握它们可以让我们编写出更简洁、更优雅的代码，并显著提升开发效率（增加摸鱼时间）。
2025-01-20 13:59:11
350
原创 uni-app中创建一个安卓app项目，并制作自定义调试基座
并且要用好点的数据线，拼多多几块钱一根的不灵。自定义基座其实就是运行原生app的环境，基座就是android_debug.apk，生成apk复制到uni的debug目录里面就可以了。看到这个就说明手机与电脑链接成功了，这个就是你的手机，如果没有出现你的设备就检查一下第九步，然后点使用自定义基座、点运行。对于iOS平台，自定义调试基座需要重签名才能使用，重签名后会改变包名信息，从而导致注册的通用链接失效。注意：iOS平台标准基座需要重签名才能使用，重签名后会改变包名信息，从而导致注册的通用链接失效。
2024-11-19 13:53:57
1364
原创 Vue3进阶实践：构建高阶组件提升代码复用性与可维护性，完整详细案例
根据您的请求，我将提供一个 Vue 3 高阶组件（HOC）的完整详细案例，这个案例将展示如何构建一个可复用的表单组件，以提升代码的复用性与可维护性。
2024-11-19 08:41:58
803
原创 Vue 3的uniapp项目，使用Axios进行网络请求和Vue Router进行路由管理的多端适配demo，兼容H5、小程序、安卓、iOS平台，并包含分包的详细完整案例
根据您的需求，下面是一个基于Vue 3的uniapp项目，使用Axios进行网络请求和Vue Router进行路由管理的多端适配demo，兼容H5、小程序、安卓、iOS平台，并包含分包的详细完整案例。
2024-11-18 08:48:16
1807
1
原创 uniapp小程序如何分包？完整详细步骤
以上步骤展示了如何在uniapp项目中进行分包配置，通过合理分包可以提高应用的加载速度和维护效率。希望这个案例对你有所帮助。更多详细信息可以参考uniapp官方文档。在HBuilderX中编译运行小程序，检查是否能看到主包和分包（例如。），在该文件夹下创建你需要分包的页面（例如。字段，指定分包的根目录和包含的页面。文件中，针对微信小程序平台的配置添加。为了进一步提升分包的启动速度，可以在。目录下创建一个新的文件夹（例如。）的字样，以确认分包配置成功。字段，开启分包优化。
2024-11-18 08:40:57
5070
原创 基于Vue 3和MQTT的二次封装的详细完整案例代码
根据您的请求，我将提供一个基于Vue3和MQTT的二次封装的详细完整案例代码。这个案例将展示如何在Vue3项目中集成MQTT客户端，实现连接、订阅、接收消息和发布消息的功能。
2024-11-07 08:56:35
919
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人