丹丹的小跟班-优快云博客

原创小程序线多点路图绘制

height800rpxwidth: 3,},width: 3,},width: 3,},width: 3,},width: 3,},width: 3,},width: 3,},

2024-04-23 19:58:17 1643 2

原创 Object.is 和==，===的区别

使用==比较当左右两边类型不同时，会进行类型转换，而Object.is则不会。例如 ‘’ == false 的结果是 true，但是 Object.is() 不会对其操作数进行类型转换。Object.is和===直接的唯一区别就是对带符号的0或NaN之间的不同。静态方法确定两个值是否为相同值。

2024-03-12 17:00:29 309

原创父子组件创建，更新，销毁时候的生命周期

如果只更新父组件那么子组件不参与变更。如果只更新子组件那么父组件不参与变更。

2024-03-08 11:49:16 294

小程序上如果需要一些定位功能，那么我们需要提前获取定位权限。我们页面的所有功能后续都需要在用户同意的前提下进行，所以一旦用户点了拒绝，我们应该给予提示，并让用于修改为允许。方法，然后走获取权限的逻辑。如果用户点击拒绝则会弹出提醒，用户点击确定按钮后会跳到权限设置页面进行重新设置。无论他选择了允许还是不允许，重新回到页面都会重新执行。上面方法，是在vue3 + ts的环境执行的。方法进行权限获取，如果你之前拒绝过该权限，则直接走。进行权限提示，并且在确定按钮绑定。方法重新进行权限设置。方法，再次进行判断。

2024-03-06 19:48:15 2913

原创 uniapp文件预览以及修改预览标题

这个api会将文件临时存到本地，并且会返回该文件的临时地址，预览时候显示的标题就是文件的临时名称。很多时候我们需要自己定义文件标题，而不是临时文件名。看起来是没什么问题，只是我们会发现预览的时候文件标题竟然是一串奇怪的字符。其实这是该文件的临时文件名。这两个api可以很简单实现对文档类型的文件预览。uniapp里面我们使用。

2024-01-31 10:29:40 1224

原创 uniapp——自定义导航栏的封装

首先如果开发的是微信小程序，那么在安卓环境下导航栏标题是默认靠左对齐的（虽然你在微信开发者工具上看到的依旧是居中展示），而在ios环境则是居中展示的。很多时候我们需要对整个项目有一个主题色或者公共的样式配置，封装一个公共的自定义导航栏更易于实现与管理。系统导航栏高度根据机型会发生变化，大部分是44px，但是有时候也会是40px等高度，如果你需要针对导航栏和状态栏高度对页面做一些定制需求那会显得比较困难。（网上有一些根据胶囊按钮获取导航栏高度的方法实测后发现并不精准。当然原生导航也并不是一无是处的。

2024-01-15 11:01:49 1471 2

原创七. 使用ts写一个贪吃蛇小游戏

使用ts做一个简易版的贪吃蛇

2023-12-15 23:57:20 717

原创六. 函数

ts与js一样拥有具名函数和匿名函数两种函数类型。但是ts的函数需要提前定义好参数类型以及函数的返回值类型。ts里面每个函数参数都是必须的，函数参数的数量与类型必须完全一致才可以使用函数。指定一个函数参数非必传，当然这种参数需要放到所有参数的末尾。所谓函数重载，就是指的是拥有多个函数签名，一个函数体实现。事实上如果给末尾的参数设置默认值效果是等同于在末尾使用。在js里面如果我们并不知道将会有多少参数传入，可以使用。匿名函数的定义相对麻烦，我们需要提前定义函数的类型。进行所有参数的接收，也可以使用es6。

2023-12-14 19:39:19 165

原创设计可编辑表格组件

什么是表单表格呢？简单来说就是在一个表格里面进行表单操作，执行增删改查。这在一些后台管理系统中是尤为常见的。今天我们根据 + 来设计一个表单表格组件。（不涉及完整代码，想要使用完整功能可以看底部连接）首先我们思考表格里面的表单元素应该如何实现。在用户使用的时候，我们希望用户传入一个指定的类型自动去匹配对应的表单组件。那我们就应该将所有类型做一个集成，并分别给他们一个类型名称。当然，为了最大程度为他们保留在已经实现的属性与方法，肯定接收的是一个对象，对象里面包含了他要展示的组件类型，一些原的属性方法，我们

2023-12-14 13:06:08 857 1

原创五. 泛型

软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。

2023-12-13 15:15:54 100

原创四.类——Class

ts里面的类与js的类大同小异，无非是做了一些了类型校验和功能拓展。

2023-12-13 13:32:50 204

原创三（五）ts非基础类型（对象）

/ obj1.name = 'fufu' 报错，只能定义为空对象且不能修改// 但是可以在赋初始值的时候直接添加属性，这是ts在类型推断时，它会宽容地匹配对象的结构。// obj2.name = 'dandan' 依旧报错，不能修改// obj2.age =20 报错，只能修改定义的属性// obj4.name = 'fufu' 报错，只能定义为空对象且不能修改// 但是可以在赋初始值的时候直接添加属性，这是ts在类型推断时，它会宽容地匹配对象的结构。

2023-12-12 11:39:35 136

原创三（四）ts非基础类型（数组）

数组作为我们最常用的数据结构之一，在ts里面存在众多定义方法。

2023-12-12 11:06:15 444

原创三（三）ts非基础类型（接口）

使用readonly关键字限制接口中的参数是只读，使用该接口的对象只有在第一次赋值的时候可以对可读属性进行赋值操作。有时候我们会想到如果我们定义一个只读的接口，为什么不直接使用const声明一个对象呢？readonly是’TS’ 在接口提出，只针对接口中的参数赋值后就禁止更改，而const是es6 提出的针对变量，不让变量进行更改。最简单判断该用readonly还是const的方法是看要把它做为变量使用还是做为一个属性。做为变量使用的话用const，若做为属性则使用readonly。

2023-12-11 16:34:49 261

原创三（二）ts非基础类型（枚举）

常量枚举与普通枚举得区别：普通枚举在编译得时候会真的生成一个对象保存到js代码中，而常量枚举不会，它会直接赋值到对应得变量上；因为常量枚举没有生成真正得对象，所以常量枚举只能包含字面量或其他常量枚举成员，并且不能包含计算成员，也不支持反向映射。当然，我们也可以定义字符串值得枚举，如果其中有属性定义为字符串，那么该值后面所有得枚举属性都需要你设置一个初始值。如上面代码中，我们定义了一个关于颜色的枚举类型，里面的值会从0开始依次递增，也就是说。枚举里面的值是可以重复定义的，所以在赋值的时候需要细心。

2023-12-11 15:36:49 109

原创三（一）ts非基础类型（类型别名，交叉与联合类型）

按照合并逻辑他应该既是字符串又是数字的类型，但是ts并不存在这样的类型，所以会被赋值为never类型。有时候我们并不确定一个变量的具体类型，他可能是一个字符串，也可能是一个数字，甚至可能是undefined。在函数里面，我们定义了形参为联合类型AB，但是并不确定是A还是B，所以直接在里面使用age属性是错误的，我需要在使用前提前就知道有没有age属性。交叉类型是用于将多个类型合并成一个类型的语法形式。我们使用交叉类型合并这两个接口。首先介绍下type关键字，它表示类型别名，也就是说我们可以自定义一个类型。

2023-12-11 15:14:18 83