- 博客(45)
- 收藏
- 关注
RSS订阅原创 4.9号总结
4.3、异步处理的不同：在 Redux 中，异步处理通常需要使用中间件来处理异步操作。而在 Mobx 中，则可以使用 async/await 或 reaction 函数来处理异步操作。4.4、开销和复杂性的不同：Redux 和 Mobx 都需要在应用程序中进行额外的设置和配置，并且在处理大量数据时可能会导致性能问题。而 Vuex 和 Pinia 的设置和配置相对简单，并且在大多数情况下可以处理大量数据。使用vue是在操作vue，使用react是在操作js。react采用jsx语法，更类似js，限制多。
2024-04-09 16:34:53
350
原创 React回顾
回调ref（内联函数），更新会执行两次，第一次参数为null，第二次才是dom，这个无关紧要。要想只执行一次，就不能写成内联函数，要把函数写到类上，用this调用才行；类型限制放到类组件内部，用static关键字。2、不直接使用jsx，jsx写起来很繁琐。7、类组件中事件调用this指向问题。受控组件：组件内有状态存储变量。非受控组件：表单的值现用现取。8、类组件不能直接改变状态。12、受控组件与非受控组件。13、高阶函数、函数柯理化。1、使用babel解析。4、函数式组件的使用。
2024-02-27 14:05:02
574
原创 学习搭建Vue组件库
包，而是**主要作为一个管理中枢，执行一些全局操作，安装一些共有的依赖。**下面介绍一些常用的中枢管理操作。依赖信息的结构是一个对象，其中依赖包的名称作为键(key)，依赖的版本约束作为值(value)。)，如果要进一步了解版本号相关的知识，我们可以阅读以下文章来详细了解什么是。这里简单给出一个表格说明帮助大家正确理解。很多情况下，我们其实并没有真正搞懂常见的三种依赖类型——模式下，代码仓根目录通常不会作为一个子模块或者。字段表示包的版本号，大致符合。的格式，严格来说应该叫。
2024-01-18 15:36:00
543
原创 Vitest 单元测试
vitest是由vite提供支持的下一代测试框架该工具一开始就考虑到了vite，利用了在DX中的改进，例如即时热模块重新加载（HMR）
2024-01-09 09:12:02
1429
原创 vue3 相关
在vue3中，使用ref获取子组件时，如果想要获取子组件的数据或者方法，子组件可以通过defineExpose方法暴露数据。3、v-for 中使用 ref。2、vue3中ref访问元素。5、 组件上使用ref。4、ref 绑定函数。
2023-11-30 17:48:11
464
原创 Bootstrap5相关笔记
margin-left, margin-right 都为 auto，保持 container 容器居中。屏幕小于 768 时，容器宽度是满屏，与 container-fluid 效果一样。当屏幕宽度大于576px ，col-sm-*一列可以排下12个，屏幕大于 768 小于 992 时，宽度设为 750。屏幕大于 992 小于 1200 时，宽度为 970。当屏幕小于576px，col-sm-1也占有一行。屏幕大于 1200，宽度为 1170。margin:0 宽度：100%
2023-11-23 09:23:50
32
原创 git 常用命令笔记
git branch 查看本地分支git branch -r 查看远程分支git branch dev 创建一个新分支git Switch （新命令，待研究）git checkout dev 切换到新分支git checkout -b dev 创建新分支dev 并切换到dev分支git merge bugFix 基于当前的分支，把bugFix分支合并到当前分支(新分支有两个parent)
2023-11-22 15:54:05
742
原创 一个有关ajax的问题记录
使用 $.ajax()请求的时候，发下下载下来的pdf乱码，打开看不到实际内容。那么问题出在哪里呢？是jquery封装的ajax有问题吗？最后发现，$.ajax的参数里面需要配置如下的原生方法，配置一个即可！尝试了fetch，发现可以正常下载并打开pdf文档，说明链接没问题。尝试了ajax的原生请求，发现也能正常打开下载的pdf文件。
2023-10-11 11:56:34
30
原创 POP、OOP和AOP的区别
多态性：多态存在三个条件：1、继承；多态的实现方式：1、接口实现；2、继承父类方法重写；封装性：封装是指将对象信息抽象成一个实体，其中属性方法不允许外部程序直接访问。简单来说，封装就是要找出某一类事务的公共属性，然后提取出来。采取横向抽取机制，即将分散在各个方法中的重复代码提取出来，然后再程序中编译或运行阶段，再将这些抽取出来的代码应用到需要执行的地方。继承性：子类继承父类所有的成员方法和属性，可以拥有自己的属性，子类也可以重写父类方法。OOP有三个特征：封装、继承、多态；POP：面向过程编程。
2023-03-21 16:59:36
169
原创 shell脚本相关
(cd /b && tar xpvf -) 通过管道接收标准输出的内容，进入目录，如果成功，执行tar命令，解包并保留属性，数据来源从辨准输入读取（管道），并输出完整消息到标准输出。cd /a && tar cf - . 进入a目录，如果成功tar在当前目录创建文件，直接输出给标准输出。假定源目录是/a，目标目录是/b。
2023-03-10 09:55:31
69
原创 canvas自制简易画板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&.
2021-12-28 17:13:21
367
原创 vscode注释template里面html代码异常（出现//）
在setting.json里面加入下代码“files.associations”: {“*.vue”: “html”}
2020-08-26 18:08:55
930
原创 ES6_11、Set和WeakSet
一、Set数据结构1、性质：类似数组，但是里面不能有重复的值let arr = ['a','b','c','a'];let set = new Set(arr);console.log(arr);console.log(set);//Set(3){"a", "b", "c"}2、添加数据 add 方法let set = new Set();set.add('a');...
2019-07-21 11:53:47
89
原创 ES6_10、Symbol数据类型和generator函数
一、Symbol数据类型注意：使用typeOf检测的类型为symbol，是一个单独的数据类型，基本数据类型 使用Symbol 类型不用new 使用情况一般，一般作为唯一的key值使用 使用for...in循环来遍历Symbol作为key的对象，不能遍历出来，为对象私有的；let s=Symbol("aaa");console.log(typeof s);let json={...
2019-06-29 19:08:38
155
原创 ES6_09、class
一、js构造函数的使用回顾// 构造函数 function Person(name,age){ this.name=name; this.age=age; this.run=function(){ return `${this.name},跑起来！` } } // 添加方法 // 写法一 // Person.prototype.showName=functi...
2019-06-12 17:09:57
102
转载 ES6_08、模块化的使用
一：模块化使用注意事项：模块化需要放到服务器环境才有效； 如何定义模块？ 使用export 如何使用？ import ... import ... from ... 二：模块化的使用注意事项：import可以使用相对路径和绝对路径 import引入的文件只执行一次 'import "./module/a.js"'相当于引入文件 使用import必须使用服务器环...
2019-06-11 15:46:40
103
转载 ES6_06、对象的扩展
目录一、对象的简化写法：二、Object.is() 用来比较两个值是否相等（NaN能判断其相等，-0和+0不等）三、Object.assign():合并/复制对象 数组也可以一、对象的简化写法：let name="ty";let age=15;let json={//es6新增的对象的写法 name, age, showA(){}//不要使用箭头函数};...
2019-06-04 09:44:16
87
转载 js 图片base64转file文件的两种方式（方法二已使用，非常好）
最近项目中需要实现把图片的base64编码转成file文件的功能，然后再上传至服务器。起初是直接通过new File()的方式进行转换，在各个主流的浏览器基本上都支持，Android也没问题，但是在ios系统埋了个坑，ios11.4以下的系统上传失败。定位bug发现是new File()这个方法不兼容ios系统，只能另辟蹊径，最后找到一个方法就是：...
2019-06-04 09:43:40
2641
原创 ES6_05、数组的扩展
目录一、Array.from()方法复制数组 ES6方法二、Array.of()的用法 把传入一组参数，返回一个数组；三、es5里面的数组的循环方法arr.map(参数1，参数2)方法，参数用法同上 非常有用，做数据交互映射arr.filter():过滤，过滤一些不合格元素，使用return返回arr.some() 判断是否有某个元素（又一个符合条件），有即返回t...
2019-05-25 17:37:01
115
原创 ES6_04、函数的扩展
箭头函数注意问题：1、this问题，定义函数所在的对象，不是运行时所在的对象；2、箭头函数里面没有arguments，可以使用“...”来代替；3、箭头函数不能当作构造函数；...
2019-05-25 11:16:35
103
原创 js基础深入
一、bind的使用1、bind初步使用及功能了解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> ...
2019-05-13 17:28:47
304
原创 Set数据结构（es6新增）
es6提供了新的数据结构，它类似数组，但是成员都是唯一的，没有重复的值（可以用来解决数组去重）！1、Set本身是一个构造函数，用来生产Set数据结构（可以通过add方法添加数据，size方法判断长度）var s = new Set();[2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));for (let i of s) {//set结构数据遍历...
2019-05-13 17:28:33
262
转载 Promise用法简介
Promise是一个构造函数，自身有all、reject、resolve这几个眼熟的方法，原型上有then、catch等方法；1、简单的例子： function runAsuync(){ var p=new Promise(function(resolve,reject){ setTimeout(function(){ console.log("执行完成") ...
2019-05-13 17:28:03
361
原创 JS函数生成器，function* () {}
js函数生成器 用法如下：function* fn() { console.log(1); //暂停！ yield; //调用next方法继续执行 console.log(2); } var iter = fn(); iter.next(); //1 iter.next(); //...
2019-05-13 17:27:36
1067
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人