Skip to content

Main Navigation

✨ 前端工程化

✨ 前端面试

✨ flutter 面试题

✨ 项目笔记

✨ 前端编程语言

✨ 后端编程语言

✨ 网站收藏

✨ 常用知识与工具

✨ 英语学习

主题

Sidebar Navigation

🗂️ Web

📜 1 网络

📜 HTTP

📜 HTTP1.1

📜 HTTPS

📜 HTTP优化

📜 Cookie和Session

📜 TCP和UDP

📜 URI和URL

📜 输入URL_至页面显示的过程

📜 2 安全

📜 CSRF攻击

📜 JSON Web Token

📜 sql注入

📜 XSS攻击

📜 3 浏览器

📜 浏览器内核

📜 浏览器缓存机制

📜 浏览器的进程和线程

📜 跨域

📜 提升SEO

📜 4 解决方案

📜 扫码登录

📜 优化大量图片加载

📜 5 性能优化

📜 静态资源优化

📜 性能分析

📜 运行时优化

📜 重排重绘

📜 资源请求优化

🗂️ HTML

📜 1 基础

📜 Doctype

📜 src和href

📜 title和alt

📜 og标签的参数说明

📜 2 HTML5

📜 标签

📜 cookie session Storage localStorage

📜 Audio和Video

📜 Svg

📜 Canvas

📜 Drag

📜 WebSocket

📜 WebWorker

📜 离线缓存manifest

🗂️ CSS

📜 1 基础

📜 BFC

📜 CSS动画

📜 CSS架构

📜 display float position

📜 float浮动

📜 层叠顺序与堆栈上下文

📜 盒模型

📜 块级元素和行内元素

📜 雪碧图

📜 引入外部CSS

📜 元素不可见

📜 2 布局

📜 响应式布局

📜 移动端布局

📜 flex 布局

📜 flex 布局实用

📜 Grid 布局

📜 Grid 布局实用

📜 两栏布局

📜 三栏布局

📜 3 实用

📜 初始化 CSS

📜 换肤

📜 文本省略号

📜 消除 inline-block 间隙

📜 修改svg图片颜色

📜 自定义字体

📜 4 CSS揭秘

📜 半透明边框

📜 多重边框

📜 灵活的背景定位

📜 边框内圆角

📜 条纹背景

📜 复杂的背景图案

📜 连续的图像边框

📜 自适应的椭圆

📜 平行四边形

📜 菱形图片

📜 切角效果

📜 梯形标签页

📜 简单的饼图

📜 单侧投影

📜 不规则投影

📜 染色效果

📜 毛玻璃效果

📜 折角效果

📜 连字符断行

📜 插入换行

📜 文本行的斑马线条

📜 华丽的 & 符号

📜 自定义下划线

📜 现实中的文字效果

📜 环形文字

📜 选用合适的鼠标光标

📜 扩大可点击区域

📜 自定义复选框

📜 通过阴影（模糊）来弱化背景

📜 滚动提示

📜 交互式的图片对比控件

📜 自适应内部元素

📜 精确控制表格列宽

📜 根据兄弟元素的数量来设置样式

📜 满幅的背景，定宽的内容

📜 垂直居中

📜 紧贴底部的页脚

📜 缓动效果

📜 逐帧动画

📜 闪烁效果

📜 打字动画

📜 状态平滑的动画

📜 沿环形路径平移的动画

📜 5 CSS选择器

📜 选择符

📜 伪类

📜 树结构伪类

📜 属性选择器

📜 选择器优先级

📜 逻辑选择器

📜 数学函数

📜 6 奇妙属性

📜 @property

📜 mask

📜 7 Sass

📜 Sass基础用法

📜 8 Less

📜 Less基础用法

🗂️ JavaScript

📜 1 基础

📜 script标签

📜 语法

📜 var let const

📜 typeof 和 instanceof

📜 Undefined 类型

📜 Null 类型

📜 Boolean 类型

📜 Number 类型

📜 String 类型

📜 Symbol 类型

📜 Object 类型

📜 BigInt 类型

📜 操作符

📜 隐式转换

📜 原始值和引用值

📜 执行上下文与作用域

📜 垃圾回收

📜 Date

📜 RegExp

📜 原始值包装类型

📜 Global 单例内置对象

📜 Math 单例内置对象

📜 Array

📜 Map

📜 WeakMap

📜 Set

📜 WeakSet

📜 迭代器与生成器

📜 Object 属性

📜 Object 构造函数方法

📜 Object 语法增强和解构

📜 Object 创建

📜 原型和继承

📜 class 类

📜 this

📜 可选链和空值合并运算符

📜 proxy 代理与反射

📜 Function 函数

📜 apply call bind

📜 闭包

📜 私有变量

📜 扩展运算符和 rest

📜 event loop 事件循环机制

📜 Promise 期约

📜 async await

📜 BOM

📜 DOM 节点

📜 DOM Document 类型

📜 DOM Element 类型

📜 DOM Text 和 Comment 类型

📜 动态脚本和动态样式

📜 MutationObserver 监听节点变化

📜 Intersection Observer

📜 操控样式

📜 元素尺寸

📜 DOM 深度优先遍历

📜 事件流

📜 事件处理程序

📜 事件对象

📜 UI 和焦点事件

📜 鼠标和滚轮事件

📜 键盘与输入事件

📜 HTML5 事件

📜 设备和触摸事件

📜 模拟事件

📜 requestAnimationFrame & requestIdleCallback

📜 canvas

📜 表单基础

📜 文本框编程

📜 选择框编程

📜 富文本编辑器

📜 File API 与 Blob API

📜 Notifications API

📜 Page Visibility API

📜 Streams API

📜 Perfromance API

📜 HTML 模板

📜 影子 DOM

📜 自定义元素

📜 MessageChannel和BroadcastChannel

📜 JSON

📜 XMLHttpRequest

📜 Fetch API

📜 模块语法

📜 CommonJs 与 ES6 Module 的差异

📜 2 设计模式

📜 单例模式

📜 发布订阅模式

📜 工厂模式

📜 策略模式

📜 装饰器模式

📜 观察者模式

📜 适配器模式

📜 3 手写实现

📜 JSONP

📜 Promise API

📜 apply call bind

📜 flat

📜 instanceof

📜 new

📜 trim

📜 数组去重

📜 柯里化

📜 深拷贝

📜 防抖和节流

📜 4 场景题

📜 映射 URL 参数

📜 模拟红绿灯

📜 请求-丢弃旧时序的请求

📜 请求-并发请求

📜 通过 value 找 key

📜 闭包题

📜 5 移动端

📜 touch 事件

📜 visualViewport

📜 像素

📜 移动端布局

📜 视口 Viewport

📜 6 实用

📜 Proxy实现英文字母升降序

📜 better-scroll 滚动组件

📜 区别数组和对象

📜 图片懒加载

📜 按首字母排序的列表

📜 控制粘贴板

🗂️ Jquery

📜 1 基础

📜 获取元素

📜 操作 dom

📜 事件

📜 动画

📜 工具方法

🗂️ Vue

📜 1 环境

📜 安装

📜 自定义环境变量

📜 2 基础（2.x）

📜 data

📜 keep-alive

📜 nextTick

📜 props和sync

📜 ref

📜 v-for和v-if

📜 事件绑定

📜 动态组件

📜 动画

📜 循环渲染

📜 插槽 slot

📜 条件渲染

📜 样式绑定

📜 模板语法

📜 生命周期

📜 组件通讯

📜 自定义指令

📜 表单绑定

📜 计算属性和监听器

📜 3 基础（3.x）

📜 Composition API

📜 Script setup

📜 Suspense

📜 Teleport

📜 sync 语法糖

📜 vue3的升级点

📜 常用动画

📜 生命周期

📜 4 router

📜 vue-router 3

📜 vue-router 4

📜 5 vuex

📜 pinia

📜 vuex

📜 vuex4

📜 刷新不丢失 vuex

📜 6 底层

📜 MVVM

📜 双向绑定

📜 响应式

📜 模板编译

📜 渲染过程

📜 虚拟DOM和diff算法

📜 7 应用

📜 权限管理

🗂️ React

📜 1 环境

📜 安装

📜 自定义环境变量

📜 2 基础

📜 JSX

📜 SCU

📜 ref

📜 不可变数据 setState

📜 事件

📜 动画

📜 异步组件

📜 插槽

📜 条件

📜 生命周期

📜 组件公共逻辑抽离

📜 组件通讯

📜 表单

📜 逃离组件 portals

📜 3 hooks

📜 hooks

📜 react-query

📜 useClickOutSide —— 点击外面

📜 useDebounce —— 防抖

📜 useURLQueryParam —— 输入框值与search绑定

📜 4 router

📜 react-router-com 6

📜 react-router-dom hooks

📜 react-router-dom

📜 5 redux

📜 react-redux

📜 redux 与 hooks

📜 redux-persist

📜 redux-thunk

📜 redux-toolkit

📜 redux

📜 6 底层

📜 JSX本质

📜 setState 原理

📜 合成事件

📜 7 实用

📜 CSS-in-JS

📜 字体库

📜 数组优化为哈希表

📜 组件的子元素只能是规定的元素

🗂️ TypeScript

📜 1 环境

📜 环境

📜 config

📜 2 基础

📜 01 原始类型和特殊类型

📜 02 字面量和类型拓宽

📜 03 interface 和 type

📜 04 数组和元组

📜 05 class（类）

📜 06 函数和重载

📜 07 联合类型和交叉类型

📜 08 泛型

📜 09 类型推断和类型断言

📜 10 匹配提取

📜 11 重新构造

📜 12 递归循环

📜 13数组长度做计数

📜 14 特殊特性

📜 15 内置高级类型

📜 16 inter extends

📜 17 协变和逆变

🗂️ Flutter

📜 1 环境

📜 运行环境

📜 创建及运行项目

📜 静态资源

📜 第三方库

📜 2 Dart

📜 List

📜 Map

📜 Number

📜 Set

📜 String

📜 URI

📜 dynamic var object

📜 函数

📜 变量

📜 库

📜 异步

📜 流程控制语句

📜 类

📜 运算符

📜 3 基础

📜 1 Widget

📜 2 StatelessWidget & StatefulWidget

📜 3 State生命周期

📜 4 状态管理

📜 5 路由

📜 4 基础组件

📜 Button

📜 Text

📜 单选开关和复选框

📜 图片及ICON

📜 表单

📜 输入框

📜 进度指示器

📜 5 布局组件

📜 1 布局约束

📜 2 线性布局(Row & Column)

📜 3 弹性布局(Flex)

📜 4 流式布局(Wrap & Flow)

📜 5 层叠布局(Stack & Positioned)

📜 6 绝对定位(Align)

📜 7 LayoutBuilder & AfterLayout

📜 6 容器类组件

📜 Container

📜 Scaffold

📜 变换-Transform

📜 空间适配-FittedBox

📜 裁剪-Clip

📜 装饰-DecoratedBox

📜 7 可滚动组件

📜 SingleChildScrollView

📜 通用属性

📜 8 flutter开发专题

📜 flutter 代码编写建议

📜 flutter 常用命令

📜 flutter 常用 widget 参数说明

📜 flutter 常用 widget 简单说明

📜 flutter常用代码片段

📜 flutter 打包

📜 flutter 生命周期

📜 getx 实现换肤、多语言、api请求、路由封装等多功能脚手架

📜 BoxDecoration 装饰效果

📜 Flutter小数取整&小数点后保留n位

📜 使用part、part of、library拆分库

📜 Flutter中的abstract、implements、extends、mixin关键字

📜 盘点主流 Flutter 状态管理库

📜 Sliver 多种滚动组合开发指南

📜 Autocomplete 自动完成

📜 TextField 点击空白处丢失焦点

📜 AnimatedList 列表动画

📜 appBar 顶部只留状态栏

📜 图片文件转成base64

📜 EventBus 页面通讯事件总线

📜 9 常用package及功能组件

📜 Logger【终端输出带颜色】

📜 getx

📜 flutter_screenutil 屏幕适配

📜 PopScope控制返回按键

📜 animations-从点击处打开页面

📜 TextButtonFull 文本长按钮

📜 image_picker选择图片

📜 getwidget UI库

📜 awesome_dialog 动画弹窗组件

📜 Shimmer 骨架屏、加载页效果

📜 flutter_inappwebview【webview】

📜 leak_detector 内存泄漏检测工具

📜 flutter优秀插件链接

📜 自动无缝向上滚动

📜 flutter_native_splash 启动屏幕

📜 easy_refresh 下拉刷新上拉加载

📜 scroll_loop_auto_scroll 循环自动滚动

📜 Textfield 自用封装

📜 Image my_image 自用封装

📜 syncfusion ui widget

📜 K线图 f_b_kline

📜 10 开发的问题及解决

📜 flutter卡在Running Gradle task 'assembleDebug'

📜 Flutter for Web遇到的一些问题

🗂️ 前端工程化

📜 1 npm

📜 npm模块安装机制

📜 npm脚本

📜 2 babel

📜 babel7 实践

📜 工作原理

📜 生态

📜 3 Vite

📜 css

📜 gzip-打包

📜 vite config 常见配置

📜 环境

📜 静态资源

📜 4 webpack

📜 css环境

📜 js&ts环境

📜 loader

📜 loader和plugin的区别及编写

📜 plugin

📜 splitChunks

📜 webpack-模块联邦

📜 代码压缩

📜 优化性能

📜 图片

📜 性能分析工具

📜 提高构建速度

📜 构建性能--并行

📜 构建性能--持久化缓存

📜 热更新

📜 5 Browserslist

📜 基础

📜 6 qiankun

📜 隔离原理

📜 7 代码提交规范

📜 husky&lint-staged

🗂️ Echarts

📜 1 基础

📜 基础

📜 仪表盘

📜 折线图

📜 散点图

📜 柱状图

📜 雷达图

📜 饼图

🗂️ Electron

📜 1 环境

📜 基本安装

📜 集合 react

📜 2 基础

📜 Dialog

📜 原生菜单

📜 右键菜单

📜 进程

页面导航

Table of Contents for current page

src 和 href

区别

src ⽤于替换当前元素
href ⽤于在当前⽂档和引⽤资源之间确⽴联系

← 📜 Doctype

→ 📜 title和alt

Copyright © 2021-2024 hongyangwu