- 博客(72)
- 收藏
- 关注
RSS订阅原创 前端用canvas实现图片的等比例缩放
根据目标容器的尺寸和图片的原始尺寸计算缩放比例。： 根据缩放比例计算新的宽度和高度。： 获取图片的原始宽度和高度。读取用户选择的图片文件。
2024-09-25 19:30:02
363
原创 uniapp 实现上传头像，但接口需要file文件处理方式
在微信中上传头像的时候他返回的是临时路径，但是后端需要的是文件对象，当时想了很多办法，但小程序的生态没有那么好，最后去看uniapp的文档，然后想到了一个方法实现，就是先下载然后上传就可以了。
2024-08-18 10:56:21
253
原创 在 vue3 中动态路由问题记录
其实这是vite的原因导致的，他在编译的是没有处理这种情况所以报错。,但是在这样用这行部署服务器上跳转会有问题。如果这样子的话需要加上。
2024-08-13 18:41:02
223
原创 过可视化彻底搞懂 Promise执行逻辑
过可视化彻底搞懂 Promise执行逻辑JavaScript 中的 Promise 一开始可能会让人感到有些难以理解，但是如果我们能够理解其内部的工作原理，就会发现它们其实是非常易于掌握的。在这篇博客文章中，我们将深入探讨 Promise 的一些内部机制，并探索它们是如何使得 JavaScript 能够执行非阻塞的异步任务。一种创建 Promise 的方式是使用 new Promise 构造函数，它接收一个执行函数，该函数带有 resolve 和 reject 参数。
2024-07-12 16:10:07
690
原创 二、electron 的 BrowserWindow 的属性
enableRemoteModule 是开启远程模块，意思就是说在别的地方使用 electron 的时候，需要设置为 true 才可以使用。获取当前窗口也是需要 引入 remote ,调用 getCurrentWindow 方法。以上这么写是开启一个新的窗口。
2024-06-07 15:28:37
544
原创 一、Electron 环境初步搭建
返回的是一个 Promise 我们在then里面进行窗口实例创建。在 main.js 文件中我们需要进行初步搭建。此时我们按照官网的教程进行一个初步的搭建，此次监听窗口关闭的是所有的窗口关闭事件，在创建启动执行窗口我们需要进行搭建，进行初始化，然后我们在进行。新建一个文件夹，然后进行。
2024-06-07 12:06:26
475
原创 uniapp 微信小程序 canvas 问题
他不支持真机调试，只能通过预览，另外获取 canvas 的图片的时候 ios 预览 canvas 的图片在真机上不能展示是因为 ios 中需要开启 webp 为 true。今天写小程序的时候在真机调试的时候发现 canvas-2d 在真机 上没有效果，获取不到 canvas 信息。
2024-05-27 14:39:53
673
1
原创 第二十七章 TypeScript TS进阶用法infer
类型参数 T 通过extends 约束 只能是数组类型，然后通过infer 声明局部 First 变量做提取，后面的元素可以是任意类型，然后把局部变量返回。思路就是 我们除了第一个的元素把其他的剩余元素声明成一个变量 直接返回 就实现了我们的要求 剔除第一个元素。infer 提取参数的妙用 实现四个简单的例子。其实就是反过来就可以了。
2024-03-25 17:58:30
214
原创 第二十四章 TypeScript类型守卫
结合题目实现实现一个函数支持任意类型如果是对象，就检查里面的属性，如果里面的属性是number就取两位，如果是string就去除左右空格如果是函数就执行let value;value()})fn(obj)一看没啥问题 一运行就报错他说找不到a当函数被单独调用时（例如 value()），函数内部的 this 会指向全局对象（在浏览器环境下是 window）修改如下let value;data[key]() //修改这儿})fn(obj)第一个问题解决了。
2024-03-25 12:09:07
288
原创 第二十三章 TS进阶用法proxy & Reflect
与大多数全局对象不同Reflect并非一个构造函数，所以不能通过new运算符对其进行调用，或者将Reflect对象作为一个函数来调用。Reflect的所有属性和方法都是静态的（就像Math对象）Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）要使用 Proxy 包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理 p 的行为。属性设置操作的捕捉器。
2024-03-22 16:11:25
594
原创 第二十二章 TypeScript weakMap，weakSet，set，map
在es5的时候常用的Array object ，在es6又新增了两个类型，Set和Map，类似于数组和对象。1.set集合是由一组无序且唯一(即不能重复)的项组成的，可以想象成集合是一个既没有重复元素，也没有顺序概念的数组属性size：返回字典所包含的元素个数操作方法add(value)：添加某个值，返回 Set 结构本身。delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。has(value)：返回一个布尔值，表示该值是否为 Set 的成员。
2024-03-22 15:26:59
290
原创 第二十一章 TypeScript（实战TS编写发布订阅模式）
什么是发布订阅模式，其实小伙伴已经用到了发布订阅模式例如addEventListener，Vue evnetBus都属于发布订阅模式简单来说就是 你要和 大傻 二傻 三傻打球，大傻带球，二傻带水，三傻带球衣。全都准备完成后开始打球。
2024-03-22 14:58:15
363
原创 第二十章 TypeScript（webpack构建ts+vue3项目）
目前是通过js动态插入style标签的方式进行的，但是我们希望通过link标签引入。性能优化 默认把所有代码打包到一个js文件体积太大了我们可以进行代码分包减少体积。编写webpack.config.js。运行npm run build 打包成功。添加打包命令和 启动服务的命令。tsconfig.json 增加。初始化index.html 模板。main.ts 引入Vue。让ts识别.vue后缀。
2024-03-21 23:42:28
559
原创 第十九章 TypeScript 装饰器Decorator
它们不仅增加了代码的可读性，清晰地表达了意图，而且提供一种方便的手段，增加或修改类的功能。若要启用实验性的装饰器特性，你必须在命令行或。
2024-03-21 17:24:35
322
原创 第十七章 TypeScript 声明文件d.ts
当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能。我们可以去node_modules 下面去找axios 的package json。发现axios已经指定了声明文件 所以没有报错可以直接用。通过语法declare 暴露我们声明的axios 对象。如果有一些第三方包确实没有声明文件我们可以自己去定义。例如我们有一个express 和 axios。名称.d.ts 创建一个文件去声明。发现express 报错了。那为什么axios 没有报错。让我们去下载他的声明文件。
2024-03-21 11:17:00
182
原创 第十四章 TypeScript tsconfig.json配置文件
默认common.js 可选es6模式 amd umd 等。指定编译文件默认是编译当前目录下所有的ts文件。指定编译js 的版本例如es5 es6。生成tsconfig.json 文件。是否在编译过程中删除文件中的注释。是否允许编译js文件。
2024-03-21 10:28:59
257
原创 第八章TypeScript class类
可以给方法也可以给属性是一个静态方法 他的this指向的是 static。父类的 prototype.constructor.call。implements 约束class类的。readonly 只能给属性用，只能读取。protected 给子类和内部去使用。private 只能在内部使用。public 哪里都能使用。
2024-03-19 15:43:30
182
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人