- 博客(83)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端/node.js锁定依赖版本、锁定依赖的依赖的版本
开发中，一直保留某个node版本开发，偶尔会遇到某个依赖的版本自动下载的时候，他的依赖下载到最新版，要求更高的版本node版本，这时候就需要锁定依赖的依赖的版本。所有依赖锁定均在 package.json 文件中进行。中进行修改版本进行锁定依赖。
2024-10-14 23:16:52
341
1
原创 influxdb1.8数据备份和恢复、自动备份（记录版）
这里备份到 home 目录下，windows 和 linux 随意influxd restore -portable
2024-07-28 01:45:43
474
原创 ftp服务开启——windows
3、全选FTP服务器，web管理工具里面的IIS管理控制台，一个都不能漏。4、全选 万维网服务下面的安全性的所有选项，最后点击确定。2、 选择启用或关闭windows功能。1、打开控制面板——》选中程序和功能。
2023-10-17 14:41:43
773
原创 docker打包部署
打包镜像 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
1012
原创 canvas.js、node-canvas的坑
解决方法：官方： Installation: Windows · Automattic/node-canvas Wiki · GitHub2、下载 GTK 2下载链接-win64 从网上找的图，同样的png，但是因为编码方式或图片编码信息有缺失就会报错，目前解决方法是，使用图片重构插件重构就行
2023-07-06 17:25:38
1000
原创 Dart Flutter 报错：SDK constraint:environment: sdk: ‘^2.12.0‘
dart语法学习的一次错误解决记录
2023-03-06 17:19:16
1475
1
原创 源码系列 call()源码实现
1、对象调用的函数，这个函数里面的 this 指向是调用它的对象。2、arguments：这个属性是每个函数都有的一个伪类数组。
2023-02-19 12:31:30
153
原创 源码系列：new 源码
2、这个对象内部的 __proto__ 属性会被赋值为该构造函数的 prototype 属性。1、知道原型链， 了解 __proto__ 和 prototype 的基本区别。5、如果构造器中没有返回对象或函数，则返回上面创建的对象。2、知道 Object.create（）和 this 指向。3、让构造器中的 this 指向这个对象。1、在钩爪其内部船舰一个新的对象。4、执行构造器中的代码。
2023-02-07 16:14:24
511
原创 Vue3 + Vite + Ts: ＞ Network: use `--host` to expose
在 vite.config.ts 中加入下面语句：
2022-07-11 09:55:04
405
原创 js:export 和 exports default的使用和区别
目录1、export2、exports default同时在引入改文件时，可以使用解构的方式，直接获取到文件中 a、obj、add已经第一个导出的 对象中的属性：也可以以一个对象的形式导入，但是导入的命名 sss 要和导出的一样2、exports default：在同一个文件只有一个，且不能使用解构的方式获取对象中的属性，只能以一个对象导入，但是文件名可以自定义。......
2022-06-28 09:04:13
1899
原创 js:Class对象中的函数，在使用 this 时理解
目录第一种：通过实例调用函数时：第二种：通过解构实例调用函数时：1、函数声明的时，按普通声明函数的形式进行声明： 2、函数声明时，使用箭头函数的形式当调用函数时，打印出这个 this ，结果时实例本身： 将实例对象 My 解构出属性 add，当调用这个解构的值的时候，将 this 打印出来，结果是：undefined运行结果是，这 this 是对象My 的实例：...
2022-06-27 16:58:23
611
原创 React：redux的基本使用（个人学习笔记）（redux版本：^8.0.2）
一、安装依赖：二、建立 store 文件，分别建立一个 index.js 和 reducer.js 文件reducer.jsindex.js三、引入在最外层的入口文件引入 四、在组件中使用：（注：本次使用函数式组件，这里是在 App.js）引入：声明一个函数来将 store 中的变量通过 props 注入组件,，详细看图。...
2022-06-21 22:48:26
607
原创 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
1024
3
原创 js 正则 macth 获取两个特殊符号之间的字符串
正则：我想要获取 - 和 = 之间的内容结果： 案例2我想要获取 < 和 > 之间的内容j结果
2022-06-07 12:24:12
619
原创 js算法题：“智能重复”
题目：有一个字符串：'2[3[a]2[3[u]2[p]]]]'，将他转换成aaauuuppuuuppaaauuuppuuupp案例:
2022-06-06 11:01:17
166
原创 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
3064
原创 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
290
原创 css:解决因为 display: inline-block； 而没有顶部对齐的问题
上面红圈的为一个 div 包裹的，同一层级。都使用 display: inline-block 进行同行，但是不对齐。解决方法：给这两个 div 加上 vertical-align: top 就能顶部对齐了
2022-05-23 09:01:07
1236
原创 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
933
原创 Vue2 数据响应原理图（根据自己的理解画）
途中分三步走：一、数据在 Vue 实例化中，会调用 Observer 进行递归，将 Data 中的所有数据中的所有属性（深层次）中的 getter 和 setter 属性方法进行改写，并且每层父对象都有一个 Dep 实例（下面使用 dep 来代替），来存储父对象的属性被使用后产生的依赖（又叫订阅者）。二、在组件上使用其中的一个属性，这里假如使用了属性 a ，这时候Vue实例会实例化一个 Watcher， 实例化时会将该实例赋给 Dep.target （target不理解的话，请看：https...
2022-04-27 16:59:30
1802
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
2333
2
原创 Vue3 + Vite + Ts 报错：Property ‘ ‘ does not exist on type ‘never‘
报错代码显示：src/views/Classfy/index.vue:13:20 - error TS2339: Property 'name' does not exist on type 'never'.13 <p>{{ item.name }}</p> ~~~~src/views/Classfy/index.vue:14:32 - error TS2339: Property 'icon' does
2022-04-24 11:16:35
13642
2
原创 Vue3 + Vite + Ts 获取dom（通过ref）
元素上ref和 Vue2 一样： <div class="classfy_cell flex j-a a-c" ref="classfy">获取dom<script setup lang="ts"> import { getCurrentInstance, onMounted } from "vue"; // 引入全局 let refs = null; onMounted(() => { let { $refs } =
2022-04-22 14:05:27
3036
1
原创 自定义检测图片加载失败指令
Vue.directive('onerror', { // 监听图片加载，加载失败替换图 inserted: function (el) { el.setAttribute('onerror', `this.src="${require('./assets/images/0.png') }"`) }})说明：1、onerror是指令标识，使用时在标签中直接加入 v-onerror 就可以2、./assets/images/0.png 是图片存放地址3、指令如果很多的情.
2022-04-16 14:59:32
909
原创 分享一下：vue3.0在VScode的模板格式
这里有三种格式：第一种：vsc：是Vue2的模板第二种：v3：是vue3+webpack版的模板第三种：vi：是Vue3+vite的模板{ "Print to console": { "prefix": "vsc", "body": [ "<template>", " <div></div>", "</template>", "", "<script>", " expor...
2022-04-16 12:12:41
2607
原创 记一次Vue3的数据响应式学习
function reactive(data) { return new Proxy(data, { // 读取属性是调用 get(target, propName) { console.log('我正在被嗲用', target, propName) return Reflect.get(target, propName) }, // 修改属性或添加新的属性时调用 set(target, propName,...
2022-04-15 15:38:07
728
原创 node使用node-xlsx生成excel
安装node-xlsx（node-xlsx - npm）npm i node-xlsx依赖引入const fs = require('fs')const path = require('path')const nodexlsx = require('node-xlsx').default生成表格const list = [ [1, 2, 3], [true, false, null, 'sheetjs'], ['foo', 'bar', new Date('20..
2022-03-22 16:14:17
1766
2
原创 原生Ajax下载excel（带token）
首先确定后端返回的是文件流let xhr = new XMLHttpRequest();xhr.open("GET", URL, true);xhr.responseType = 'blob';xhr.setRequestHeader('Authorization', token)xhr.onload = function(e) { console.log(this.response); var blob = this.response; var reader = new FileRea
2022-03-10 17:39:20
479
原创 ajax上传图片
let file = $('#uploadImg')[0].files[0] let form = new FormData() form.append('files', $('#uploadImg')[0].files[0]) admin.req({ url: xxx, type: 'POST', data: form, processData: false, contentType: f.
2022-03-09 16:43:27
142
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人