- 博客(33)
- 收藏
- 关注
RSS订阅原创 修改node_modules的第三方包
在package.json的scripts里面增加："postinstall": "patch-package"有的包最后用的是打包后的js，所以改src种代码是没用的。需要在src中修改后再打包进行替换。比如这个例子中，main里就是打包完的js包，所以想要修改需要先在src中改后，再打包。看package.json中的main，这是引用的入口。//默认下载的版本很高，后面可能会有问题，待补充。使用npx的话注意npm版本要大于5.2。
2024-06-21 14:36:51
211
原创 路由(router-link和router-view)
- 为了避免刷新页面，vue-router实际上为它添加了点击事件，并阻止了默认行为，在事件内部使用hitory api更改路径 -->-- 向to属性传递路由信息对象 RouterLink会根据你传递的信息以及路由配置生成对应的路径 -->-- vue-router 匹配到的组件会渲染到这里 -->// 当匹配到路径 /foo 时，渲染 Foo 组件。// 当匹配到路径 /bar 时，渲染 Bar 组件。// 当匹配到路径 /foo 时，渲染 Foo 组件。-- mode:history 生成 -->
2024-01-19 17:19:55
1370
原创 less介绍
是一种更加简洁的样式代码，它非常像CSS，但又不太一样，它让编写样式变得更容易下面是css代码和Less代码的对比，它们都表达了一样的含义，因此需要一个工具将其转换为血统纯正的css代码由于，于是在node环境中可以轻松的完成文件的转换npm上有一个包叫做less，它运行在node环境中，通过它可以完成对Less代码的转换。
2024-01-02 11:42:28
352
原创 npm文档
包管理器是一个管理包的工具，前端常见的包管理器有npm、yarn、cnpm、pnpm等。包（package）是一个或多个js模块的集合，它们共同完成某一类功能。cli是一个命令行工具，它提供一个终端命令，通过该命令可以完成一些功能。依次查找上级目录的node_modules中是否有a，直到根目录。会将包下载到当前命令行所在目录的node_modules中。查找当前目录的node_modules中是否有a。让开发者可以轻松的升级和卸载包。会将包下载到一个全局的位置。让开发者可以轻松的下载包。
2024-01-02 11:39:45
359
原创 常用第三方工具库
对于第三方库，除了下载使用，还可以通过CDN在线使用科普知识：CDNCDN称之为内容分发网络（Content Delivery Network）。简单来说，就是提供很多的服务器，用户访问时，自动就近选择服务器给用户提供资源。
2024-01-02 11:21:58
924
原创 git文档
注意，不管是根目录下的 /fd1/ 目录，还是某个子目录 /child/fd1/ 目录，都会被忽略；此外，git 对于 .ignore 配置文件是按行从上到下进行规则匹配的，意味着如果前面的规则匹配的范围更大，则后面的规则将不会生效；使用一次新的commit，替代上一次提交 如果代码没有任何新变化，则用来改写上一次commit的提交信息。重置当前分支的HEAD为指定commit，同时重置暂存区和工作区，与指定commit一致。重置暂存区的指定文件，与上一次commit保持一致，但工作区不变。
2024-01-02 11:16:59
865
原创 5.面试题
then方法必定会返回一个新的Promise可理解为后续处理也是一个任务新任务的状态取决于后续处理：若没有相关的后续处理，新任务的状态和前任务一致，数据为前任务的数据若有后续处理但还未执行，新任务挂起。若后续处理执行了，则根据后续处理的情况确定新任务的状态后续处理执行无错，新任务的状态为完成，数据为后续处理的返回值后续处理执行有错，新任务的状态为失败，数据为异常对象后续执行后返回的是一个任务对象，新任务的状态和数据与该任务对象一致。
2024-01-02 10:39:57
877
原创 4.async和await
有了Promise，异步任务就有了一种统一的处理方式有了统一的处理方式，ES官方就可以对其进一步优化ES7推出了两个关键字async和await，用于更加优雅的表达Promise。
2024-01-02 10:34:36
316
原创 3.Promise的静态方法
邓嫂出门时，给邓哥交待了几个任务：做饭可交给电饭煲完成洗衣服可交给洗衣机完成打扫卫生可交给扫地机器人完成邓哥需要在所有任务结束后给邓嫂汇报工作，哪些成功了，哪些失败了为了最大程度的节约时间，邓哥希望这些任务同时进行，最终汇总结果统一处理每个任务可以看做是一个返回Promise的函数如何利用这三个函数实现邓哥的要求呢？
2024-01-02 10:31:33
322
原创 2.Promise链式调用
若没有相关的后续处理，新任务的状态和前任务一致，数据为前任务的数据。后续执行后返回的是一个任务对象，新任务的状态和数据与该任务对象一致。后续处理执行无错，新任务的状态为完成，数据为后续处理的返回值。若后续处理执行了，则根据后续处理的情况确定新任务的状态。后续处理执行有错，新任务的状态为失败，数据为异常对象。由于链式任务的存在，异步代码拥有了更强的表达力。then方法必定会返回一个新的Promise。若有后续处理但还未执行，新任务挂起。后续处理也是一个任务。
2024-01-02 10:23:31
359
原创 1.Promise基础
邓哥心中有很多女神，他今天下定决心，要向这些女神表白，他认为，只要女神够多，根据概率学原理，总有一个会接收他稳妥起见，邓哥决定使用的方式进行表白：先给第1位女神发送短信，然后等待女神的回应，如果成功了，就结束，如果失败了，则再给第2位女神发送短信，依次类推邓哥的女神一共有4位，名字分别是：李建国、王富贵、周聚财、刘人勇发短信是一个重复性的劳动，邓哥是个程序员，因此决定用函数封装这个动作有了这个函数后，邓哥于是开始编写程序发送短信了该程序完成后，邓哥内心是崩溃的这一层一层的回调嵌套，形成了传说中的「
2023-09-07 16:07:07
42
原创 图解 JavaScript 生成器和迭代器
每当我问人们有关生成器函数的问题时，得到的回复基本上都是：“我曾看到过一次，没搞明白，然后就再也没有看到过”，“哦，天哪，我读过很多有关生成器函数的博客文章，但依然还没有搞明白”，“我是搞明白了，但是为什么有人会用它啊？不过，试想一下，假如我们有成千上万的数据，或者可能是一个传入的流，为了只找到一个值，我们需要解析。我们在前面看到的是：如果调用生成器函数，返回的是一个生成器对象，那么如何调用这个生成器函数呢？的模型：当我们调用一个函数时，它将一直运行，直到完成为止（好吧，除非某处出错了）。
2023-09-07 15:39:22
49
原创 图解 JavaScript 事件循环
不过，请想像一下，如果我们正在执行一个耗时30秒的任务，在此任务期间，我们得等待30秒才能进行其它任何操作（默认情况下，JavaScript在浏览器的主线程上执行，所以整个用户界面都停滞了）。就会被添加到调用栈中。在本例中，没有其他函数被调用，这意味着当回调函数成为队列中的第一项时，调用栈是空的。，也就意味着之前所有被调用的函数都返回了它们的值，并且都已经从栈中弹出，那么队列中的。被返回后，事件循环看到调用栈是空的，之后回调函数被添加到调用栈。回调函数被添加到调用栈，被调用，并返回一个值，并从栈中弹出。
2023-09-07 15:38:33
44
原创 正则表达式
[a-zA-Z]\d{3}/ // 匹配1个字母，后面跟上连续的3个数字，{3}是量词，应用的规则是\d。/\d[a-zA-Z]|[a-zA-Z]\d/ // 匹配以1个数字紧跟一个字母，或者一个字母紧跟一个数字。/([a-zA-Z]\d){3}/ // {3}是量词，应用的规则是 [a-zA-Z]\d。// 将字符串中匹配正则的部分传入到回调函数的参数中，将函数的返回结果进行替换。/\d[a-zA-Z]/ // 匹配以1个数字紧跟一个字母。// reg是正则对象，str是字符串。
2023-09-07 15:37:08
25
原创 ES6严格模式
严格模式是从ES5开始新增的一种方式，是采用具有限制性JavaScript变体的一种方式，从而使代码隐式地脱离“马虎模式/稀松模式/懒散模式“（sloppy）模式。设立"严格模式"的目的，主要有以下几个：消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的Javascript做好铺垫。“严格模式”体现了Javascript。
2023-08-01 17:58:48
156
1
原创 JS事件循环
根据 W3C 官方的解释，每个任务有不同的类型，同类型的任务必须在同一个队列，不同的任务可以属于不同的队列。具体做法是当某些任务发生时，比如计时器、网络、事件监听，主线程将任务交给其他线程去处理，自身立即结束任务的执行，转而执行后续代码。每个任务都有一个任务类型，同一个类型的任务必须在一个队列，不同类型的任务可以分属于不同的队列。在 Chrome 的源码中，它开启一个不会结束的 for 循环，每次循环从消息队列中取出第一个任务执行，而其他线程只需要在合适的时候将任务加入到队列末尾即可。
2023-08-01 17:57:50
25
1
原创 JS深浅拷贝
在堆中重新分配内存，并且把源对象所有属性都进行新建拷贝，以保证深拷贝的对象的引用图不包含任何原有对象或对象图上的任何对象，拷贝后的对象与原来的对象是完全隔离，互不影响。：在堆中重新分配内存，并且把源对象所有属性都进行新建拷贝，以保证深拷贝的对象的引用图不包含任何原有对象或对象图上的任何对象，拷贝后的对象与原来的对象是完全隔离，互不影响。方法把字符串解析成对象，一去一来，新的对象产生了，而且对象会开辟新的栈，实现深拷贝。当对象的属性值对应的是一个对象时，该方法拷贝的是对象的属性的引用，而不是对象本身。
2023-08-01 17:55:41
33
1
原创 尺寸和位置
在JavaScript中操作DOM节点使其运动的时候，常常会涉及到各种宽高以及位置坐标等概念，如果不能很好地理解这些属性所代表的意义，就会在书写代码时遇到不小的问题。而由于这些属性概念较多，加上浏览器之间实现方式不同，常常会造成概念混淆。本章，我们就一起来总结一下使用JavaScript操作DOM时，尺寸和宽高相关的属性。主要分为以下两部分：DOM对象相关尺寸和位置属性只读属性和属性和属性clientTop和clientLeft属性offsetLeft和。
2023-08-01 17:54:27
40
1
原创 WebAPI
和标准库不同，WebAPI 是提供的一套 API，用于操作浏览器窗口和界面WebAPI 中包含两个部分：BOM：Browser Object Model，浏览器模型，提供和浏览器相关的操作DOM：Document Object Model，文档模型，提供和页面相关的操作。
2023-08-01 17:29:57
73
1
原创 html笔记
(2)行内元素： 在页面内不会独占一行 元素的宽，高，行高，顶部，底部的边距都不能设置 元素的宽度就是它包含的文字或图片的宽度 行内元素主要用来包裹文字 eg：span a i b em(em标签用于表示语音语调的一个加重) strong(表示强调重要内容) q(表示一个短引用)(4)一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素 块元素中基本上什么都能放 p元素中不能放任何的块元素。当在浏览器搜索购物时，网页标签写了这句话的，比如淘宝，京东，就会被推荐出来。
2023-07-14 18:07:29
53
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人