随笔分类 - 前端
摘要：提纲： GZIP是什么 如何启用gzip 什么时候应该启用gzip 1、gzip压缩是什么 gzip是一种文件压缩格式，它可以将文件压缩为较小的大小，以便更快地在网络上传输或存储在磁盘上。gzip压缩算法适用于文本类型的数据，通常用于压缩Web服务器上的静态资源文件，例如HTML，CSS，JavaS
阅读全文
摘要：export export 导出方式有两种，命名导出和默认导出。 命名导出还是默认导出都是都导出模块中内容的一种方式，可以混合使用。 个人理解：默认导出其实是导出了default别名变量。 一个模块只能有一个默认导出 不同的导出方式也对应了不同的导入方式 // 命名行内导出 export const
阅读全文
摘要：原文地址：https://blog.csdn.net/qq_39953537/article/details/110437554 vue3 中如何像 vue2 的 extend 一样挂载未挂载的组件，拿到标签本身（$el） 简介：最近在用 vue3 写个新项目，需要挂载自定义的组件，但是发现 vue
阅读全文
摘要：大屏项目通常只需要全屏显示，本文的方法是一种简便的实现方式，具体实现思路就是获取屏幕的尺寸，使用transform属性保持页面的适配，这样不管页面的缩放比例是什么样，页面的比例始终保持一致，这样我们在写代码的时候就直接根据设计稿尺寸使用px进行开发即可。 vue3代码如下： export funct
阅读全文
摘要：因为webgl代码是以字符串的形式嵌入在javascript代码中，这对于我们编写webgl代码的体验不友好，本文介绍如何搭建友好webgl编程环境： 需要安装的vscode插件 WebGL GLSL Editor：支持webgl代码高亮，语法提示等。 Shader languages suppor
阅读全文
摘要：
转载： 作者：小丞同学链接：https://www.zhihu.com/question/452543297/answer/2247177767来源：知乎 在前后端交互的过程中，经常会遇到跨域的问题，在我们使用 React 、Vue 这些脚手架来搭建项目时，我们可以很方便的通过配置代理来解决跨域的问
阅读全文
转载： 作者：小丞同学链接：https://www.zhihu.com/question/452543297/answer/2247177767来源：知乎 在前后端交互的过程中，经常会遇到跨域的问题，在我们使用 React 、Vue 这些脚手架来搭建项目时，我们可以很方便的通过配置代理来解决跨域的问
阅读全文
摘要：在使用vscode+volar开发vue3项目时，出现代码提示缓慢的问题。通过开启Volar Takeover *模式解决。 以下摘自Vue3官网 https://cn.vuejs.org/guide/typescript/overview.html#volar-takeover-mode 为了优化
阅读全文
摘要：一、什么是外边距合并 外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。 所谓的外边距合并就是，当两个垂直外边距相遇时，它们将形成一个外边距。合并的外边距的高度等于两个发生合并的外边距的高度中的较大者。 二、发生合并的三种情况及解决办法 1. 两个元素是兄弟关
阅读全文
摘要：参考： 《CSS权威指南》（第四版） flex布局教程-语法篇-阮一峰 1、Flex布局是什么 FlexBox，弹性盒布局，顾名思义，就是元素具有弹性，能根据可用空间大小增减尺寸。 2、基本概念 弹性盒：在任何元素上声明display:flex或display: inline-flex便激活弹性盒布
阅读全文
摘要：环境变量引入 通常去掉console为生产环境，即需要引入环境变量。具体请看这篇文章: vite项目初始化之~环境变量 注意 与webpacak相比，vite已经将这个功能内置到了，所以我们只需要配置vite.config.js文件即可，起作用的文件包括drop_console去掉console信息
阅读全文
摘要：引言 CSS3中的 Flexible Box，或者叫flexbox，是用于排列元素的一种布局模式。 顾名思义，弹性布局中的元素是有伸展和收缩自身的能力的。 相比于原来的布局方式，如float、position，根据盒子模型，就可以计算出元素的展示尺寸（长宽非百分比），除非溢出，否则不依赖于父容器的大
阅读全文
