前端

JavaScript JSON

前言 JSON 英文全称 JavaScript Object Notation,JSON 是一种轻量级的数据交换格式。JSON是独立的语言 ,易于理解。 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。 作用 JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 。 JSON语法规则 数据为 键/值 对 数据由逗号分隔,最后一个不加逗号

CSS中的flex布局

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

es6开发常用技巧

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

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,因为在此系统上

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

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

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

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

企业微信桌面客户端,直接点击程序进入 web 项目主页并自动登录的实现过程,企业微信登录对接

企业微信桌面客户端,直接点击程序进入 web 项目主页并自动登录的实现过程 一、需求目前已经有一个vue 写的 web pc 应用布署在服务器上,能正常登录使用。 企业微信中创建一个应用,点击这个应用的时候,直接带着当前企业微信用户的信息,登录登录这个现有的系统,不需要输入密码什么的。 二、实现原理 后台先拉取企