分类前端 下共有文章46篇
-
css中的box-sizing
13 天前 box-sizing 是一个非常重要的 CSS 属性，它决定了浏览器如何计算一个元素的总宽度和高度。默认情况下（box-sizing: content-box）：当你设置一个元素的宽度和高度时，实际的总尺寸还要加上 padding 和 border例如：如果你设置 width: 100px; padding: 10px; border: 5px solid black;实际总宽度 = 100px + (10px × 2) + (5px × 2) = 130px使用 box-sizing: border-box：设置的宽度和高度就是元素的最终尺寸padding 和 border 的尺寸会被... -
Vite代理服务后台获取真实IP
-
Vite的代理服务器配置
31 天前 配置 Vite 的代理服务器。需要修改 vite.config.ts 文件：import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': fileURLToPath(new URL(... -
npm镜像设置阿里云镜像
-
老项目digital envelope routines::unsupported报错解决
2024-07-22 以前的几个老项目，再升级Node后启动报错，错误信息如下：Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:79:19) at Object.createHash (node:crypto:139:10) at module.exports (F:\ProCode\FundManagement-Admin\node_modules\webpack\lib\util\createHash.js:135:53) ... -
Nginx搭建HTTP文件服务器实现文件的下载
-
让网站瞬间变灰
2022-12-08 如遇到国家公祭日、全国哀悼日 类似的日子，为了表达哀思缅怀逝者，各大网站“蒙上黑纱”变成灰白色下面是让网站瞬间变成灰白色的CSS代码：html { -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); filter:progid:DXImageTr... -
[VUE]"TypeError: Cannot read property 'validate' of undefined"
-
如何去掉vue路径中的“#”号
2022-04-11 如何去掉vue路径中的“#”号我们在vue项目中使用vue-router时，路径中会有 # 号，这样看着也不舒服（例如“http://localhost:3000/#/”）。其实是因为路由有两种模式 hash 和 history，我们平时直接使用的是默认的hash，所以路径会有 # 号，因此我们只需要修改成 history 就可以了，如下图： 接下来就改了下vue-router的模式export default new Router({ mode: 'history', routes: [ ... ] })改成‘history’模式，‘#’就去掉了，很开心。然而打完... -
ES6之变量的解构赋值(Destructuring)
2022-02-04 ES6中解构赋值主要分为6类，分别为 数组解构赋值 、对象解构赋值 、字符串解构赋值 、数值和布尔值解构赋值 、函数参数解构赋值 。什么是解构？在ES6中允许按照一定的模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构(Destructuring)数组解构赋值数组的解构赋值时，等号的右边必须是数组，否则将会报错。只要数据结构具有Iterator借口，则都可以采用数组形式的解构赋值。let [a, b, c] = [1, 2, 3]; a // 1 b // 2 c // 3这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些常见的解构例子... -
ES6标准入门之const命令
2021-03-09 const声明一个只读的常量，一旦声明，常量的值就不能改变const P = 90; console.log(P); P = 88; // Uncaught TypeError: Assignment to constant variable.const声明的变量值不可改变，就意味着const一旦声明就必须立即初始化：const P; // Uncaught SyntaxError: Missing initializer in const declarationconst只声明不赋值就会报错const和let的作用域相同，只在声明所在的块级作用域内有效：if (true) { co... -
JavaScript 总结归纳图
