- 博客(28)
- 收藏
- 关注
RSS订阅原创 【Webpack】Webpack知识体系
Webpack是基于模块化打包的⼯具: ⾃动化处理模块，webpack把⼀切当成模块，当 webpack 处理应⽤程序时，它会递归地构建⼀个依赖关系图 (dependency graph)，其中包含应⽤程序需要的每个模块，然后将所有这些模块打包成⼀个或多个 bundle。核心流程入口处理依赖解析资源解析资源合并打包[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o6oqZ9Ev-1660357138689)(https://p6-juejin.byteimg.com/tos-
2022-08-13 10:19:37
230
原创 【CSS】回流/重排与重绘
现代的浏览器都是很聪明的，由于每次重排都会造成额外的计算消耗，因此大多数浏览器都会通过队列化修改并批量执行来优化重排过程。浏览器会将修改操作放入到队列里，：将元素的透明度设置为 0，以此来实现元素的隐藏。：使用元素裁剪的方法来实现元素的隐藏，这种方法下，元素仍在页面中占据位置，但是不会响应绑定的监听事件。这种方法下，元素仍在页面中占据位置，但是不会响应绑定的监听事件。：渲染树不会包含该渲染对象，因此该元素不会在页面中占据位置，也不会响应绑定的监听事件。：元素在页面中仍占据空间，但是不会响应绑定的监听事件。.
2022-08-08 14:31:32
890
原创 【Javascript】关于类与继承不得不说的事儿
介绍了类的创建，以及ES5和ES6种类的继承方式：原型链继承、构造继承、组合继承、原型式继承、寄生式继承、寄生组合继承、extend
2022-07-28 19:56:01
175
原创 【Javascript】贪心算法--分糖果问题、根据身高重建队列
贪心算法的本质就是选择每一阶段的局部最优！所以能够使用贪心的前提是能够通过局部最优推出最优，一个验证方法是通过举反例。
2022-07-14 19:55:15
202
原创 【Cesium】Cesium基本介绍
初始化地球Viewer 查看器类定义的同时需要设定基础部件、图层等的初始化状态常见的optionScene 场景类可以对整个场景环境进行修改可以通过Scene控制相机对场景进行切换，如：相机的使用setView 通过定义相机飞行目的地的三维坐标和视线方向flyTo 具有空中飞行和逐步切换视域的效果lookAt()一般用于锁定某个场景的视角viewBoundingSphere 可以给一个指定的目标点，让我们可以从多个角度更好的观测提供了用于构建复杂的、时间动态可视化的结构、与静态数据自
2022-07-09 09:00:00
1371
原创 【Javascript】浏览器对象模型BOM
虽然 ECMAScript 把浏览器对象模型（BOM，Browser Object Model）描述为 JavaScript 的核心，但实际上 BOM 是使用 JavaScript 开发 Web 应用程序的核心。BOM 提供了与网页无关的浏览器功能象。top 对象始终指向最上层（最外层）窗口，即浏览器窗口本身。而 parent 对象则始终指向当前窗口的父窗口。还有一个 self 对象，它是终极 window 属性，始终会指向 window。视口和布局 和 返回视口的大小移动浏览器中 和 返回的布局视
2022-07-08 16:32:37
217
原创 【Vue】点击父组件空白处让子组件隐藏
在网上看到很多教程都是通过添加点击事件监听document.addEventListener，监听click事件当鼠标事件不发生在元素内部时，设置显隐属性为false代码实现如下：js代码但是这种方法并不能解决我的问题！我要操作的下拉窗口是子组件，会报错报错内容如下：Uncaught TypeError: _this.$refs.box.contains is not a function at HTMLDocument.eval不知道为什么在子组件上就不可以总之上面的方法适用于点击目标区域之外关
2022-07-07 14:48:58
1562
1
原创 【Http缓存】强缓存与协商缓存
**强缓存策略**和**协商缓存策略**在缓存命中时都会直接使用本地的缓存副本，区别只在于**协商缓存会向服务器发送一次请求**。它们缓存不命中时，都会向服务器发送请求来获取资源。在实际的缓存机制中，强缓存策略和协商缓存策略是一起合作使用的。浏览器首先会根据请求的信息判断，强缓存是否命中，如果命中则直接使用资源。如果不命中则根据头信息向服务器发起请求，使用协商缓存，**如果协商缓存命中的话，则服务器不返回资源，浏览器直接使用本地资源的副本，如果协商缓存不命中，则浏览器返回最新的资源给浏览器**......
2022-07-01 09:56:32
284
原创 【Websocket】基本介绍、原理、特点、使用以及与长短轮询和SSE的区别
在WebSocket出现之前，web交互一般是基于Http协议的短连接或长连接WebSocket是一种在单个TCP连接上进行全双工通信的协议，属于应用层协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。客户端向 WebSocket 服务器通知（notify）一个带有所有接收者ID（recipients IDs）的事件（event），服务
2022-06-28 17:37:33
727
原创 一些标签属性--aria-label--rel属性
aria 英文全称：Accessible Rich Internet Application，翻译成中文就是：可访问的富互联网应用程序。其实它是一组属性，定义了使残疾人更容易访问 web 内容和 web 应用程序（尤其是使用JavaScript开发的应用程序）的方法。例如：下面这个表单添加了属性，那么当页面聚焦到此表单上时，屏幕阅读器会读出 属性的值， 不会在视觉上呈现效果，只是方便设备读取备注。a标签的rel属性...
2022-06-27 09:34:09
8411
原创 【Javascript】二叉树之递归方法
在处理二叉树问题时，很多题目都采用了递归的方法。首先聊一下返回值问题，递归函数什么时候需要返回值？什么时候不需要返回值？这里总结如下三点：力扣113路径总和ii给你二叉树的根节点 和一个整数目标和 ，找出所有 从根节点到叶子节点 路径总和等于给定目标和的路径。思路分析：本题主要还是考察二叉树的遍历，这里我们采用递归的方法实现深度优先遍历。递归函数参数：需要二叉树的根节点，还需要一个计数器count来计算二叉树的一条边之和是否正好是目标和返回值：可以发现这个题目并不需要处理递归返回值，因此递归函数不需要
2022-06-13 16:18:30
392
原创 Typescript ---类与继承
Typescript 使用class关键字来定义一个类类中直接定义的属性是实例属性，需要通过对象的实例去访问；使用开头的属性是静态属性（类属性），可以直接通过类访问。readonly 为只读属性，不可以进行修改。和如果想要同时出现的话，需要放在后面。构造函数constuctor被称为构造函数，会在对象创建时调用，在实例对象方法中，this就表示当前的实例，在构造函数中当前对象就是当前新建的那个对象，可以通过this向新建的对象中添加属性。继承继承是面向对象编程中讨论最多的话题。abstrac 开
2022-06-10 16:52:28
284
原创 Typescript安装及基本类型
TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：类型批注和编译时类型检查类型推断类型擦除接口枚举Mixin泛型编程名字空间元组Await
2022-06-09 17:36:52
188
原创 【Vue】nextTick
$nextTick()主要用来处理Vue中的异步更新官方解释中的用法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。简单理解的话：当数据更新时，在dom渲染之后，会自动执行callback函数原因是，Vue是异步执行dom更新的，一旦观察到数据变化，Vue就会开启一个队列，然后把在同一个事件循环 (event loop) 当中观察到数据变化的 watcher 推送进这个队列。如果这个watcher被触发多次，只会被推送到队列一次。这种缓冲行为可以有效的去
2022-06-08 17:30:54
188
原创 【Vue3】记录一下在做项目时遇到的问题
Vue3中异步数据的处理Vue2的写法： data(){ return{ musicList:[] } }, mounted: async function() { let result = await getMusicList() this.musicList = result.data.result }Vue3中正确的写法 setup(){ let musicList = reactive([]) onMounte
2022-06-04 09:32:26
102
原创 VSCode中如何使用Git
Vscode中使用gitVscode中使用git初始化仓库生成公钥并配置在GitHub中具体操作提交与推送分支的创建.gitignoreVscode中使用git初始化仓库首先点击源代码管理，然后点击初始化仓库，这一步相当于git init生成公钥并配置在GitHub中生成SSH公钥在git中输入ssh-keygen -t rsa输入后一直回车即可（如果公钥已经存在，则自动覆盖）获取公钥在git中输入cat ~/.ssh/id_rsa.pub即可得到公钥在Github中配置公
2022-05-28 16:54:32
3615
1
原创 Axios---基本介绍、常用方法、请求配置、响应结构
AxiosAxios基本介绍Axios特点安装axios 与Axios常用方法：（增删改查）其他语法请求配置响应结构axios相比原生ajax的优底层怎么实现的Axios基本介绍axios是基于Http的客户端，可以在浏览器和nodejs两个环境中运行。axios是前端最流行的ajax请求库。Axios特点（1）axios 是一个基于promise的HTTP库，支持promise所有的API（2）浏览器端/node端（服务器端）都可以使用，浏览器中创建XMLHttpRequests（3）支持请求
2022-05-26 23:58:48
1438
原创 【Javascript】力扣每日一题---462. 最少移动次数使数组元素相等 II
【Javascript】力扣每日一题---462. 最少移动次数使数组元素相等 II给你一个长度为 n 的整数数组 nums ，返回使所有数组元素相等需要的最少移动数。在一步操作中，你可以使数组中的一个元素加 1 或者减 1 。
2022-05-19 09:47:27
255
原创 Node.js学习笔记III ---Express基本使用
Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的。
2022-05-12 22:33:05
3830
1
原创 JavascriptACM模式牛客输入输出
JavascriptACM模式牛客输入输出，Javascript主要有Javascript(V8)和Javascript(Node）两种
2022-05-09 19:49:20
9563
10
原创 Node.js学习笔记II--模块化基本概念、npm常用指令、格式化日期
Node.js学习笔记模块化模块化基本概念Node.js中的模块化npm与包模块的加载机制模块化模块化基本概念模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程，有多种属性，分别反映其内部特性。编程领域的模块化，就是遵守固定的规则，把一个大文件拆成独立并且互相依赖的多个小模块模块化拆分的好处提高了代码的复用性提高了代码的可维护性可以实现按需加载Node.js中模块的分类内置模块（如：fs、path、http）自定义模块（用户创建的每个.js文件）第三方模
2022-05-08 09:49:12
686
原创 Node.js学习笔记I--fs文件系统模块--path路径模块--http模块
黑马Node.js学习笔记@[TOC](黑马Node.js学习笔记)Node学习笔记初识Node为什么JS可以操作DOM、BOM浏览器中的JS运行环境Node.js中的Js运行环境Node安装在Node.js环境中执行JS代码fs文件系统模块读取文件内容向指定文件中写入内容EX 考试成绩整理fs模块路径动态拼接问题path路径模块路径拼接获取路径中的文件名获取路径中的文件扩展名EX 时钟案例http模块服务器相关概念创建最基本的web服务器req请求对象和res响应对象解决中文乱码根据不同URL响应不同的h
2022-05-05 17:01:27
472
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人