M
U
S
I
- css布局2025-03-11 11:16:29
两栏布局
最终效果 - 左边宽度固定，右边⾃适应 HTML以下css均适用 - css布局2025-03-11 11:7:3
三栏布局
最终效果 - 两侧宽度固定，中间宽度自适应的三栏布局 流体布局 - css布局2025-03-11 10:37:10
Grid 布局
概念 -容器和项目 html - css布局2025-03-11 9:26:34
Grid 布局--实用
合并单元格 1. 通过area实现 :::demo - htmlhtml52025-03-11 9:19:43
cookie session Storage localStorage
cookie - 使用document.cookie获取和改变 :::demo - css基础2025-03-11 8:43:25
层叠顺序与堆栈上下文
层叠顺序（stacking level） :::dom html - htmlhtml52025-03-11 8:46:43
Canvas
初始化 1、创建画布并获取画布对象 html - css布局2025-03-10 8:39:31
flex 布局
容器属性 1.flex-direction：决定主轴的方向 > -row（默认值）：主轴为水平方向，起点在左端。 - css布局2025-03-10 8:38:45
flex 布局--实用
等高布局 效果：父元素的高由子元素决定，且每个子元素的高都是相同的 实现： - css基础2025-03-09 11:20:46
雪碧图
理念和优缺点 理念：将多个⼩图⽚拼接到⼀个图⽚中。通过background-position和元素尺⼨调节需要显示的背景图案。 优点： - css基础2025-03-09 8:58:31
盒模型
盒模型注意点 1.padding不能为负值，但margin可以为负值 2. 背景色会平铺到非margin区域 - css基础2025-03-09 6:10:2
float 浮动
浮动元素与常规流元素的关系 1. 常规流块级元素认为浮动元素不存在 :::demo - css基础2025-03-09 6:3:1
CSS 架构
BEM - block：块 - element：元素 - css基础2025-03-09 6:1:58
CSS 动画
@keyframes 和 animation 1. ·@keyframes· css - htmlhtml52025-03-09 5:59:8
Svg
属性 | 属性名 | 说明 | | --------------------- | ---------------- | - htmlhtml52025-03-09 5:45:11
Drag
拖放元素 - 默认情况下，图片、链接、选中文本是可拖动的 - 可以让除上面三种元素外的元素可拖动，添加draggable属性，并且设置值为true - html基础2025-03-03 11:46:10
title 和 alt
title - 当⿏标滑动到元素上的时候显示文字 :::demo - html基础2025-03-03 11:39:6
src 和 href
href -Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接 - 常用的有：link、a - html基础2025-03-03 11:30:41
Doctype
作用 -<!DOCTYPE>声明位于⽂档中的最前⾯，处于<html>标签之前。告知浏览器的解析器， ⽤什么⽂档类型规范来解析这个⽂档 -<!DOCTYPE>不存在或格式不正确会导致⽂档以混杂模式呈现 - web性能优化2025-03-01 12:19:49
重排重绘
重排（reflow） 1、概念 根据渲染树中每个渲染对象的信息，计算出各自渲染对象的几何信息（DOM对象的位置和尺寸大小），并将其安置在界面中的正确位置。 - web性能优化2025-03-01 12:16:47
性能分析
Network  - 知道各种资源的加载时间，分析哪些资源加载慢 - web解决方案2025-03-01 12:14:51
扫码登录
APP 认证机制 - 初次登录，会向服务端发送账号密码、设备信息（每台设备的信息都是唯一的） - 账号密码校验通过，服务端会把账号与设备进行一个绑定，进行持久化的保存 - web浏览器2025-03-01 12:8:50
跨域
>协议 + 域名 + 端⼝三者相同才为同源 前后端的跨域 Jsonp - web浏览器2025-03-01 12:7:42
浏览器缓存机制
强缓存 - 由两个字段控制： 1.HTTP1.0提供的Expires，值为⼀个绝对时间表示缓存新鲜⽇期 - web浏览器2025-03-01 12:5:49
提升SEO
使用合理的 title、description、keywords -title：页面的主题，应该为每个页面都创建一个唯一的主题 -description：概括总结网页内容 - web网络2025-02-28 11:45:5
输入URL_至页面显示的过程
网络过程 1. 输⼊ URL，浏览器解析 URL - 是合法的 URL，且自动补全前缀或后缀 - web网络2025-02-28 11:44:1
URI 和 URL
名称 -URI：统一资源标识符 -URL：统一资源定位符 - web网络2025-02-28 11:43:32
HTTPS
工作流程  1. 用户在浏览器发起HTTPS请求，默认使用服务端的443端口进行连接； - web网络2025-02-28 11:24:10
HTTP 优化
HTTP 1.1 的优化 1. 缓存处理 - HTTP1.0 中主要使用If-Modified-Since,Expires来做为缓存判断的标准 - web网络2025-02-27 10:29:57
Cookie 和 Session
区别 1.cookie数据存放在客户的浏览器上，session数据放在服务器上 2.cookie不是很安全，别人可以分析存放在本地的cookie并进行cookie欺骗
木厶 | kingmusi
类型归档
web
html
css
javascript
node
jquery
typescript
vue
react
echarts
electron
前端工程化
java
elastic
mysql
python
flutter
git
算法
部署
图形学
游戏