- 博客(229)
- 收藏
- 关注
RSS订阅
原创 前端开发怎么编写出优质高性能的代码
编写优质高性能的前端代码是前端开发人员的重要任务，它不仅关乎用户体验，也影响着网站的加载速度和运行效率。以下是一些编写优质高性能前端代码的通用建议： 理解性能指标：了解如何衡量性能，比如页面加载时间、
2024-05-12 15:34:31
386
1
原创 前端开发规范-非常值得大家停留脚步看看
自定义事件应始终使用 kebab-case 的事件名。不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。不同于组件和 prop，事件名不会被用作一个 JavaScript 变量名或 property 名，所以就没有理由使用 camelCase 或 PascalCase 了。并且v-on事件监听器在 DOM 模板中会被自动转换为全小写 (因为 HTML 是大小写不敏感的)，所以将会变成——导致myEvent不可能被监听到。原生事件参考列表。
2024-04-18 17:24:20
2628
原创 vue3 uniapp h5 微信小程序 安卓和iOS开发适配踩坑记录
在使用开发跨平台应用时，开发者需要关注屏幕适配、事件处理、网络请求、表单数据处理、UI 组件交互以及性能优化等问题。通过合理使用条件编译、动态样式、平台判断等技术手段，可以有效解决跨平台兼容性问题，提升用户体验。
2025-04-02 12:01:23
858
原创 uniapp +vue3 开发需要兼容小程序、h5、安卓、ios, 选择哪些插件和ui库会更合适，完整框架搭建和详细代码
通过上述步骤，你可以搭建一个基于的完整开发框架，支持小程序、H5、安卓和 iOS。推荐的 UI 库和插件包括uView PlusPiniaAxios等，能够满足多端开发的需求。如果需要更详细的代码示例和配置，可以参考开源项目。
2025-04-02 11:59:50
966
原创 uniapp 开发需要兼容小程序、h5、安卓、ios, 选择哪些插件和ui库会更合适
UniApp 支持微信小程序自定义组件，可以在 H5、App 和微信小程序中使用。通过在pages.json中配置，可以引入并使用小程序自定义组件。
2025-04-02 11:53:09
200
原创 uniapp 开发需要兼容小程序、h5、安卓、ios,怎么搭建框架会更便于开发和后期维护
例如，uView-plus 是一个专为 UniApp 生态设计的 UI 框架，支持 Vue 3。UniApp 本身是一个基于 Vue.js 的跨平台开发框架，支持一次开发、多端运行。对于数据存储，可以结合本地存储和云开发功能，确保数据在不同平台上的同步和持久化。同时，建议为不同平台编写自动化测试用例，确保应用在各平台上的兼容性和稳定性。通过以上方法，可以搭建一个高效且易于维护的 UniApp 开发框架，同时兼容小程序、H5、安卓和 iOS 平台。使用响应式设计和动态样式适配不同平台的屏幕尺寸。
2025-04-02 11:51:37
420
原创 前端框架大对决：uni-app、taro、flutter、RN 哪家强？
UniApp：适合希望通过 Web 技术快速开发多平台应用的项目，尤其在 H5 和小程序开发上有优势。Taro：适合熟悉 React 的团队，尤其是需要开发小程序和 H5 的项目。Flutter：适合需要高性能、复杂 UI 动画的跨平台项目，尤其在移动端表现优异。：适合需要快速开发、复用 Web 代码的项目，社区支持强大。选择框架时，建议结合项目需求、团队技术栈和开发目标进行综合评估。
2025-04-02 11:41:24
288
原创 Promise所有详细用法和案例代码
Promise是 JavaScript 中用于处理异步操作的对象。它代表了异步操作的最终完成（或失败），让你可以在操作成功或失败后执行相应的代码。
2025-04-01 09:42:57
429
原创 在 JavaScript 中，对 Promise 进行二次封装通常意味着创建一个新的 Promise，它依赖于一个或多个现有的 Promise。这种封装可以用于扩展 Promise 的功能
在 JavaScript 中，对 Promise 进行二次封装通常意味着创建一个新的 Promise，它依赖于一个或多个现有的 Promise。这种封装可以用于扩展 Promise 的功能、统一处理异步操作或简化异步逻辑的代码。
2025-04-01 09:39:29
342
原创 【Vue3】使用v-model实现父子组件通信，封装通过双向绑定v-model传输数据，也是面试常考题型
以下是一个使用 Vue 3 的v-model。
2025-03-18 09:47:00
270
原创 iframe 嵌套多级数据传输
跨域通信：推荐使用，适用于跨域场景。同域通信：可以直接操作 DOM 或使用全局变量。多级嵌套：使用第三方库（如）可以简化通信。持久化数据：可以使用或。根据具体需求选择合适的方法即可。
2025-02-28 11:16:48
252
原创 一行代码实现这些复杂功能，JavaScript太强大了！
JavaScript 以其灵活性和强大的表达能力而闻名，分享一些值得使用的 JavaScript 一行代码解决方案，这些代码简洁优雅却能实现复杂的功能。
2025-02-28 11:01:36
287
原创 Cursor：前端不会消失，但前端的你会消失
最近一直有一种声音，“大模型只能打榜，没什么实质性的落地”，我个人感觉有些片面了。就像今天这个场景，或许Cursor没有一步到位直接搞定客户，但是前端工程师实现某一个界面的时间确实大大缩短了。这个案例整理成文章花了不少时间，但是整个尝试过程，从创建空白文件夹开始，到最终效果出来，不到30分钟。甚至，我同时还使用另一个大模型在写项目方案，毕竟，等待生成的时间浪费也就浪费了。最后，解释下题目。我一直认为，大模型确确实实能够提升开发的效率，不论是前端还是后端，同时，我也认为，程序员的职业肯定不会消失。
2025-02-05 12:09:00
866
原创 新时代的chat引领deepseek起潮！
deepseek链接: https://chat.deepseek.com/a/chat/s/2c428087-7c65-45de-8efe-372fd2aa87fe
2025-02-05 09:48:31
170
原创 vuepress详细完整案例代码
以上是一个完整的VuePress示例项目代码和步骤，你可以根据需要进行调整和扩展。如果需要将项目部署到GitHubPages，可以在。目录中的内容推送到GitHub的。如果需要使用其他主题或插件，可以在。JavaScript复制。JavaScript复制。JavaScript复制。构建后的文件会生成在。markdown复制。
2025-01-20 14:33:39
336
原创 uni-app中，如果您需要在Android和iOS平台上进行基座操作和联调调试
【代码】uni-app中，如果您需要在Android和iOS平台上进行基座操作和联调调试。
2025-01-20 14:11:05
3235
原创 16 个 JavaScript 简写神技，提效 60%！
JavaScript是一门强大且灵活的语言，拥有丰富的特性和语法糖。分享下16个最常用的JavaScript的简写技巧，掌握它们可以让我们编写出更简洁、更优雅的代码，并显著提升开发效率（增加摸鱼时间）。
2025-01-20 13:59:11
305
原创 uni-app中创建一个安卓app项目，并制作自定义调试基座
并且要用好点的数据线，拼多多几块钱一根的不灵。自定义基座其实就是运行原生app的环境，基座就是android_debug.apk，生成apk复制到uni的debug目录里面就可以了。看到这个就说明手机与电脑链接成功了，这个就是你的手机，如果没有出现你的设备就检查一下第九步，然后点使用自定义基座、点运行。对于iOS平台，自定义调试基座需要重签名才能使用，重签名后会改变包名信息，从而导致注册的通用链接失效。注意：iOS平台标准基座需要重签名才能使用，重签名后会改变包名信息，从而导致注册的通用链接失效。
2024-11-19 13:53:57
1058
原创 Vue3进阶实践：构建高阶组件提升代码复用性与可维护性，完整详细案例
根据您的请求，我将提供一个 Vue 3 高阶组件（HOC）的完整详细案例，这个案例将展示如何构建一个可复用的表单组件，以提升代码的复用性与可维护性。
2024-11-19 08:41:58
644
原创 Vue 3的uniapp项目，使用Axios进行网络请求和Vue Router进行路由管理的多端适配demo，兼容H5、小程序、安卓、iOS平台，并包含分包的详细完整案例
根据您的需求，下面是一个基于Vue 3的uniapp项目，使用Axios进行网络请求和Vue Router进行路由管理的多端适配demo，兼容H5、小程序、安卓、iOS平台，并包含分包的详细完整案例。
2024-11-18 08:48:16
1605
1
原创 uniapp小程序如何分包？完整详细步骤
以上步骤展示了如何在uniapp项目中进行分包配置，通过合理分包可以提高应用的加载速度和维护效率。希望这个案例对你有所帮助。更多详细信息可以参考uniapp官方文档。在HBuilderX中编译运行小程序，检查是否能看到主包和分包（例如。），在该文件夹下创建你需要分包的页面（例如。字段，指定分包的根目录和包含的页面。文件中，针对微信小程序平台的配置添加。为了进一步提升分包的启动速度，可以在。目录下创建一个新的文件夹（例如。）的字样，以确认分包配置成功。字段，开启分包优化。
2024-11-18 08:40:57
4010
原创 基于Vue 3和MQTT的二次封装的详细完整案例代码
根据您的请求，我将提供一个基于Vue3和MQTT的二次封装的详细完整案例代码。这个案例将展示如何在Vue3项目中集成MQTT客户端，实现连接、订阅、接收消息和发布消息的功能。
2024-11-07 08:56:35
663
原创 javascript 替代try catch方案详细完整案例和优缺点
替代try-catch的方案各有优缺点，选择时需要根据具体的应用场景和需求来决定。Optional Chaining 和安全赋值运算符?提供了更现代的语法糖，但可能需要考虑浏览器兼容性问题。await-to-js 库提供了一种简洁的错误处理方式，但增加了项目依赖。Promise 的错误处理则适用于异步操作，但需要对 Promise 有较好的掌握。每种方案都有其适用场景，开发者可以根据实际情况选择最合适的方法。
2024-11-07 08:54:08
480
2
原创 wujie.addMicroApp 方法详细说明
在wujie微前端架构中，方法用于注册微应用。这个方法允许你定义微应用的名称、入口地址、容器选择器、激活规则等配置。以下是。
2024-10-11 08:57:36
225
原创 Taro 是一个使用 React 语法规范的跨平台开发框架，允许开发者编写一次代码，然后发布到微信/支付宝/百度/字节跳动小程序、H5、React Native 等平台
Taro 是一个使用 React 语法规范的跨平台开发框架，允许开发者编写一次代码，然后发布到微信/支付宝/百度/字节跳动小程序、H5、React Native 等平台。
2024-07-29 08:51:28
813
原创 在uni-app中进行单位转换页面适配时，你可能需要处理不同设备上的屏幕尺寸和分辨率，确保页面在移动端和PC端都能良好显示
在uni-app中进行单位转换页面适配时，你可能需要处理不同设备上的屏幕尺寸和分辨率，确保页面在移动端和PC端都能良好显示。
2024-07-29 08:48:01
1397
原创 fetch二次封装完整详细场景使用案例
二次封装fetchAPI 是一种常见的做法，特别是在大型项目中，可以统一处理 HTTP 请求和响应。以下是一个使用 TypeScript 进行fetch。
2024-07-28 12:19:03
1201
原创 package.json是Node.js项目的中心配置文件，它包含了项目的元数据、依赖关系、脚本任务等信息
npm start // 启动应用 npm test // 运行测试 npm run build // 执行构建任务。
2024-07-28 11:54:08
473
原创 yarn、npm和cnpm区别差异和使用场景、详解配置
yarnnpm和cnpm是 Node.js 应用程序的包管理器，它们用于安装和管理项目依赖。
2024-07-28 11:51:11
446
原创 Axios结合Typescript 二次封装完整详细场景使用案例
Axios 是一个基于 promise 的 HTTP 客户端，用于浏览器和 node.js。二次封装 Axios 主要是为了统一管理 HTTP 请求，例如设置统一的请求前缀、头部、超时时间，统一处理请求和响应的格式，以及错误处理等。
2024-07-28 11:37:48
2639
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人