前端

vite技术揭秘--环境变量

前言     我们开发中不可避免的要根据环境变量来做一些逻辑分支,在vite中有两种实现方式,即define和.env文件 示例     通过cross-env包设置环境变量,并通过define向页面中export     在.env中使用VITE_作为开头命名 源码     define         读取配置的整体流程和proxy差不多,这里就不展开说了,总之就是

Vue3.2+Vite2.x+Typescript项目进阶搭建-Element-plus

前言:该文没有全局引入的方式讲解 官方文档: 安装淘宝镜像(非必须) 先安装好淘宝镜像 npm install -g cnpm --registry= cnpm install node-sass --save 遇到错误 cnpm : 无法加载文件D:\nodejs\node_global\cnpm.ps1,因为在此系统上

es6开发常用技巧

1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none')); // 事例: 隐藏页面上所有`<p>`元素 hide(document.querySelectorALL('p')) 2.如何检查元素是否具有指定的类? 页面DOM里面的每个节点上都有一个

CSS中的flex布局

CSS中的flex布局 一.flex布局的基本概念 1.什么是flex布局 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局,行内元素也可以通过 inline-flex 使属性值用 Flex 布局。 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成

前端 VSCODE 插件开发总结 (后续将出专栏详细讲解开发的细节...)

前端 VSCODE 插件开发经验总结 一、开发前期准备 (一)环境搭建Node.js 安装:VSCODE 插件基于 Node.js 开发,需确保安装了合适版本的 Node.js。可从 Node.js 官网下载对应操作系统的安装包,安装过程中按默认设置即可。安装完成后,在命令行输入node -v,若显

设计模式之观察者模式

1. 观察者模式 观察者模式(Observer Pattern) 观察者模式又叫作发布-订阅(Publish/Subscribe)模式、模型-视图(Model/View)模式、源-监听器(Source/Listener)模式或从属者(Dependent)模式 一对多的依赖关系,一个主题对象可被多个观察者对象同时监听,每当主题对象状态变化时,所有依赖它的对象都会得到通知并被自动更新 观察者模式

Navigator.sendBeacon-页面关闭也能发送请求

背景 最近在需求中有一个这样的场景:需要在页面关闭的时候,用户不需要操作,主动关闭当前订单 当时考虑的方案:在页面关闭的时候,向后端发送一个请求,将这个资源释放掉; 定下方案时,觉得也不是什么难事,觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。 经过查找,找到了这么两个 API :beforeunload 和 unload beforeunload 当浏览器窗口关闭或者刷新时,会触

2022年Vue面试题

本次让我们系统的熟悉vue的面试常用题目,无论是给准备面试还是准备跳槽的小伙伴,一个学习以及温故知新的版块。这其中加入了我的理解,我尽量用白话文和易懂的语言形式进行解释,如果有地方解释的不正确或者不准确的情况,还请大家不吝赐教。 2022年大环境的不景气,让我们用知识充实自己,面对生活的一次次挑战与考验,加油! 入门级: 1:什么是mvvm? MVVM是Model-View-ViewModel的简

双剑破天门:攻防世界Web题解之独孤九剑心法(七)

免责声明:用户因使用公众号内容而产生的任何行为和后果,由用户自行承担责任。本公众号不承担因用户误解、不当使用等导致的法律责任**本文以攻防世界部分题为例进行演示,后续会对攻防世界大部分的web题目进行演示,如果你感兴趣请关注**目录一:Newscenter二:upload1三:Xff_referer四