- 博客(78)
- 收藏
- 关注
RSS订阅
原创 基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇
前言在上个月初，接到一个需求，要开发一个 聊天通讯 模块 并且 集成到 项目中的多个 入口，实现业务数据的记录追踪.接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 使用，感觉挺自豪的。下面就就跟着我来看看 如何 开发一个 聊天通讯 服务吧 ! (主要站在前端的角度来讲如何开发设计 )技术栈Vue 2.xWebsoketV
2021-09-16 14:20:21
5440
14
原创 [面试必备] 深度剖析 Vue3 生命周期
在更新完成后被调用（组件的 DOM 已经更新完毕）。在更新发生之前被调用（响应式依赖发生改变之前）。当虚拟 DOM 重新渲染时调用，也主要用于调试。在挂载完成后被调用（组件挂载到DOM树上后）。当一个响应式依赖被跟踪时调用，主要用于调试。在挂载开始之前被调用（组件实例被创建后）。在卸载开始之前被调用（组件实例被销毁前）。在卸载完成后被调用（组件实例被销毁后）。当捕获组件树中的一个错误时被调用。
2024-10-27 14:37:20
333
原创 全新升级：学习Vue精华总结，一切尽在掌握！
在这里，不论你正准备跨入Vue的世界，还是老司机寻求新的技巧，我们的内容都将贴近实战，直击核心，让你的每一步都坚定而有力。加入我们，我们一起，为你的前端之路添砖加瓦，让你走得更稳，更远，直至视野尽头的广阔景致。让我们一起，抗击技术迅猛的潮流，不断前行！迎接前端领域的不断演进，我们的特色专栏成为了探索无限可能的舞台。我们承诺，将持续更新Vue3、Vue2以及整个Vue生态的技术动态！每一篇内容都是精心策划，旨在为你呈现最深入的框架应用分析和最前沿的前端技术趋势。
2024-02-21 10:38:09
154
原创 Vue3开发利器：超实用Npm Modules推荐与实战
在 Vue 3 项目中，使用自动导入的 npm 包可以显著提高开发效率。这些包通常帮助自动导入组件、API、插件等，减少手动导入的需要。
2024-01-25 13:56:51
185
原创 Vue中使用TypeScript：全面指南和最佳实践
Vue3和TypeScript，如何让它们成为你项目的黄金组合？在这篇文章中，我们将为你揭示整合Vue3和TypeScript的利益，以及如何通过这一强大组合提高开发效率和代码质量。跟随我们一起解锁Vue3和TypeScript的无限可能吧！"
2024-01-25 13:35:42
518
原创 TypeScript 函数教程 - 深入理解和使用 TypeScript
介绍TypeScript函数的定义、调用和特性。本教程帮助你深入理解TypeScript函数，并通过实践增强编程技巧。
2024-01-17 10:09:29
227
原创 探索Vue3：深入理解响应式语法糖
当使用基于类型的 props 的声明时，无法很方便地声明这些 prop 的默认值。为此我们提供了 withDefaults() 这个 API，但使用起来仍然很笨拙。name?: string,name : '海军' , phone : '123123123123' }) props . namename : '海军' , phone : '123123123123' }) props . name。
2024-01-17 10:00:35
132
原创 Vue3 使用 Teleport 封装 一个 Dialog
是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。简单的说，Teleport 可以把模板代码 传送到 其它组件中，
2024-01-05 19:44:53
1102
原创 深入理解并解析Flutter Widget
深入理解Flutter Widget, Flutter Widget教程, Flutter Widget解析, 如何理解Flutter Widget, Flutter控件, 学习Flutter控件, Flutter Widget基础, Flutter组件解析, Flutter Widget应用
2024-01-04 13:51:13
608
原创 Flutter 图片和资源的高效使用指南
Flutter 资源使用,Flutter 图片处理,Flutter 图片和资源管理,Flutter 开发技巧,Flutter UI设计,Flutter 图片优化,Flutter 资源加载,Flutter 图片加载,Flutter 教程,Flutter 开发中如何使用资源
2024-01-04 10:49:19
970
原创 一文来带你了解 Flutter MaterialApp
MaterialApp是Flutter中的一个重要小部件，它作为应用程序的根部小部件，并提供了一些基本的配置和功能。用于控制是否显示调试模式下的横幅、除了上述常用的配置参数外，在上面的代码中，我们使用。用于监听导航器的变化等。还有其他一些属性，如。
2024-01-04 10:44:10
684
原创 Flutter 中使用 ICON
来创建图标组件，Icon 组件接受一个 IconData 对象作为参数，用于指定要显示的具体图标。在Dart 文件中导入 material.dart 包，该包包含了 Flutter 的图标库。
2024-01-02 15:03:23
2332
原创 深度理解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
1944
1
原创 一文带你掌握Flutter dio网络请求库的封装
将请求所需的参数进行封装，例如 URL、请求头、请求体等。可以定义一个统一的数据结构或模型类来表示请求参数，以便于传递和管理。将网络请求返回的响应结果进行封装，例如状态码、响应头、响应体等。同样，可以定义一个统一的数据结构或模型类来表示响应结果，以便于处理和解析。对网络请求可能出现的错误进行封装和处理，例如网络连接失败、超时、服务器错误等。可以定义自定义的异常类或错误码，以及相应的错误处理机制。如果第三方网络库支持拦截器机制，你可以封装拦截器，用于在请求发起前或响应返回后进行额外的处理，如添加身份验证、日志
2023-12-29 11:04:16
712
原创 全面解析Flutter路由：一篇文章带你轻松掌握
Flutter中的Navigator是用于管理页面路由的类。它可以帮助您在应用程序中导航到不同的屏幕或页面。在Flutter中，静态路由是一种通过预定义的路由表来进行页面导航的方式。它使用路由名称作为标识符，并将每个路由名称映射到相应的页面组件。
2023-12-29 11:02:53
1625
原创 js 高精度计算 - decimal.js 库
JavaScript中的原生Number类型使用双精度浮点数表示，对于某些计算，特别是涉及到大数字或需要精确小数位数的计算时，可能会出现精度问题。使用decimal类型处理数据可以保证数据计算更为精确，还可以节省储存空间。通常情况下，当你需要进行对精度要求较高的数值计算时，可以考虑使用decimal.js或类似的库。● 财务计算：在处理货币、税金、利息等与财务相关的计算时，需要确保精确的小数位数和避免舍入误差。● 计费系统：在构建计费系统或处理价格计算时，需要确保精确的金额计算，避免出现错误的计费结果。
2023-09-07 15:08:15
1625
原创 element-ui el-input 验证只能输入数字和小数点
要在 Element UI 的 el-input 组件中使用正则表达式验证只能输入数字和小数点，可以通过监听 @input 事件，在事件处理函数中使用正则表达式进行验证。请注意，这只是一个简单的示例，仅限于验证输入的值是否为数字和小数点。上述代码中，我们在 el-input 组件上绑定了一个 @input 事件，并在事件处理函数 handleInput 中使用正则表达式 /该正则表达式表示只允许输入数字和小数点，其中 [0-9] 表示数字范围，. 表示小数点， 表示匹配零个或多个。
2023-07-03 09:31:38
1691
原创 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
2721
原创 Vue3项目中使用TypeScript
在单文件组件中使用 TypeScript，需要在 标签上加上 lang="ts" 的 attribute。当 lang="ts" 存在时，所有的模板内表达式都将享受到更严格的类型检查
2023-04-20 09:38:36
5462
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
6793
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
428
原创 分享 6 个 Vue3 适合做外包项目的后台管理系统
VbenRuoYiflashGin-Vue-AdminAdmin-Pro-vue-admin-workSCUI。
2022-07-26 16:31:46
707
原创 深入 JavaScript 中的执行上下文和执行栈
作用域作用域是指程序源代码中定义变量的区域。作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。JavaScript 采用的是词法作用域 , 也就是 静态作用域。静态作用域： 函数的作用域在函数定义的时候就决定了动态作用域： 函数的作用域是在函数调用的时候才决定的var str = '前端自学社区'function getValue(){ console.log(str)}function getNewValue(){ var str = '海军'.
2021-10-24 17:00:42
312
原创 你还在认为TypeScirpt 是 AnyScript ？
前言聊聊为何要学习TypeScript?从开发角度来讲, TypeScript 作为强类型语言，对属性有类型约束。在日常开发中少了减少了不必要的因参数类型造成的BUG,当你在使用同事封装好的函数时，类型不知道怎么传递，在开发TS 时，它会有很友好类型的提示，此时你就知道该函数需要传递哪些参数，并且参数类型是什么类型。从项目结构来讲, 使用TypeScript 可以很好的管控项目，通过建立各个模块的类型管理，通过interface 或者 类型断言 来管理项目中类型，在对应的模块使用类型，当项目需要迭.
2021-08-27 12:50:29
1140
原创 爆 肝 一 周 总 结 的 JavaScript数组方法详解
前言我们在日常开发中，与接口打交道最多了，前端通过访问后端接口，然后将接口数据二次处理渲染到页面当中。二次处理的过程是 考验 Coder 对 Array 是否熟练 以及 在 何种 场景下使用哪种方法处理最优 。小编，在最近开发中就遇到了 Array 问题， 在处理复杂的业务需求时，没想到Array 有类似的方法，然后将方法 组合起来解决当下问题。文章用下班时间肝了一周才写完，看完点赞、转发 是对我最大的支持。遍历数组方法不会改变原数组的遍历方法forEach()forEach() 方法.
2021-08-13 09:28:19
446
原创 前端不得不了解的5种布局方式
前言最近在准备整理基础，准备跳槽，找个好一点的东家。???? 记录学习整理的过程，希望能帮到年后跳槽的你，让我们一起来巩固基础吧。目前在一家国企单位，朝九晚五的生活让我感到舒适，有大量的时间，做自己喜欢的事。时间久了，我感到了焦虑，由于公司是非互联网，开发也是根据自己已知技术去开发，技术成长很慢，技术氛围没那么强，想突破一下自己， 是该逃离舒适区了。 本章主要是回顾Flex使用 和 一些常用布局的写法。熟悉HTML页面架构和常用布局FlexFlex 概念采用 Flex 布局的元素，称为
2021-07-15 09:43:07
628
1
原创 Vue3 + TypeScript 开发实践总结
前言迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 TypeScript 重新学了一遍，为了上Vue3 的车，更好的开车。在上家公司4月份时，上级领导分配了一个内部的 党务系统开发 ，这个系统前端是由我一个人来开发，功能和需求也不怎么复杂的一个B 端 系统，直接上的 Vue3 + TypeScript + Element Plus 开发的，开发两周到最后的上线，期间也遇到很多小坑，很多无处可查，慢慢琢磨最后还是克服了。Vue3 + TypeScript Study一，.
2021-07-08 23:43:01
688
8
原创 APP 技术该如何 选型 ？
目前 按照 APP 开发分类，分为以下三大类原生 APP [ Android Swift Flutter React Native ]WEB APPHybrid App [混合APP ]在找工作的当中，很多岗位 要求 会开发 H5 App ，那到底什么是H5 APP 呢？ 一开始我也有点疑惑，没接触这块，按自己理解 就是 采用 HTML5 技术开发出的页面应用 跑在移动端当中。 下面引用 阮一峰对 H5 开发解释。真正理解 H5 开发，需要先搞清楚什么是原生 Ap.
2021-06-29 22:43:58
740
原创 Vue 组件通信的 8 种方式
前言 做了半年的公司系统，终于就在前天上线了。后期改BUG时间拖得太长了，出现的大部分BUG 是 前端 与后端 信息不对称导致的，逻辑性错误很不多，用户体验上稍微差点，毕竟第一次做这么大的系统(100w+)，通过这次系统的开发，总结了不少经验，如何更好的跟后端人员协作开发以及如何设计来提高用户体验上，之前自己做开发没关注这方面，只注重功能实现，后期的这块多补补。 项目上线后，接下来就是后期的维护更新了，最近时间终于不是.
2021-05-07 09:40:46
289
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人