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