自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 上传自定义webpack插件到npm官网

在前端的开发工作中,我们经常需要下载各种各样的插件来辅助我们的开发工作,就比如用来封装接口的axios、用来转义的babel、用来打包的webpack等插件。我们在使用这些插件时,往往只需要使用npm i 插件名这样的命令来下载插件。之所以能够这样直接下载,是因为插件作者已经把这些插件上传到了npm官网上,在npm官网上我们可以找到下载的这些插件。

2024-07-08 20:09:26 760

原创 webpack模块化方案

和适当的加载器(loaders)来处理不同类型的模块。Webpack 支持以上所有模块化方案,并且可以通过配置文件 (

2024-06-27 09:12:22 268

原创 async和await原理

async 函数是什么?一句话,它就是 Generator 函数的语法糖,generator 函数需要通过调用next()方法,才能往后执行到下一个yield,但是async 函数却不需要,它能够自动向后执行await 可以理解为是 async wait 的简写。await 必须出现在 async 函数内部,不能单独使用await 字面上使得 JavaScript 等待,直到 promise 处理完成,然后将结果继续下去。

2024-06-25 15:04:29 376

原创 企微扫码登录

企业微信本身提供了两种扫码登录的方式:方法一:使用企微提供的链接模板定义链接,在扫描链接页面的二维码后会跳转到自己指定的链接(项目登录页链接),并在链接后携带一个code值,然后在登录页首次加载时截取code,然后调用登录接口即可方法二:在项目的登录页上配置企微的相关参数,在企微扫码后会在当前链接后添加code值,在登录页面加一个watch监听路由变化,在路由变化后截取code值调用登录的接口。

2024-03-25 21:50:09 1271

原创 运行vue老项目可能遇到的问题

这个一般是在运行以前的项目的时候会出现,主要是因为新版本的OpenSSL 更新了,所以需要兼容一下旧版本,可以在package.json中修改scripts项中的值解决。这个是因为node-sass是一个Node.js模块,它在构建时依赖于node-gyp,而node-gyp在Windows环境下需要Python。用dart-sass来替换node-sass,正常的替换也会出问题,还要改配置。修改完毕,之后就可以正常安装node-sass了,如果还不行就使用淘宝镜像把。也可以下载nvm管理node的版本。

2024-01-09 19:39:25 407

原创 性能优化-防抖节流

前端的性能优化一直是前端学习的重点,而优化的方案有:回流重绘、懒加载、防抖节流等,本篇文章主要介绍防抖和节流。

2023-12-13 15:25:16 427

原创 两种网络模型

HTTPHTTPSFTPPOP3SMTP每一层的对应设备:

2023-12-13 09:21:26 389

原创 react基本使用

(通常使用 Babel 相关插件,例如。

2023-12-02 15:50:56 402

原创 SPA和MPA

一种网络应用程序或者说网站的模型,通过动态的重新渲染当前的页面来实现与用户的交互,所有需要的代码都通过单个页面的加载来检索,也可以根据需要动态的加载资源到页面。

2023-11-04 09:57:23 50

原创 关于虚拟DOM

在每次发生变化之前,虚拟DOM都会缓存一份,变化之前,现在的虚拟DOM都会与之前缓存的虚拟DOM进行比较。Diff算法的原理是通过比较新旧节点的属性和子节点,找出它们之间的差异,然后根据差异来更新实际DOM节点。这样的好处是算法简单,减少比对次数,加快算法完成速度。本质上来讲,虚拟DOM是一个JS对象,会将页面状态抽象为一个JS对象,是对DOM的抽象,这个对象是更加轻量级的对DOM的描述。可以减少性能消耗,虚拟DOM本质上是JS对象,可以很方便的跨平台操作,比如服务端渲染、uniapp等。

2023-10-28 20:45:07 39

原创 关于http

一种用于传输超文本(如网页)的协议,它是互联网上用于传输数据的基本协议之一HTTP 是一种无状态协议,每个请求与响应之间没有持续的连接。每个请求都是独立的,服务器不会保留关于之前请求的信息,这使得 HTTP 协议非常简单。HTTP 使用文本格式的请求和响应,通常使用 ASCII 编码。这使得它对人类和开发人员来说更容易理解和调试。HTTP 不仅支持传输超文本,还支持传输各种多媒体内容,包括图像、音频和视频。客户端发送请求,服务器返回响应。

2023-10-22 16:42:53 34

原创 ElementPlus按需导入的问题

今天使用了ElmentPlus的按需自动导入,发现在使用自动导入之后 Message消息提示 和 Message Box 消息弹出框 这两个组件的样式就消失了,后来找了很多文章才知道自动导入本身存在这个问题,官方文档上也没有给出解决的方法,这里提供一种解决的方法,就是把按需引入的自动引入和手动引入都用上,然后就可以解决了。照着上面的命令和配置文件进行操作,然后。就可以了,一定要记得重启项目!

2023-09-04 17:22:17 246 1

原创 js-关于闭包

因为 setTimeout 是个异步函数,所以会先把循环全部执行完毕,这时候 i 就是 6 了,所以会输出一堆 6。闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的常见方法就是在一个函数内部再创建另一个函数,创建的函数可以访问到当前函数的局部变量。例如:函数 A 内部有一个函数 B,函数 B 可以访问到函数 A 中的变量,那么函数 B 就是闭包。在 JS 中,闭包存在的意义就是让我们可以间接访问函数内部的变量。但其实并不推荐使用这种方法来解决,最好的方法还是使用。

2023-08-12 16:52:22 38 1

原创 js-关于原型链

如果在实例中添加一个与实例原型对象同名的属性,那我们就在实例中创建该属性,这个实例属性会阻止我们访问原型对象中的那个属性,但不会修改那个属性。在JavaScript中是使用构造函数来新建一个对象的,每一个构造函数的内部都有一个prototype属性,它的属性值是一个对象,这个对象包含了可以由该构造函数的所有实例共享的属性和方法。当访问一个对象的属性时,如果这个对象内部不存在这个属性,那么它就会去它的原型对象里找这个属性,这个原型对象又会有自己的原型,于是就这样一直找下去,也就是原型链的概念。

2023-08-12 15:51:23 43 1

原创 js-关于this

这四种方式,使用构造器调用模式的优先级最高,然后是 apply、call 和 bind 调用模式,然后是方法调用模式,然后是函数调用模式。this是执行上下文中的一个属性,它指向最后一次调用这个方法的对象。在实际开发中,this 的指向可以通过四种调用模式来判断。它们的作用一模一样,区别仅在于传入参数的形式的不同。

2023-07-30 11:17:39 35 1

原创 js-关于执行上下文与作用域

JavaScript的作用域也就是JavaScript识别变量的范围,作用域链也就是JavaScript查找变量的顺序。

2023-07-30 11:00:43 33 1

原创 js-关于变量提升

所谓变量提升的意思,就是在无论在函数何处位置声明的变量,都好像被提升到了函数的顶部,可以在函数声明之前访问而不会报错。

2023-07-24 14:33:12 78

原创 js-关于数据类型

JavaScript系列,关于数据类型的底层原理

2023-07-22 17:43:10 45 1

转载 JS底层原理

是不能同时进行的,渲染引擎线程在执行任务是,JS引擎线程会被挂着,因为 JS 可以操作 DOM,与正在渲染中的 DOM 可能发生矛盾。7、JS 解析引擎与浏览器又是什么关系?

2023-07-05 20:20:07 207 1

原创 echarts组件简单应用

今天使用echarts创建了几个图表,就想把自己的一些使用方法分享一下,一些属性的效果查看文档写了一下,有兴趣的朋友可以去官方文档再好好学习一下。

2023-05-11 11:18:16 154

原创 使用Xshell部署网页

使用Xshell部署网页,整体流程比较简单,如有问题欢迎指正

2022-09-06 10:56:53 2079 5

原创 搭建vue项目

创建vue项目的方法

2022-07-01 21:47:15 204

原创 JavaScript的同步和异步

JavaScript的同步和异步

2022-06-12 15:29:18 171

原创 CSS3常用方法

css3练习所用的一些比较好用的方法

2022-04-23 10:47:12 278

原创 JavaScript笔记

1 JavaScript基础HTML定义了网页的基本内容,CSS3为网页加上了华美的服装,而JavaScript则是来控制网页的行为。

2022-04-16 17:31:26 2093

原创 CSS3学习笔记

简介CSS是层叠样式表(Cascading Style Sheets)的简称,学习HTML后,我们就能写出最近基本的网页,能够实现网页的大部分功能,但是仅有功能是不够的,我们还需要给这些功能加上合适的样式,就像我们身上穿的衣服,好看的人加上好看的衣服能产生1+1>2的效果,而CSS就是网页的“衣服”,用两张图来说明CSS的重要性。1 基础知识1.1 CSS语法结构CSS 由两部分组成,即:选择器 和 声明。选择器用于选中用户需要改变样式的 HTML 元素,选择器的种类很多,会在下面的内容中详

2022-03-28 17:29:36 869

原创 HTML5学习笔记

1 简介html文件有他自己的格式要求,在这里,我会简单的介绍一下目前常用的文本格式,仅作参考,初学者仅需了解大致上的结构即可,想要详细了解的朋友可以自行搜索<!DOCTYPE html> // 声明文件,告知计算机这是 html5 类型<html lang="en"> // html5 文件均以标签<html>开始,以标签</html>结束

2022-03-21 20:42:24 1038

原创 使用git创建项目

本文主要是教会初学者怎样使用 git 创建一个项目,这是我第一次写博客,如有错误,还请斧正

2022-03-17 22:14:44 9502

原创 git学习笔记(基础版)

主要功能git 是一个开源的分布式版本控制系统,对处理大小项目和协作开发项目有着很大的优势,我们经常需要将我们的代码托管至一些管理平台,如GitHub、Gitee,或者自己搭建的一些托管平台,而 git 可以帮我们将这个过程变得更加简洁高效。什么是版本控制?版本控制是指对软件开发过程中各种程序代码、配置文件及说明文档等文件变更的管理,是软件配置管理的核心思想之一。主要功能:追踪和记录文件的变更:即记录下来文件是在什么时候、什么人对它进行了怎样的变动,每一次变动都会增加文件的版本号 ..

2022-03-17 22:04:58 406

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除