- 博客(29)
- 收藏
- 关注
原创 上传自定义webpack插件到npm官网
在前端的开发工作中,我们经常需要下载各种各样的插件来辅助我们的开发工作,就比如用来封装接口的axios、用来转义的babel、用来打包的webpack等插件。我们在使用这些插件时,往往只需要使用npm i 插件名这样的命令来下载插件。之所以能够这样直接下载,是因为插件作者已经把这些插件上传到了npm官网上,在npm官网上我们可以找到下载的这些插件。
2024-07-08 20:09:26 766
原创 async和await原理
async 函数是什么?一句话,它就是 Generator 函数的语法糖,generator 函数需要通过调用next()方法,才能往后执行到下一个yield,但是async 函数却不需要,它能够自动向后执行await 可以理解为是 async wait 的简写。await 必须出现在 async 函数内部,不能单独使用await 字面上使得 JavaScript 等待,直到 promise 处理完成,然后将结果继续下去。
2024-06-25 15:04:29 380
原创 企微扫码登录
企业微信本身提供了两种扫码登录的方式:方法一:使用企微提供的链接模板定义链接,在扫描链接页面的二维码后会跳转到自己指定的链接(项目登录页链接),并在链接后携带一个code值,然后在登录页首次加载时截取code,然后调用登录接口即可方法二:在项目的登录页上配置企微的相关参数,在企微扫码后会在当前链接后添加code值,在登录页面加一个watch监听路由变化,在路由变化后截取code值调用登录的接口。
2024-03-25 21:50:09 1692
原创 运行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 424
原创 SPA和MPA
一种网络应用程序或者说网站的模型,通过动态的重新渲染当前的页面来实现与用户的交互,所有需要的代码都通过单个页面的加载来检索,也可以根据需要动态的加载资源到页面。
2023-11-04 09:57:23 52
原创 关于虚拟DOM
在每次发生变化之前,虚拟DOM都会缓存一份,变化之前,现在的虚拟DOM都会与之前缓存的虚拟DOM进行比较。Diff算法的原理是通过比较新旧节点的属性和子节点,找出它们之间的差异,然后根据差异来更新实际DOM节点。这样的好处是算法简单,减少比对次数,加快算法完成速度。本质上来讲,虚拟DOM是一个JS对象,会将页面状态抽象为一个JS对象,是对DOM的抽象,这个对象是更加轻量级的对DOM的描述。可以减少性能消耗,虚拟DOM本质上是JS对象,可以很方便的跨平台操作,比如服务端渲染、uniapp等。
2023-10-28 20:45:07 40
原创 关于http
一种用于传输超文本(如网页)的协议,它是互联网上用于传输数据的基本协议之一HTTP 是一种无状态协议,每个请求与响应之间没有持续的连接。每个请求都是独立的,服务器不会保留关于之前请求的信息,这使得 HTTP 协议非常简单。HTTP 使用文本格式的请求和响应,通常使用 ASCII 编码。这使得它对人类和开发人员来说更容易理解和调试。HTTP 不仅支持传输超文本,还支持传输各种多媒体内容,包括图像、音频和视频。客户端发送请求,服务器返回响应。
2023-10-22 16:42:53 34
原创 ElementPlus按需导入的问题
今天使用了ElmentPlus的按需自动导入,发现在使用自动导入之后 Message消息提示 和 Message Box 消息弹出框 这两个组件的样式就消失了,后来找了很多文章才知道自动导入本身存在这个问题,官方文档上也没有给出解决的方法,这里提供一种解决的方法,就是把按需引入的自动引入和手动引入都用上,然后就可以解决了。照着上面的命令和配置文件进行操作,然后。就可以了,一定要记得重启项目!
2023-09-04 17:22:17 256 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 59 1
原创 js-关于this
这四种方式,使用构造器调用模式的优先级最高,然后是 apply、call 和 bind 调用模式,然后是方法调用模式,然后是函数调用模式。this是执行上下文中的一个属性,它指向最后一次调用这个方法的对象。在实际开发中,this 的指向可以通过四种调用模式来判断。它们的作用一模一样,区别仅在于传入参数的形式的不同。
2023-07-30 11:17:39 36 1
原创 js-关于执行上下文与作用域
JavaScript的作用域也就是JavaScript识别变量的范围,作用域链也就是JavaScript查找变量的顺序。
2023-07-30 11:00:43 34 1
转载 JS底层原理
是不能同时进行的,渲染引擎线程在执行任务是,JS引擎线程会被挂着,因为 JS 可以操作 DOM,与正在渲染中的 DOM 可能发生矛盾。7、JS 解析引擎与浏览器又是什么关系?
2023-07-05 20:20:07 224 1
原创 echarts组件简单应用
今天使用echarts创建了几个图表,就想把自己的一些使用方法分享一下,一些属性的效果查看文档写了一下,有兴趣的朋友可以去官方文档再好好学习一下。
2023-05-11 11:18:16 158
原创 JavaScript笔记
1 JavaScript基础HTML定义了网页的基本内容,CSS3为网页加上了华美的服装,而JavaScript则是来控制网页的行为。
2022-04-16 17:31:26 2102
原创 CSS3学习笔记
简介CSS是层叠样式表(Cascading Style Sheets)的简称,学习HTML后,我们就能写出最近基本的网页,能够实现网页的大部分功能,但是仅有功能是不够的,我们还需要给这些功能加上合适的样式,就像我们身上穿的衣服,好看的人加上好看的衣服能产生1+1>2的效果,而CSS就是网页的“衣服”,用两张图来说明CSS的重要性。1 基础知识1.1 CSS语法结构CSS 由两部分组成,即:选择器 和 声明。选择器用于选中用户需要改变样式的 HTML 元素,选择器的种类很多,会在下面的内容中详
2022-03-28 17:29:36 881
原创 HTML5学习笔记
1 简介html文件有他自己的格式要求,在这里,我会简单的介绍一下目前常用的文本格式,仅作参考,初学者仅需了解大致上的结构即可,想要详细了解的朋友可以自行搜索<!DOCTYPE html> // 声明文件,告知计算机这是 html5 类型<html lang="en"> // html5 文件均以标签<html>开始,以标签</html>结束
2022-03-21 20:42:24 1063
原创 git学习笔记(基础版)
主要功能git 是一个开源的分布式版本控制系统,对处理大小项目和协作开发项目有着很大的优势,我们经常需要将我们的代码托管至一些管理平台,如GitHub、Gitee,或者自己搭建的一些托管平台,而 git 可以帮我们将这个过程变得更加简洁高效。什么是版本控制?版本控制是指对软件开发过程中各种程序代码、配置文件及说明文档等文件变更的管理,是软件配置管理的核心思想之一。主要功能:追踪和记录文件的变更:即记录下来文件是在什么时候、什么人对它进行了怎样的变动,每一次变动都会增加文件的版本号 ..
2022-03-17 22:04:58 413
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人