- 博客(89)
- 收藏
- 关注
RSS订阅
原创 基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇
前言在上个月初，接到一个需求，要开发一个 聊天通讯 模块 并且 集成到 项目中的多个 入口，实现业务数据的记录追踪.接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 使用，感觉挺自豪的。下面就就跟着我来看看 如何 开发一个 聊天通讯 服务吧 ! (主要站在前端的角度来讲如何开发设计 )技术栈Vue 2.xWebsoketV
2021-09-16 14:20:21
5518
14
原创 Trae + Google 插件 = 效率爆炸！
今天给大家带来我基于最近很火的 字节神器Trae 实践， 使用它 + Google 来我快速开发了一款书签插件，使用效果不错，其实我去年也开发了一款，使用人还挺多的。下面来聊一聊主要实现和有哪些特性。去年开发的一个简洁高效的 Chrome 扩展程序，帮助你快速检索和访问书签。通过优雅的界面设计和智能的搜索功能，让书签管理变得更加轻松。
2025-02-07 13:41:03
1203
原创 Next Server Components 和 Client Components 的区别
在服务端渲染，提高初次加载速度和 SEO，但不能使用客户端特性。在客户端渲染，支持状态管理和浏览器特性，但增加了初次加载的 JavaScript 包的体积。文章分享就到此结束了，如果大家觉得文章不错的话，可以关注我:程序员海军，后续还会分享更多Web最新最全的动态。
2025-02-05 11:28:37
776
原创 一文带你了解 Next Route理论到实战
文章分享就到此结束了，如果大家觉得文章不错的话，可以关注我:程序员海军，后续还会分享更多Web最新最全的动态。服务器组件嵌套客户端组件metadata对象generateMetadata功能layout.jspage.js。
2025-02-05 11:15:09
875
原创 手把手教你在Vue3 封装 一个通用 EChart 图表组件
支持动态数据：接收外部传递的配置和数据，自动更新图表。多种图表类型：允许通过配置项切换不同类型的图表（如折线图、柱状图等）。组件生命周期管理：自动初始化、更新和销毁 ECharts 实例，防止内存泄漏。方法暴露：通过ref暴露组件方法（如手动更新、导出图表）。
2025-02-05 11:08:00
400
原创 2025 Nuxt3 生态总结
Nuxt3生态的分享就到此结束了，如果大家觉得文章不错的话，可以关注我:程序员海军，后续还会分享更多Web最新最全的动态。
2025-02-05 10:59:45
1220
原创 API 风格选对了，文档写好了，项目就成功了一半！
在前后端开发中，API文档和API风格设计是提高开发效率、减少沟通成本、确保系统稳定性的关键环节。一个清晰、易用的API文档可以帮助前端开发者快速理解接口的使用方法，而完善的测试则能尽早发现潜在问题，避免上线后出现故障。接下来，我们将从API风格设计和API 文档两个方面，详细探讨如何提高开发效率。API风格设计项目如何选择合适的API风格？RESTful API 是基于架构风格设计的API。
2025-02-05 10:57:28
860
原创 小程序&企业微信&微信OAuth 2.0授权指南
近期，我在致力于打造自己的小程序产品时，迎来了一项关键性的进展——的完整实现。从用户登录到权限获取，我们细致入微地梳理并实现了每一项授权机制，确保了用户体验的流畅与安全。
2024-12-30 15:37:19
1295
1
原创 2024 Nuxt3 年度生态总结
hello，大家好，我是程序员海军。很荣幸能与大家分享我今年的第三篇文章。在过去的一年里，我深入探索了Nuxt3，并在多个项目中实际应用了这一前沿框架，从而对其功能和应用有了全面而深刻的理解。今天，我要带给大家的是一篇关于2024年Nuxt3生态发展的全景扫描。在这篇文章中，我们将一起探讨Nuxt3的多元化生态，涵盖UI库、请求库、工具库、状态管理、国际化、图标库、表单处理、Nuxt官方模块，以及数据可视化等多个维度。这些内容将帮助我们构建出更加健壮、高效、用户体验卓越的Nuxt3应用。
2024-12-30 15:35:45
740
原创 [面试必备] 深度剖析 Vue3 生命周期
在更新完成后被调用（组件的 DOM 已经更新完毕）。在更新发生之前被调用（响应式依赖发生改变之前）。当虚拟 DOM 重新渲染时调用，也主要用于调试。在挂载完成后被调用（组件挂载到DOM树上后）。当一个响应式依赖被跟踪时调用，主要用于调试。在挂载开始之前被调用（组件实例被创建后）。在卸载开始之前被调用（组件实例被销毁前）。在卸载完成后被调用（组件实例被销毁后）。当捕获组件树中的一个错误时被调用。
2024-10-27 14:37:20
378
原创 全新升级：学习Vue精华总结，一切尽在掌握！
在这里，不论你正准备跨入Vue的世界，还是老司机寻求新的技巧，我们的内容都将贴近实战，直击核心，让你的每一步都坚定而有力。加入我们，我们一起，为你的前端之路添砖加瓦，让你走得更稳，更远，直至视野尽头的广阔景致。让我们一起，抗击技术迅猛的潮流，不断前行！迎接前端领域的不断演进，我们的特色专栏成为了探索无限可能的舞台。我们承诺，将持续更新Vue3、Vue2以及整个Vue生态的技术动态！每一篇内容都是精心策划，旨在为你呈现最深入的框架应用分析和最前沿的前端技术趋势。
2024-02-21 10:38:09
182
原创 Vue3开发利器：超实用Npm Modules推荐与实战
在 Vue 3 项目中，使用自动导入的 npm 包可以显著提高开发效率。这些包通常帮助自动导入组件、API、插件等，减少手动导入的需要。
2024-01-25 13:56:51
230
原创 Vue中使用TypeScript：全面指南和最佳实践
Vue3和TypeScript，如何让它们成为你项目的黄金组合？在这篇文章中，我们将为你揭示整合Vue3和TypeScript的利益，以及如何通过这一强大组合提高开发效率和代码质量。跟随我们一起解锁Vue3和TypeScript的无限可能吧！"
2024-01-25 13:35:42
558
原创 TypeScript 函数教程 - 深入理解和使用 TypeScript
介绍TypeScript函数的定义、调用和特性。本教程帮助你深入理解TypeScript函数，并通过实践增强编程技巧。
2024-01-17 10:09:29
260
原创 探索Vue3：深入理解响应式语法糖
当使用基于类型的 props 的声明时，无法很方便地声明这些 prop 的默认值。为此我们提供了 withDefaults() 这个 API，但使用起来仍然很笨拙。name?: string,name : '海军' , phone : '123123123123' }) props . namename : '海军' , phone : '123123123123' }) props . name。
2024-01-17 10:00:35
167
原创 Vue3 使用 Teleport 封装 一个 Dialog
是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。简单的说，Teleport 可以把模板代码 传送到 其它组件中，
2024-01-05 19:44:53
1151
原创 深入理解并解析Flutter Widget
深入理解Flutter Widget, Flutter Widget教程, Flutter Widget解析, 如何理解Flutter Widget, Flutter控件, 学习Flutter控件, Flutter Widget基础, Flutter组件解析, Flutter Widget应用
2024-01-04 13:51:13
653
原创 Flutter 图片和资源的高效使用指南
Flutter 资源使用,Flutter 图片处理,Flutter 图片和资源管理,Flutter 开发技巧,Flutter UI设计,Flutter 图片优化,Flutter 资源加载,Flutter 图片加载,Flutter 教程,Flutter 开发中如何使用资源
2024-01-04 10:49:19
1090
原创 一文来带你了解 Flutter MaterialApp
MaterialApp是Flutter中的一个重要小部件，它作为应用程序的根部小部件，并提供了一些基本的配置和功能。用于控制是否显示调试模式下的横幅、除了上述常用的配置参数外，在上面的代码中，我们使用。用于监听导航器的变化等。还有其他一些属性，如。
2024-01-04 10:44:10
753
原创 Flutter 中使用 ICON
来创建图标组件，Icon 组件接受一个 IconData 对象作为参数，用于指定要显示的具体图标。在Dart 文件中导入 material.dart 包，该包包含了 Flutter 的图标库。
2024-01-02 15:03:23
2569
原创 深度理解Flutter：有状态Widget与无状态Widget的详细对比
官方解释： 如果用户与 widget 交互，widget 会发生变化，那么它就是有状态的。有状态的widget 自身是可动态改变的（基于State）。例如用户交互而改变 Widget 的 state。CheckboxRadioInkWellForm和TextField都是有状态 widget，它们都是的子类。Widget的 状态（state ）保存在一个State的对象中。State和Widget是分离的，当Widget状态变化时，State 对象调用setState()来通知框架去重绘Widget。
2024-01-02 15:01:31
2158
1
原创 一文带你掌握Flutter dio网络请求库的封装
将请求所需的参数进行封装，例如 URL、请求头、请求体等。可以定义一个统一的数据结构或模型类来表示请求参数，以便于传递和管理。将网络请求返回的响应结果进行封装，例如状态码、响应头、响应体等。同样，可以定义一个统一的数据结构或模型类来表示响应结果，以便于处理和解析。对网络请求可能出现的错误进行封装和处理，例如网络连接失败、超时、服务器错误等。可以定义自定义的异常类或错误码，以及相应的错误处理机制。如果第三方网络库支持拦截器机制，你可以封装拦截器，用于在请求发起前或响应返回后进行额外的处理，如添加身份验证、日志
2023-12-29 11:04:16
818
原创 全面解析Flutter路由：一篇文章带你轻松掌握
Flutter中的Navigator是用于管理页面路由的类。它可以帮助您在应用程序中导航到不同的屏幕或页面。在Flutter中，静态路由是一种通过预定义的路由表来进行页面导航的方式。它使用路由名称作为标识符，并将每个路由名称映射到相应的页面组件。
2023-12-29 11:02:53
1687
原创 js 高精度计算 - decimal.js 库
JavaScript中的原生Number类型使用双精度浮点数表示，对于某些计算，特别是涉及到大数字或需要精确小数位数的计算时，可能会出现精度问题。使用decimal类型处理数据可以保证数据计算更为精确，还可以节省储存空间。通常情况下，当你需要进行对精度要求较高的数值计算时，可以考虑使用decimal.js或类似的库。● 财务计算：在处理货币、税金、利息等与财务相关的计算时，需要确保精确的小数位数和避免舍入误差。● 计费系统：在构建计费系统或处理价格计算时，需要确保精确的金额计算，避免出现错误的计费结果。
2023-09-07 15:08:15
1746
原创 element-ui el-input 验证只能输入数字和小数点
要在 Element UI 的 el-input 组件中使用正则表达式验证只能输入数字和小数点，可以通过监听 @input 事件，在事件处理函数中使用正则表达式进行验证。请注意，这只是一个简单的示例，仅限于验证输入的值是否为数字和小数点。上述代码中，我们在 el-input 组件上绑定了一个 @input 事件，并在事件处理函数 handleInput 中使用正则表达式 /该正则表达式表示只允许输入数字和小数点，其中 [0-9] 表示数字范围，. 表示小数点， 表示匹配零个或多个。
2023-07-03 09:31:38
2021
原创 tsconfig.json 报错 Cannot find type definition file for ‘lodash‘. 解决方案
需要注意的是，lodash-es 是一个 ES6 模块，不能使用 CommonJS 的 require 导入。如果你已经安装了 @types/lodash 包但仍然出现了上述错误，可能是 TypeScript 编译选项没有正确配置。这样 TypeScript 就会在 node_modules/@types 目录下查找类型定义文件，并且将 lodash 添加到编译选项中。在项目中安装 @types/lodash 包，它包含了 lodash 的类型定义文件。
2023-05-29 11:07:49
2981
原创 Vue3项目中使用TypeScript
在单文件组件中使用 TypeScript，需要在 标签上加上 lang="ts" 的 attribute。当 lang="ts" 存在时，所有的模板内表达式都将享受到更严格的类型检查
2023-04-20 09:38:36
5715
2
原创 Vue 解决报错 You are using the runtime-only build of Vue where the template compiler is not available.
Vue 运行时 + 编译器 vs. 只包含运行时 区别
2023-02-15 17:35:06
7144
1
原创 Vue 自定义指令详解(看了就会)
el：指令所绑定的元素，可以用来直接操作 DOM。bindingname：指令名，不包括v-前缀。value中，绑定值为2。oldValue：指令绑定的前一个值，仅在update和钩子中可用。无论值是否改变都可用。expression：字符串形式的指令表达式。例如中，表达式为"1 + 1"。arg：传给指令的参数，可选。例如中，参数为"foo"。modifiers：一个包含修饰符的对象。中，修饰符对象为。vnode：Vue 编译生成的虚拟节点。移步VNode API来了解更多详情。
2022-11-05 16:39:28
468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人