龙雨LongYu12-优快云博客

打包镜像 tar执行sudo -i，提示输入用户密码，输入密码后进入超级用户（root）模式linux上传文件tar恢复成镜像镜像生成容器docker-compose-f 指定使用的 Compose 模板文件，默认为 docker-compose.yml，可以多次指定，指定多个 yml运行查看compose运行情况将某个镜像加入服务中（前提docker-compose.yml中加入他的配置）docker-compose up：启动Compose文件中定义的服务，

2023-08-28 15:39:17 1025

原创 canvas.js、node-canvas的坑

解决方法：官方： Installation: Windows · Automattic/node-canvas Wiki · GitHub2、下载 GTK 2下载链接-win64 从网上找的图，同样的png，但是因为编码方式或图片编码信息有缺失就会报错，目前解决方法是，使用图片重构插件重构就行

2023-07-06 17:25:38 1232

原创 js 工具类方法（更新中。。。）

【代码】js 工具类方法（更新中。。。

2023-05-26 18:36:00 176

原创 Dart Flutter 报错：SDK constraint:environment: sdk: ‘^2.12.0‘

dart语法学习的一次错误解决记录

2023-03-06 17:19:16 1619

原创 vue3+ts+axios 二次封装

axios在vue3+ts中的二次封装

2023-03-02 18:56:21 862

原创 vite打包vue3项目白屏报错

vite打包vue3项目白屏解决方法

2023-02-28 21:58:20 4237 1

原创源码系列 call()源码实现

1、对象调用的函数，这个函数里面的 this 指向是调用它的对象。2、arguments：这个属性是每个函数都有的一个伪类数组。

2023-02-19 12:31:30 173

原创 css 适配IOS某些机型底部

使用苹果官方推出适配方案css函数env()、constant()来适配。

2023-02-17 22:03:17 512

原创源码系列 Vue3简单实现proxy数据代理

js Vue3简单实现proxy数据代理

2023-02-13 23:33:48 442

原创源码系列：new 源码

2、这个对象内部的 __proto__ 属性会被赋值为该构造函数的 prototype 属性。1、知道原型链，了解 __proto__ 和 prototype 的基本区别。5、如果构造器中没有返回对象或函数，则返回上面创建的对象。2、知道 Object.create（）和 this 指向。3、让构造器中的 this 指向这个对象。1、在钩爪其内部船舰一个新的对象。4、执行构造器中的代码。

2023-02-07 16:14:24 537

原创 Taro超出省略兼容各个小程序

【代码】Taro超出省略兼容各个小程序。

2022-09-29 16:15:17 189

原创实现瀑布流效果

代码】实现瀑布流效果。

2022-07-27 22:04:06 235

原创 Vue3 + Vite + Ts:路由 vue-router 的基本使用

Vue3以后写的路由

2022-07-12 09:13:04 1597

原创 Vue3 + Vite + Ts: ＞ Network: use `--host` to expose

在 vite.config.ts 中加入下面语句：

2022-07-11 09:55:04 427

原创 Vue3 + VIte + Ts:any类型“any”的参数不能赋给类型“never”的参数。

或根据实际来断言

2022-07-11 09:42:34 10266

原创 css: 常用滚动条样式，这个就够了，剩下就是加前缀

无

2022-07-01 16:54:18 276 2

原创 js:export 和 exports default的使用和区别

目录1、export2、exports default同时在引入改文件时，可以使用解构的方式，直接获取到文件中 a、obj、add已经第一个导出的对象中的属性：也可以以一个对象的形式导入，但是导入的命名 sss 要和导出的一样2、exports default：在同一个文件只有一个，且不能使用解构的方式获取对象中的属性，只能以一个对象导入，但是文件名可以自定义。......

2022-06-28 09:04:13 1945

原创 js:Class对象中的函数，在使用 this 时理解

目录第一种：通过实例调用函数时：第二种：通过解构实例调用函数时：1、函数声明的时，按普通声明函数的形式进行声明： 2、函数声明时，使用箭头函数的形式当调用函数时，打印出这个 this ，结果时实例本身：将实例对象 My 解构出属性 add，当调用这个解构的值的时候，将 this 打印出来，结果是：undefined运行结果是，这 this 是对象My 的实例：...

2022-06-27 16:58:23 634

原创 React：redux的基本使用（个人学习笔记）（redux版本：^8.0.2）

一、安装依赖：二、建立 store 文件，分别建立一个 index.js 和 reducer.js 文件reducer.jsindex.js三、引入在最外层的入口文件引入四、在组件中使用：（注：本次使用函数式组件，这里是在 App.js）引入：声明一个函数来将 store 中的变量通过 props 注入组件,，详细看图。...

2022-06-21 22:48:26 645

原创 Vue3中使用vuex4

目录1、引入依赖：2、新建文件夹 store ，在里面新建文件 index.js3、index.js文件内容：4、在 main.js 中引入5、使用2、新建文件夹 store ，在里面新建文件 index.js4、在 main.js 中引入5、使用在 store/index.js 的 state 中添加 count: 0在任一组件文件中：加入下面代码：获取到容器 store 后，获取 Vuex 中的 count 的值，通过 store.state.count 来获取。

2022-06-16 10:03:38 1058 3

原创 js 正则 macth 获取两个特殊符号之间的字符串

正则：我想要获取 - 和 = 之间的内容结果：案例2我想要获取 < 和 > 之间的内容j结果

2022-06-07 12:24:12 673

原创 js算法题：“智能重复”

题目：有一个字符串：'2[3[a]2[3[u]2[p]]]]'，将他转换成aaauuuppuuuppaaauuuppuuupp案例:

2022-06-06 11:01:17 180

原创 Vue图片预加载

场景：切换下一个组件前，需要预加载图片，同时图片链接有中文，往往有时候缓存匹配问题，中文没匹配上。上代码：loadImg(list) { console.log('list', list); for(let i = 0; i < list.length; i++) { let img = new Image() let currentSrc = '' img.src = list[i] img.onload = function(e) {

2022-05-30 11:42:27 3115

原创 js 数组乱序

// 数组乱序 outOfOrder(arr) { var j, tem, i; for (i = arr.length; i; i--) { j = Math.floor(Math.random() * i); tem = arr[i - 1]; arr[i - 1] = arr[j]; arr[j] = x; } return arr; },

2022-05-28 12:10:58 308

原创 css:解决因为 display: inline-block；而没有顶部对齐的问题

上面红圈的为一个 div 包裹的，同一层级。都使用 display: inline-block 进行同行，但是不对齐。解决方法：给这两个 div 加上 vertical-align: top 就能顶部对齐了

2022-05-23 09:01:07 1293

原创 Vue3 + VIte + Ts 实现自定义监控图片加载失败/报错处理指令

新建一个放自定义指令的文件夹代码：export const directive_onerror = function (app:any) { // 图片指令检测图片加载 app.directive('onerror', { mounted: (el:any, binding:any) => { let img = new URL('../assets/img/0.png', import.meta.url).href el.on

2022-04-28 09:51:35 984

原创 Vue2 数据响应原理图（根据自己的理解画）

途中分三步走：一、数据在 Vue 实例化中，会调用 Observer 进行递归，将 Data 中的所有数据中的所有属性（深层次）中的 getter 和 setter 属性方法进行改写，并且每层父对象都有一个 Dep 实例（下面使用 dep 来代替），来存储父对象的属性被使用后产生的依赖（又叫订阅者）。二、在组件上使用其中的一个属性，这里假如使用了属性 a ，这时候Vue实例会实例化一个 Watcher，实例化时会将该实例赋给 Dep.target （target不理解的话，请看：https...

2022-04-27 16:59:30 1850 1

原创 Vue3 + Vite + Ts 关于ref和v-model对应的字段的感悟

问题发现：有这么一段代码<input type="text" class="newAdress" ref="newAdress" placeholder="请输入地址" v-model="newAdress"/>ref 和 v-model 对应的字段名称都一样（前提：newAdress 的值为空（不为空也不影响））如果运行后会发现，输入框的内容显示变成：[object HTMLInputElement]浏览器打印字段newAdress .

2022-04-26 09:08:55 2381 2

C++面向对象课件

空空如也