网页开发

用来记录前端开发相关的基础知识和问题解决方案

HTML&CSS

参考文档

• MDN-HTML
• MDN-CSS

学习笔记

HTML

• 深入理解和应用 <input> 标签
• 深入理解和应用 <meter> 标签

CSS

实际应用

解决方案

• 解决第三方图片 403 问题

按钮

• 汉堡菜单按钮动画

加载动画

• 流体加载动画
• 四叶草加载动画

文字

• 文字聚光灯动画
• 文字描边动画
• 文字线条阴影

其他

• 美化滚动条
• 搜索框变形动画
• 跳动的点
• 线条图标描边动画

UI 库

IView UI

• 自定义 Iview 库 Table 组件样式

Element Plus

• 使用 startViewTransition 实现 Element Plus 主题切换效果

JavaScript

参考文档

MDN-JavaScript

学习笔记

• ??(空值合并操作符)与?.(可选链操作符)

实际应用

• 查看页面滚动节点
• 动态切换网页图标
• 使用 startViewTransition 实现 Element Plus 主题切换效果

Vue

参考文档

• Vue.js

学习笔记

Vue2

• Vuex

Vue3

实际应用

Vue2

• • 在 VS Code 中添加 Vue2 代码模板
• Vue2 ref 引用
• Vue2 动态切换网页标题

Vue3

• Vue3 的 reactive 赋值问题
• Vue3 在 render 函数中使用 slot