小茹想睡觉-CSDN博客

原创 vite 底层解析

目前大多数框架的前端构建工具都已经被vite取代，相信你已经使用过vite了。可是在使用过程中，vite对我来说一直是模糊的，现在就来一探究竟，为啥它更好？接下来我将为从以下几点出发，究其原理。

2024-09-27 16:42:39 780

原创浏览器接口出现Mixed-content报错及解决方案

最近在部署项目时，遇到了好几次部署到线上后访问接口出现 mixed-content 报错，但是在本地部署是没有这个问题的，所以将这个问题记录下来。

2024-02-29 20:08:02 9260

原创 vue3+cesium项目搭建

最近需要在一个Vue3的项目中使用到cesium，对于一个cesium没有太多了解的人来说，还是比较麻烦的，本篇博文就将自己在这个过程踩的坑记录下来，有需要的可以看一下。

2023-07-10 14:36:53 4885

原创 link与@import导入css的区别

我们在引入css的时候，比较经常使用的两种导入css的方式就是link与@import，但是这两种导入css的区别是什么呢？

2023-07-01 18:34:57 877

在学习http与https的区别的时候，我们通常从以下几点出发：http是超文本传输协议，是明文传输，有安全风险，https在TCP和http网络层之间加入了SSL/TLS安全协议，使得报文能够加密传输http连接简单，三次握手后即可传输，但是https在三次握手之后还要进行SSL/TLS的握手过程，才能加密报文传输两者端口号不一样，http默认端口号是80，HTTPS默认端口号是443https需要申请CA证书，需要付费。

2023-03-25 22:06:28 7886 9

原创 js 实现将数组对象转为对象并合并key值

这两天在面试的过程中，面试官提出了一个问题总结的时候想到了下面几种方法。

2023-03-03 20:59:56 914

原创 TCP为什么是可靠的

TCP的定义：是一种面向连接的、可靠的、基于字节流的传输层通信协议那么肯定会有人疑惑，为什么他是可靠的呢？（也是在面试的过程中经常被问得）TCP是怎样实现的呢？TCP在传输的时候会有三次握手、以及四次挥手来建立连接和断开连接在数据传输时候，提供了检验和、序列号/确认应答、超时重传、最大消息长度、滑动窗口、拥塞控制等方法。

2023-03-01 11:46:22 845

原创 Vuex中mutation为什么是同步的action为什么是异步

在了解mutation与action之前我们先了解一下什么是Vuex 以及Vuex的作用是什么？Vuex是一个专为Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex是一个状态集中管理器，解决多组件之间的数据通信，数据是可预测的（响应式的）。Vuex有5个重要的概念state：存储公共数据（相当于组件中的data）mutations：修改数据方法的集合，必须是同步。

2023-02-18 11:21:46 2393

原创性能优化——懒加载

什么是懒加载呢？懒加载在我们的日常应用中非常常见。打开bilibili，首页会直接显示，我们一直往下滑动会发现下面的图片会有一个加载的过程，而不是直接出现的，这就是懒加载的效果。懒加载即延迟加载，也叫按需加载，对于一个很长的页面，优先加载可视区域的数据，可视区域之外的数据不会进行加载，其他部分等进入可视区域时再加载。毕竟如果图片很多，所有的图片都被加载出来，而用户只能看见可视区域的那一部分图片，这样就很浪费性能，使用懒加载会使得网页的加载速度很快，减少了服务器的负载，大大提高了用户体验。

2023-01-31 14:47:44 2017

原创 CDN原理及作用

CDN（内容分发网络），全称是Content Delivery Network，建立并覆盖在承载网之上，由分布在不同区域的边缘节点服务器群组成的分布式网络，替代传统以web server 为中心的数据传输模式。作用是将源内容发布到边缘节点，配合精准的调度系统；将用户的请求分配至最适合他的节点，使用户可以以最快的速度取得他所需的内容，有效解决Internet网络拥塞状况，提高用户访问的响应速度。

2023-01-30 17:26:28 1525

原创 AJAX及其相关

Ajax是一种用于快速创建动态网页的技术，通过在后台与服务器进行少量数据交换，AJAX可以实现网页异步更新，这意味着可以在不加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用AJAX）如果需要更新内容，必须重载整个网页。

2022-12-17 09:16:29 168 1

原创 javaScript————apply、bind、call

在JavaScript中有call( )、apply( ) 、bind ( )三种方法，这三种方法的作用都是改变this的指向，下面我们来了解一下三种方法的使用及区别和在不同的情况下应该使用哪种方法。

2022-11-01 15:16:31 188

原创 JavaScript————Promise（二）静态方法

promise.all([ promise1 ， promise2 ， promise3 ]),接收一个数组，元素通常是Promise对象，也可能是其他值并且返回一个promise。当所有的实例都成功执行之后，才会执行其成功结果。当其中有一个实例失败了，整个Promise.all的结果都会变成失败。

2022-10-14 16:39:29 271

原创 JavaScript——promise(一）基础篇

什么是promise呢？Promise是一个对象，他代表了一个异步操作的最终完成或者失败。本质上Promise是一个函数返回的对象，我们可以在它上面绑定回调函数，这样我们就不需要一开始把回调函数作为参数传入这个函数了实际上Promise与现实生活中的承诺非常相似。在现实生活中呢，我们通常是这样理解Promise的：承诺（保证）某人会做某事或者某事的发生。也就是要给将来多要发生的事一个承诺，但是谁都不能保证这件事一定会能够按照理想状态发生。

2022-10-07 15:19:25 2647 1

原创 js回调函数——好懂且详细

相信很多小伙伴和我一样，在学习JavaScript的时候呢，经常会看到回调函数的出现，可以如果要自己去写或者讲述如何理解回调函数的呢，又不知道从哪谈起。下面我们一起来学习一下什么是回调函数。回调函数都是作为参数传给另一个函数的函数，然后通过在外部函数内部调用该回调函数已完成某种操作通俗点解释呢，就是函数A作为参数传递到函数B中，并且这个函数B执行函数A，那么函数A就叫作回调函数；如果这个函数没有名称（函数表达式），就叫作匿名回调函数。

2022-09-30 22:04:37 691 1

原创 React之axios的使用以及二次封装

2、congfig.js文件中配置请求接口中的基础路径（BASE_URL）以及以及超时时间（TIMEOUT）1、建立文件夹，命名为service，新建两个文件 config.js和request.js。通过命令yarn add axios或者npm install axios来安装axios。3、使用同步（await）异步（async）调用axios。5、axios.all()的使用，调用两个axios方法。axios默认的网络请求方法是get请求。1、axios发送基本的网络请求。...

2022-08-04 15:01:03 2963 1

原创 React使用router时报错export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router‘解决

但是，我已经安装过了router相关的依赖，并且已经引入，查找原因，发现是安装react-router-dom版本过低的原因，这是。最近在学习React的时候，使用路由时遇到一个问题，就是每当我一引入路由时，就会报错，提示应当引入switch。...

2022-07-30 09:54:41 2345

原创 vue3表格使用tooltip二次封装，目的使表格内容与悬浮内容不一致

使用vue3+typeScript+element-plus实现表格内容悬浮展示

2022-07-28 20:30:27 964

原创 vue3+TypeScript实现导出Excel功能

上一篇博客👉链接在这，我们使用vue3+ts实现了导入的功能，接下来，还是使用同一个组件（element-plus上传组件）来实现导出，在上篇博客中，我们在使用这个组件的同时写了一个下载模板的功能，接下来，这篇博客，我们就帮助大家完善下载模板的功能以及实现导出的功能。✌️✌️✌️我们通过两个按钮来实现导入导出功能、具体模板的样式如下具体样式，请参考上篇博客以上就是下载模板的功能实现这样我们就实现了导出功能，同时很多时候我们可能会遇到按需导出的需求，这是，我们只需要在接口中传递相应的参数即可。..

2022-07-12 09:46:50 4292 1

原创 vue3+ts实现导入excel文件功能

vue3+ts,实现导入功能

2022-07-11 08:49:08 3788 6

原创函数提升和变量提升

函数提升与变量提升第一个输出的是2第二个输出值为underfined大家可能为会好奇这是为什么呢？下面我们来研究一下这是因为变量和函数在内的所有声明都会在任何代码被执行前首先被处理所以第一个代码实际上是这样处理的第二个代码是这样处理的这个过程就好像变量和函数声明从它们在代码中出现的位置被“移动”到了最上面。这个过程就叫做提升注意：只有声明本身会被提升，而赋值或其他运行逻辑会留在原地。如果提升改变了代码执行的顺序，会造成非常严重的破坏。函数声明可以提升，函数表达式不可以提升，函数声..

2022-06-07 16:11:25 1377

原创 React使用

目录14.1、什么是React14.2、如何使用React14.2.1、React的基本使用14.2.2、React JSX14.2.3、模块与组件、模块化与组件化的理解14.3、React面向组件编程14.3.1、函数式组件：14.3.2、类式组件14.3.3、React 组合组件14.4、组件三大核心属性之一 ---------State14.4.1、React State 介绍14.4.2、State的基本使用14.4.3、改变天气状态案例14.4.4、天气案例简写14.5、组件三大核心属性二----

2022-06-06 20:43:55 1431

原创 Error in render: “TypeError: Cannot read properties of null (reading ‘0‘)“ 报错解决方案

近期在写项目的时候遇到一个很有趣的问题，当我准备获取一个数组中的子数组到页面时，提示我报错Error in render: “TypeError: Cannot read properties of null (reading ‘0’)”，渲染的时候不能读取，这是怎么回事呢，赶紧搜索一下，发现问题了这是我原来报错的代码 <view class="apply-name"> <text>{{ item.applicant }}</text>

2022-04-30 19:59:55 33993 4

原创 js作用域与闭包

作用域1、什么是作用域作用域分为两种词法作用域（比较常见，被大多数编程语言所采用）动态作用域（仍有一些语言在用 Bash脚本、Perl中的一些模式）2、词法作用域词法作用域就是定义在词法阶段的作用域欺骗词法作用域,用两种形式，一个是 eval（），另一个是 with，但是在实际的代码中我们是不建议使用的evalfunction foo (str){ eval(str); console.log(a); //a = 2;}foo("var a = 2");

2022-04-26 09:42:33 192

原创 js基础知识

1、js基础JavaScript是一种直译式语言，也就是说在运行前不需要进行预编译，而是在网页运行过程中由浏览器解释。1.1、在页面中使用JavaScript的三种方式1. HTML标签中内嵌JavaScript<buttton onclick="JavaScript:alert('Hello JavaScript!')">点击按钮</button>2. HTML页面中直接使用JavaScript<script type="text/javascript">

2022-04-24 17:01:21 3145 1

转载白话vuex

先说两句官方已经有教程了，为什么还要写这个教程呢？说实话，还真不是我闲着蛋疼，官方的教程真的是太官方了，对于刚入门 Vuex 的童鞋来说，想必看官方的教程，很多地方就如同看圣经一样，比如「欧玛尼玛尼牙」，所有的字都认识，就是不知道说些什么玩意，不信，你可以戳进去看看。当然，对于大神级别一看就懂的，那就不用说了，肯定是看官方的更权威。还有，如果对 Flux、Redux、The Elm Architecture 比较熟悉的话，也可以移步官方，因为官方也说了，Vuex 的套路基本上都是从那边吸取整合后，过

2022-04-15 16:18:50 145 1

空空如也

空空如也