部署静态网站

一、部署静态网站(ubuntu)1.1 安装Nginx12345678# 更新软件包列表apt update -y# 安装Nginxapt install nginx -y# 验证安装是否成功nginx -v 1.2 配置Nginx 创建新的配置文件 12touch /etc/nginx/conf.d/web.cofvim /etc/nginx/conf.d/web.cof 12345678...
阅读全文

类 一、构造函数 Dart实现了多种类型的构造函数。 1.1 生成构造函数123456class Point { double x; double y; Point(this.x, this.y);} 1.2 默认构造函数 如果你不声明构造函数,Dart 会使用默认构造函数。默认构造函数是无参数且无名称的生成式构造函数。 1234class Point{ ...
阅读全文

CSS配置

一、使用Scss变量12345678// vite.config.jscss: { preprocessorOptions: { scss: { additionalData: `@import "@/style/variables.scss";` } }} 1$color: red; 1234567891...
阅读全文

函数

一、命名参数 命名参数是可选的,除非它们被明确标记required 1.1参数可选123456void enableFlags({bool? bold, bool? hidden}) {}enableFlags(bold: true, hidden: false); // true false enableFlags(bold:true); // tr...
阅读全文

运算符

1.算术运算符 运算符 含义 + 加法 - 减法 -expr 负数 * 乘法 / 除以 ~/ 除法,返回整数结果 % 取模 1234567print(2 + 3);print(2 - 3);print(-5);print(2 * 3);print(3 / 2);print(10 ~/ 3);print(10 % 3); 2.前缀和后缀运算...
阅读全文

变量

一、变量1.1 变量初始化1234567var name = 'Bob'; // name变量被推断成StringObject n1 = "Bob"; //不受单一变量限制dynamic n2 = 124;n2 = "Bob"; //编译器不会对 dynamic 变量进行任何成员访问或方法调用的校验 dynamic 和 var区...
阅读全文

节流

节流一、什么是节流? 节流是在一段时间间隔t中,多次触发相同的事件,事件只执行一次,并且执行的事件和下一次事件时间相隔t 二、场景2.1 鼠标移动,使用节流限制移动时间的触发频率,避免过多的计算个页面渲染2.2 滚动事件,用户触发滚动scroll事件,可以使用节流来减少执行次数1234567891011121314151617let fater = document.querySelector(...
阅读全文

防抖

防抖一、什么是防抖 在一定时间间隔内,多次触发相同事件,只执行最后一次触发事件。 二、场景2.1 疯狂点击一个按钮,我想时间只触发一次1234567891011const btn = document.querySelector(".btn")let timer = nullbtn.addEventListener("click", () => &#...
阅读全文

CSS选择器

选择器分类 * class id 元素 分组选择器(p , h1 , .cls p、h1和 .cls 的css一样) 空格 + > ~ 属性选择器 [attr=value] 伪类选择器 : hover 伪元素选择器 一、基础选择器 选择器 示例 描述 通用选择器 * 选择所有元素。 元素选择器 p 选择所有p元素。 类选择器 .intro 选择所有 class&...
阅读全文