240 发简信
IP属地:福建
  • 为什么 Vite 速度比 Webpack 快?

    前言 最近作者在学习 webpack 相关的知识,之前一直对这个问题不是特别了解,甚至讲不出个123....,这个问题在面试中也是常见的,作者在学习的过程当中总结了以下几点,...

  • 实时消息推送解决方案

    1、前言 在日常的开发中,我们经常能碰见服务端需要主动推送给客户端数据的业务场景,比如数据大屏的实时数据,比如消息中心的未读消息,比如聊天功能等等。 本文主要介绍SSE的使用...

  • node实现自动上传文件

    basic-ftp basic-ftp是一个用于在Node.js中进行FTP文件传输的模块。它提供了一组简单易用的API,使得在程序中实现FTP上传、下载、删除等操作变得容易...

  • 将dist目录下的文件压缩成war格式

    archiver archiver是一个用于压缩文件和文件夹的Node.js模块,可以将文件和文件夹打包成常见的压缩格式(如ZIP、TAR、GZIP等),也可以将已经压缩的文...

  • 120
    Vite打包性能优化以及填坑

    前言 最近在使用 Vite4.0 构建一个中型前端项目的过程中,遇到了一些坑,也做了一些项目在构建生产环境时的优化,在这里做一个记录,以便后期查阅。(完整配置在后面) 分析 ...

  • 前端重新部署如何通知用户刷新网页?

    1.目标场景 有时候上完线,用户还停留在老的页面,用户不知道网页重新部署了,跳转页面的时候有时候js链接hash变了导致报错跳不过去,并且用户体验不到新功能。 2.思考解决方...

  • 常用正则表达式

    校验数字的正则表达式 校验字符的正则表达式 将字符串转化为正则表达式

  • 封装resize指令

    Map 与 WeakMap的区别 JavaScript 中的 Map 和 WeakMap 提供了类似的功能 ——都是为了存储键值对——但是它们在一些关键点上有显著的不同: 键...

  • vue 中动态引入图片为什么要是 require

    相信用过vue的小伙伴,肯定被面试官问过这样一个问题:在vue中动态的引入图片为什么要使用require? 有些小伙伴,可能会轻蔑一笑:呵,就这,因为动态添加src被当做静态...

  • CSS透明度之rgba和opacity的区别

    rgba()和opacity都能实现透明效果,但最大的不同是: opacity作用于元素,以及元素内的所有内容的透明度,而rgba()只作用于元素的颜色或其背景色。设置rgb...

  • 120
    开源:各种前端设计和动效,这个项目里一应俱全

    一、简述 经过了两个月的精心打磨,该项目也趋于稳定,我想是时候与大家见面了,今天就向大家隆重介绍这个开源项目:visualization-collectio,一个专注于前端视...

  • CSS中的BFC详解

    引言: 这篇文章是我对BFC的理解及总结,带你揭开BFC的面纱。你将会知道BFC是什么,形成BFC的条件,BFC的相关特性,以及他的实际应用。 一、何为BFC BFC(Blo...

  • 3、单例模式

    一、概念 保证一个类仅有一个实例,并提供一个访问它的全局访问点,这样的模式就叫做单例模式。 单例模式是设计模式中相对较为容易理解、容易上手的一种模式,同时因为其具有广泛的应用...

  • 2、观察者模式

    1、概念 观察者模式定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个目标对象,当这个目标对象的状态发生变化时,会通知所有观察者对象,使它们能够自动更新。 —— Gr...

  • H5下拉刷新和上拉加载

    前言 在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等。下面是对这...

  • 1.发布-订阅模式

    一、概念 1.定义 发布-订阅模式其实是一种对象间一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到状态改变的通知。 订阅者(Subscriber)把自...

  • react搭建后台管理系统(上篇)

    创建项目 复制依赖 样式初始化 可以安装css库来进行样式的初始化,有reset-css、normalize.css,这里安装reset-css 路径别名配置 在vite.c...

  • TS小知识点

    TS演练场 TS演练场[https://www.typescriptlang.org/zh/play?#code/PTAEiJrQ5+MU3NAYlUAqBPADgUwMoG...

  • SockJS-client 搭建websocket

    1、简介 SockJS是一个浏览器JavaScript库,提供了一个类似websocket的对象。SockJS为您提供了一个连贯的,跨浏览器的Javascript API,它...

  • 如何实现分支优化

    前言 最近在网上冲浪时看到了这样一段代码 咋一看没感觉有什么异常,但如果有1000个判断条件,按照这种写法难不成要写1000个 if 分支? 如果写了大量的 if 分支,并且...