- 博客(76)
- 收藏
- 关注
RSS订阅
原创 基于 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关注的人