代码笔记

存放一些代码笔记。

目录

• Electron

  • Electron mainWindow.restore() 失效问题
  • Electron 应用唤醒功能详解
  • Electron 打包太慢问题

• HTML&CSS

  • CSS BEM 命名规范
  • CSS clamp() 函数
  • Flex 内容被挤压的问题
  • grid 子元素被撑开问题
  • HTML5 input 标签
  • HTML5 meter 标签
  • 加载动画模版：四叶草
  • 加载动画模版：流体
  • 加载动画模版：跳动的点
  • 动画-主题切换按钮
  • 动画-列表入场
  • 动画-搜索框
  • 动画-线条图标描边
  • 动画-菜单按钮
  • 图片 403 问题
  • 图片懒加载
  • 子元素被选中时修改父元素样式
  • 按钮模版：btn-dark-1
  • 按钮模版：btn-dark-2
  • 按钮模版：btn-dark-3
  • 按钮模版：btn-light-1
  • 按钮模版：btn-light-2
  • 按钮模版：btn-light-3
  • 按钮模版：btn-light-4
  • 按钮模版：btn-light-5
  • 按钮模版：btn-light-6
  • 文本模版：文字描边
  • 文本模版：线条阴影
  • 文本模版：聚光灯
  • 美化滚动条
  • 自动高度过渡动画问题

• JavaScript

  • ??(空值合并操作符)与?.(可选链操作符)
  • forEach 中使用 async 问题
  • JavaScript注释规范
  • 使用 startViewTransition 实现主题切换效果
  • 判断用户是否离开了当前页面
  • 动态切换网页图标
  • 图片工具函数
  • 实现列表滚动效果
  • 实现锚点跳转效果
  • 封装 WebSocket
  • 数据工具函数
  • 数据类型工具函数
  • 文件工具函数
  • 日期时间工具函数
  • 查看页面滚动节点
  • 网络工具函数

• Markdown

  • Markdown Emoji
  • Markdown 基础语法
  • Markdown 拓展
  • Theme-hope 拓展

• Vue

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

• 组件库

  • AntV/X6
  • GSAP
  • Less

学习网站

• MDN Web Docs
• 网道