自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 HarmonyOS应用开发(二)

Mozilla创造了JS,Microsoft创建了TS,Huawei进一步推出了ArkTS。ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript(简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

2024-05-16 14:55:43 686

原创 HarmonyOS应用开发(一)

打开已安装的桌面应用,然后IDE会进入配置向导,然后进行配置,进入DevEco Studio配置页面,首先需要进行基础配置,包括Node.js与Ohpm的安装路径设置,选择从华为镜像下载至合适的路径。rc/main/resources/base/profile/main_pages.json文件保存的是页面page的路径配置信息,所有需要进行路由跳转的page页面都要在这里进行配置。entry>src>main>module.json5是模块的配置文件,包含当前模块的配置信息。

2024-04-17 21:13:39 648

原创 总结后端返回数据,前端下载的几种方式

现在越来越多的业务需要进行数据分析,数据查看等,然后关联的就要用到数据下载1、返回数据URL,前端直接跳转到URL进行下载;2、返回数据列表,可以通过xlsx、xlsx-style等相关的插件,通过定制化表头,把列表数据依次遍历循环,然后生产文件;3、返回数据流,前端经过数据解析和转换从而下载数据。

2023-11-10 10:44:15 2043

原创 前端实现自适应屏幕数据可视化大屏(vue + v-scale-screen组件 + dataV组件)

众所周知, 未来的数据可视化趋势已成为了必然性,越来越多的企业、政府等的应用场景应用都会普及 ,销售、教育、医疗、贸易等行业领域也涉及广泛 ,根据实时的监控数据,把最新的数据展现在大屏幕上,清楚地看到自己想要看到的数据,同时根据这些数据做出决策的调整。数据可视化是指通过图表、图形、地图等视觉要素来表现数据中包含的信息的倾向、异常和模式。简而言之,数据可视化是用图形表达数据和信息。

2023-08-31 18:00:04 5359 1

原创 typeScript的编译和环境构建

TypeScript是拥有类型的JavaScript超集,它可以编译成普通、干净、完整的JavaScript代码。有着以下的特点:始于JavaScript,归于JavaScript:TypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码,包括流行的JavaScript库,并从JavaScript代码中调用TypeScript代码;

2023-02-26 16:20:52 1293

原创 element ui中一些组件常见的注意事项

网上的其他方案,说是在赋值之前将已勾选的值(getCheckedNodes的值)赋值给v-model绑定的值就行了,我试了没有效果,但是处理了数据就好了。refs.selectLabel.selected.label获得label值,这种方法不推荐,因为组件版本不同,或者组件本身问题,拿值不准确,有时候错乱,建议不使用此方法。cascader级联选择器开启多选数据回显的时候,如果后端返回的回显数据和下拉值数据顺序不对,那就点击tag删除的时候,删除错乱,虽然结果是删除了,但是展示的有问题,

2022-11-17 17:21:09 515

原创 typeScript模块解析

typeScript模块

2022-09-30 09:30:00 180

转载 typeScript装饰器基础用法

装饰器的使用非常简单,装饰器本质就是一个函数,在特定的位置调用装饰器函数即可对数据(类、方法、甚至参数等)进行扩展。装饰器 是一个函数,它可以通过 @funName 在类、方法、访问符、属性、参数上,对它们进行包装,然后返回一个包装后的目标对象(类、方法 、访问符、属性、参数)如果我们需要给装饰器执行过程中传入一些参数的时候,就可以使用装饰器工厂来实现,它返回一个装饰器函数。实例装饰器:属性装饰 -> 访问器装饰 -> 参数装饰 => 方法装饰。静态装饰器: 属性 => 访问器 => 参数 => 方法。..

2022-08-04 16:32:00 446

原创 浅谈typeScript命名空间

命名空间简介命名空间(在早期版本的 TypeScript 中称为“内部模块”)是一种用于组织和分类代码的 TypeScript 特定方式,使你能够将相关代码组合在一起。 命名空间允许将与业务规则相关的变量、函数、接口或类分组到一个命名空间,将安全性分组到另一个命名空间。命名空间内的代码将从全局范围拉入到命名空间范围。 这种布局有助于避免全局命名空间中组件之间的命名冲突,并且在与可能使用类似组件名称的分布式开发团队合作时也会有好处。命名空间特点减少全局范围内的代码量,限制“全局范围污染”。为名称提

2022-05-24 14:10:09 937

原创 VUE配合textarea实现艾特@功能

背景为了实现流程中的提醒功能,实现类似于聊天中的艾特功能,在此做一个VUE+textarea标签实现艾特功能的分享。基本要求:当删除’@xxx’中其中的任意一个字符或字符串的时候 ‘@xxx’ 这段字符串均被删除‘@xxx’字符串中不得穿插其他内容 即当用户光标在’@xxx’中输入的时候,是无效的艾特的内容成聊天记录形式实现思路首先绑定textarea v-model=“text”标记@出现的地方 这里我采用’ @ ' 标记选人开始的地方,选人完成后 @xxx 最后一个 x

2022-05-19 18:24:48 3105 6

原创 typeScript泛型

泛型泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。我们可以用一个函数createArray,它可以创建一个指定长度的数组,同时将每一项都填充一个默认值:function createArray(length: number, value: any): Array<any> { let result = []; for (let i = 0; i < length; i++) { res

2022-04-29 17:28:40 4971

原创 typescript的高级类型详解

typescript的高级类型详解当了解到typescript的基础类型外,在开发过程中,为了应对多变的复杂场景,我们需要了解一下typescript的高级类型。所谓高级类型,是typescript为了保证语言的灵活性,所使用的一下语言特性。这些特性有助于我们应对复杂多变的开发场景。一、交叉类型将多个类型合并成一个类型,新的类型将具有所有类型的特性,所以交叉类型特别适用对象混入的场景。interface Dog{ run():void}interface Cat{ jump():

2022-04-22 17:07:00 1884

原创 TypeScript基础类型

TypeScript快速入手指南(一)一、基础类型 为了让程序有价值,我们需要能够处理最简单的数据单元:数字,字符串,结构体,布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。布尔值let a: boolean = true;let b: boolean = false;数字ts所有数字都是浮点数,浮点数的类型是number,支持二进制,八进制,十进制,十六进制字面量let decLiteral: number

2022-03-31 16:10:53 177

原创 简单了解oop编程思想和常见的几种设计模式

简单了解面向对象编程(oop)和常见的几种设计模式背景:1、软件设计开发过程中疑难问题:软件复杂庞大难以维护阶版本迭代需求变更软件设计开发中存在很多其他的问题,上面只是从程序开发和设计的角度看到的部分问题。需求解决上面软件开发中的问题,就要求我们编写(设计)的软件具有很好的可读性、可维护性和可扩展性。我们需要保证代码具有高内聚低耦合,这里我们使用了OOP编程思想。oop四大基本特性:抽象:提取现实世界中某事物的关键特性,为该事物构建模型的过程。对同一事物在不同的需求下,需要提取的特性

2021-11-18 16:00:52 4163

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除