note
个人记载的note
无名之辈无名之辈
这个作者很懒,什么都没留下…
展开
-
fragment
关于这个东西,在使用elementui plus中的图片预览组件就有用到,真的好用,而elementui是使用其他方式实现这种方式的。teleport是一种能够将我们组件html结构移动到指定位置的技术。可以发现他的份层级是在。原创 2023-07-26 00:15:19 · 145 阅读 · 0 评论 -
响应式数据的判断
检查一个值是否为一个ref对象。检查一个对象是否是由。原创 2023-07-26 00:11:41 · 212 阅读 · 0 评论 -
响应式数据的判断
检查一个值是否为一个ref对象。检查一个对象是否是由。原创 2023-07-12 00:53:00 · 215 阅读 · 0 评论 -
vue3中的provide
- 作用:实现祖孙件通信 - 套路:父组件有一个provide选项来提供数据,子组件有一个inject选项来开始使用这些数据原创 2023-07-12 00:51:42 · 589 阅读 · 0 评论 -
自定义hook函数
什么是hook? 本质上是一个函数,把setup函数中的Composition Api进行了封装原创 2023-07-12 00:49:27 · 175 阅读 · 0 评论 -
vue3的customRef
#### customRef - 作用:实现一个自定义的ref,并对其依赖项跟踪和更新触发进行显示控制原创 2023-07-12 00:47:38 · 432 阅读 · 0 评论 -
typescript笔记
属性方法class 类名 {静态属性 / 示例属性 方法() {} }示例:// 定义实例属性(通过定义实例才能看到的属性为实例属性) grade : string = '大三';// 当然也可以不写类型 gre = '孙悟空';// 使用static定义静态属性,静态属性要通过类来访问 static word : string = 'fuck you!// 定义只读属性,它无法修改 readonly only : string = 'fuck you only read';原创 2023-03-22 22:37:09 · 527 阅读 · 2 评论 -
基于nodejs如何爬取csdn上自己的文章
当你想把自己在csdn上写的文章转为hexo上可以发布的文章或是将文章写入自己的数据库时,可以用到。原创 2022-12-12 11:52:39 · 554 阅读 · 5 评论 -
UnhandledPromiseRejectionWarning报错send()的处理
先看报错:(node:24460) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'send' of undefined at getAllUser (file:///G:/MarkDownNote/vue/example_code/apiTest/controler/user_ctrl.js:6:6) at processTicksAndRejections (internal/process/t原创 2022-04-12 13:54:15 · 2309 阅读 · 0 评论 -
js的eventloop
javascript是一门单线程语言,同时只能做一件事单线程执行任务队列的问题:如果前一个任务非常耗时,则后续的任务就不得不一直等待,从而导致程序假死的问题同步任务和异步任务:为了防止某个耗时任务导致程序假死,javascript把等待的任务分为了两类:同步任务又叫非耗时任务,指的是在主线程上排队执行的那些任务只有前一个任务执行完毕,才能执行后一个任务异步任务又叫做耗时任务,异步任务由javascript委托给宿主环境进行同步任务和异步任务的执行..原创 2022-04-10 21:26:33 · 628 阅读 · 0 评论 -
async/await
什么是async,await?async/await是es8引入的新语法,用来简化Promise异步操作,在async/await出现之前,开发者之前只能通过链式.then()方法处理Promise异步操作,示例代码如下:console.log('promise保证读取顺序:')thenfs.readFile('./text/11.txt', 'utf8') .catch((err) => { console.log(err) }) .then((r1) => { con.原创 2022-04-09 18:10:36 · 300 阅读 · 0 评论 -
promise封装读取文件
方法封装要求:1.方法名称要定义为:getFile2.方法接受一个形参fpath,表示要读取的文件的路径3.方法的返回值为Promise实例对象获取.then()的两个实参:通过.then()指定的成功和失败的回调函数,可以在function的形参中进行接受,示例代码如下:调用resolve和reject回调函数:Promise异步操作的结果,可以调用resolve或reject回调函数进行处理,实例代码如下:getFile方法的基本定义:import fs from .原创 2022-04-09 16:41:38 · 627 阅读 · 0 评论 -
Promise.all()和Promise.race()
promise.all()Promise.all()方法会发起并行的promise异步操作,等所有的异步操作全部结束,才会执行下一步的.then()操作(等待机制),实例代码:import thenfs from 'then-fs'const promises = [ thenfs.readFile('./text/1.txt', 'utf8'), thenfs.readFile('./text/2.txt', 'utf8'), thenfs.readFile('./text/3.txt'.原创 2022-04-09 15:54:39 · 358 阅读 · 0 评论 -
then-fs的使用
由于nodejs官方提供的fs模块仅支持以回调函数的方式读取文件,不支持promise的回调方式,因此,需要先运行如下命令,安装then-fs这个第三方包,从而支持我们基于promise的方式读取文件内容:调用then-fs提供的readFile()方法,可以异步地读取文件的内容,它的返回值是Promise的实例对象,因此可以调用.then()方法为每一个Promise异步操作指定成功和失败之后的回调函数读取文件:import thenfs from 'then-fs'thenfs.r..原创 2022-04-09 14:15:02 · 1814 阅读 · 0 评论 -
Nodejs服务器端处理POST提交的数据_note
node代码:let http = require('http');let queryString = require('querystring');//1.创建一个服务器实例对象let server = http.createServer();server.on("request", function (req, res) {//1.定义变量保存传递过来的参数 let params = "";//注意点:在nodejs中post请求的参数我们不能一次性拿到,必须要分批获取//原创 2021-04-30 21:46:29 · 422 阅读 · 1 评论 -
Nodejs中获取get请求传过来的参数_note
代码:let url = require('url');let http = require('http');/*let str = "http://root:123465@www.it666.com:80/index.html?name=lnj&age=68";//后面添加true意思为将query中的字符串也转为jsonlet obj = url.parse(str,true);console.log(obj.query.name);console.log(obj.query.原创 2021-04-30 16:20:15 · 704 阅读 · 1 评论 -
note_pom.xml文件配置说明_note
仅作为参考笔记,不推荐<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache原创 2021-04-30 10:23:04 · 102 阅读 · 0 评论 -
js文件复制_note
代码://数据的分批写入let fs = require('fs');let path = require('path');//1.生成读取和写入的路径let readpath = path.join(__dirname, "test.mp4");let writepath = path.join(__dirname, "abc.mp4");//第一种复制方式/*//2.创建一个读取流let ReadStream = fs.createReadStream(readpath);/原创 2021-04-30 10:16:09 · 1043 阅读 · 0 评论 -
js创建,删除,读取文件目录_note
代码://创建文件目录let fs = require('fs');let path = require('path');//读取的时候要用第二个str,创建,删除的时候用第一个str// let str = path.join(__dirname, "abc");let str = path.join(__dirname, "../NodeApi");console.log(str);//创建文件目录:/*fs.mkdir(str, function (err) { if (原创 2021-04-30 09:55:14 · 512 阅读 · 0 评论 -
js中追加写入文件(字符串追加)_note
代码:let fs = require('fs');let path = require('path');//1.拼接写入的路径let str = path.join(__dirname, "lnj.txt");//2.开始追加数据fs.appendFile(str, "你好啊", 'utf8', function (err) { if (err) { throw new Error("追加数据失败") } else { console.log("原创 2021-04-30 09:38:19 · 2787 阅读 · 0 评论 -
js中文件写入(字符串写入)_note
代码://数据的分批写入let fs = require('fs');let path = require('path');//1.拼接读取的路径let str = path.join(__dirname, "it666.txt");//2.创建一个读取流let writeStream = fs.createWriteStream(str, { encoding: 'utf8', highWaterMark: 1,})//3.添加事件监听:writeStream.on原创 2021-04-30 09:34:23 · 2381 阅读 · 0 评论 -
markdown基本语法使用
链接title是当鼠标悬停在链接上时会出现的文字,这个title是可选的,它放在圆括号中链接地址后面,跟链接地址之间以空格分隔。要创建分隔线,请在单独一行上使用三个或多个星号 (***)、破折号 (—) 或下划线 (___) ,并且不能包含其他内容。如果你要表示为代码的单词或短语中包含一个或多个反引号,则可以通过将单词或短语包裹在双反引号(``)中。用法:只要将代码放在下面标签中即可,其他代码同理,只需要改变第一个```后面的标注即可。链接文本放在中括号内,链接地址放在后面的括号中,链接title可选。原创 2021-04-26 13:57:55 · 937 阅读 · 3 评论 -
Node概述_note
Node概述Node的执行方式Node环境和浏览器环境的区别Node身上全局对象的属性Node中的模块Node中导出数据的几种方式1.什么是Node.js?Node.js 是一个基于"Chrome V8 引擎" 的JavaScript “运行环境”2.什么是V8引擎?V8引擎是一款专门解释和执行JS代码的虚拟机, 任何程序只要集成了V8引擎都可以执行JS代码 例如:-将V8引擎嵌入到浏览器中,那么我们写的JavaScript代码就会被浏览器所执行; -将V8引擎嵌入到NodeJS中,原创 2021-04-23 16:16:20 · 275 阅读 · 1 评论 -
VueSummary_note
Vue的基本结构:Vue中的插值:Vue中的事件修饰符:Vue双向绑定机制:Vue中为元素添加样式:Vue中的动画:Vue中的循环:Vue中的key的作用及其意义:Vue中v-fi和v-show:Vue中的过滤器:Vue中的键盘修饰符:Vue中的指令:Vue中的生命周期:Vue使用vue-resource发送请求:Vue中的组件:Vue的基本结构:<!DOCTYPE html><html lang="en"><head> &原创 2021-04-20 11:35:33 · 609 阅读 · 0 评论 -
note_idea中的maven命令操作
将自己的项目添加至本地库:之前用命令行是mvn install在idea中操作:执行maven目标使用mvn install即可安装成功:原创 2021-02-28 13:53:46 · 111 阅读 · 0 评论 -
note_maven中的常用命令
编译命令:mvn compile编译时,它会去编译HelloWorld中的java代码在编译时,需要在pom所在的目录(如"C:\Windows\System32\cmd.exe)进行命令行操作:使用mvn compile命令此时它会自动下载在pom.xml配置的本地仓库,添加的依赖时首先在本地仓库中找,本地仓库找不到了会去中央仓库下载完成时:在第一次下载时,它会下载一些基础的maven的jar包编译成功之后:圈起来的是编译之后代码的目录该命令只编译main目录中的代码.原创 2021-02-28 11:12:30 · 108 阅读 · 0 评论 -
note_maven的pom.xml部分配置说明
仅作为个人参考的笔记,不推荐看<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.ap原创 2021-02-28 11:08:19 · 102 阅读 · 0 评论 -
note_maven的基本使用
1.下载配置maven官网 ,下载链接 a.配置JAVA_HOMEb.配置MAVEN_HOME / M2_HOMEc.将maven中的bin配置到path: %MAVEN HOME%\bind.检验:命令行下输入mvn -v:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传e.配置本地仓库:本地仓库需要在maven文件下的conf中的seeting中修改(默认值是:${user.home}/.m2/repository):修改本地仓库,把圈起来的东西抄.原创 2021-02-28 10:57:41 · 108 阅读 · 0 评论 -
note_maven的概念,作用
maven的概念:它是一个基于java平台的自动化构建工具(make->ant->maven->gradle)maven的作用:a.管理jari.增加第三方jar(commons-fileupload.jar commons-io.jar)ii.管理jar包之间的一览关系(例如当你告诉了使用commons-fileupload.jar,它发现这个包依赖于commons-io.jar时,它会自动下载依赖关联的所有jar,并且不会冲突)b.将项目拆分成若干.原创 2021-02-28 10:40:55 · 120 阅读 · 0 评论 -
ES6_proxy_note
proxy:代理Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写.Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理器”主要是扩展 / 增强 对象的一些功能比如说 Vue中的 Vue.key.Codes.ente.原创 2020-12-03 23:24:37 · 167 阅读 · 0 评论 -
ES6_Set和WeakSet_note
该笔记部分参考set数据结构: 本身是一种构造函数,用于生成Set数据结构<script > new Set([iterable])</script>Set属性中有sizeSet对立面的元素进行比较时,使用的算法叫做"Same-value-zero equality",类似于精确相等运算符"===",主要的区别是NaN等于自身,而精确相等运算符认为NaN不等于自身类似于数组,但是里面不能有重复值,如:<script > le原创 2020-12-02 23:13:13 · 125 阅读 · 0 评论 -
ES6_symbol和generator_note
ES6新增数据类型:Symbol 使用情况一般用 typeof 检测出来的类型是: symbol注意:1.Symbol不能new出来2.Symbol()返回的是一个唯一的值使用可以做一个key,定义一些唯一或者私有的一些东西3.symbol 是一个单独的数据类型,就叫symbol,属于基本数据类型4.如果symbol作为key,用 for in 循环,出不来Symbol的定义和使用<script > let syml = Symbol('aaa');原创 2020-12-01 23:09:48 · 154 阅读 · 0 评论 -
ES6_类_note
程序中的类:注意:1.es6中class没有哦提升功能,在es5中,函数模拟可以,默认函数提升2.this矫正this:1.fn.call(this指向谁,args1,args2…)2.fn.apply(this指向,[args1,args2…])3.fn.bind()class中取值函数(getter),存执函数(setter)静态方法:类身上的方法,如:<script > class Person { constructor() {原创 2020-12-01 23:07:45 · 124 阅读 · 0 评论 -
ES6_模块化_note
####模块化js不支持模块化在es6之前,社区制定了一套规范:规范作用Commonjs主要用于服务端 nodejs require(‘http’)AMDrequireJs,culJsCMDseaJses出来,统一服务端和客户端模块规范注意:使用模块化需要放在服务器环境如何定义模块:// 此处可以是 let / constexport const a=12;或者<script >// 使用 export d.原创 2020-12-01 23:06:59 · 108 阅读 · 0 评论 -
ES6_对象简洁语法_note
对象简洁语法,如:<script > let name = 'kirin'; let age = 18; let json = { // 前面是简写 name,// name:name, age,// age:age, } console.log(json);</script>方法简写:<script > ..原创 2020-12-01 23:05:44 · 119 阅读 · 0 评论 -
ES6_有关数组的函数_note
循环:es5新增的一些东西:循环:1.forfor(let i=0;i<arr.length;i++){}2.whilewhilearr.forEach()arr.map()arr.filter()arr.some()arr.every()arr.reduce()arr.reduceRight()forEach()函数://forEach()是用来代替for的// 以下几个使用方法一样// arr.forEach()// arr.map()//原创 2020-12-01 23:04:53 · 272 阅读 · 0 评论 -
ES6_let和const_note
ES6 ->ECMA标准ES的进化:↓js↓ES7,ES8↓ES5.x↓ECMA-262 -> ES1.0↓ES2015 ->ES6↓每年六月份发布一个版本↓ESnext:‘下一代js语言’关于定义(声明)变量:之前 :var a=12;作用域:全局函数作用域现在 : let 相当于之前的varconst 常量,定义好了不能再改变let 注意:1.没有预解析,不存在变量提升在代码块内,只要let定义变量,在之前原创 2020-12-01 22:58:05 · 107 阅读 · 0 评论 -
ES6_解构赋值_note
解构赋值非常有用例如:<script > let [a, b, c] = [12, 5, 6]; </script>json: <script> let json = { name: "Strive", age: 18, job: "码农" }; let {name, age, job} = json; console.log(.原创 2020-12-01 22:56:21 · 96 阅读 · 0 评论 -
ES6_Promise
promise原创 2020-11-21 15:57:15 · 121 阅读 · 0 评论 -
Python文件读取(1.1)
读取TXT文件:# 这种方法需要关闭文件f = open('filename', encoding='utf-8', errors="ignore")f.close()# 此时不需要关闭文件# filename后面的操作,可以是:a,w等with open('filename', 'a', encoding='utf-8') as f: # 对文件执行操作具体操作可以见下表读取CSV文件:import csvlogin_csv = csv.reader(open(r'f.原创 2020-11-17 20:09:45 · 261 阅读 · 0 评论