函数库JavaScriptTypeScriptVue系列React系列Node系列DevOps系列服务端移动端鸿蒙八股文文档项目

func-package

函数库, 面向复杂业务场景的 js 类库

函数库
JavaScript
TypeScript
Vue系列
React系列
Node系列
DevOps系列
服务端
移动端
鸿蒙
八股文
文档
项目

基础语法
- 词法语法
- 数据类型
- 类型检测
- 类型转换
- 字面量
- 数组初始化表达式
- 对象初始化表达式
- 属性访问器
- in-运算符
- instanceof-运算符
- delete-运算符
- typeof-运算符
- void-运算符
- 字符串运算符
- 算术运算符
- 更新表达式
- 赋值运算符
- 位运算移位运算符
- 逗号运算符
- 比较运算符
- 条件运算符
- 逻辑运算符
- 块语句
- 变量声明
- continue 语句
- if 语句
- break 语句
- return 语句
- switch 语句
- label 语句
- throw 语句
- try-catch 语句
- do...while 语句
- while 语句
- for 语句
- for...in 语句
- for...of 语句
设计思想与原则
全局对象 - 值属性
- Infinity
- NaN
- undefined
全局对象 - 函数属性
- eval
- isFinite
- isNaN
- parseFloat
- parseInt
- decodeURI
- decodeURIComponent
- encodeURI
- encodeURIComponent
内置对象 - Object
- Object
- Object.assign
- Object.create
- Object.defineProperties
- Object.defineProperty
- Object.entries
- Object.freeze
- Object.getOwnPropertyDescriptor
- Object.getOwnPropertyDescriptors
- Object.getOwnPropertyNames
- Object.getOwnPropertySymbols
- Object.getPrototypeOf
- Object.is
- Object.isExtensible
- Object.isFrozen
- Object.isSealed
- Object.keys
- Object.preventExtensions
- Object.seal
- Object.setPrototypeOf
- Object.values
- Object.prototype.hasOwnProperty
- Object.prototype.isPrototypeOf
- Object.prototype.prototypeIsEnumerable
- Object.prototype.toString
- Object.fromEntries
视窗尺寸位置
- Window 对象视图属性
- Screen 对象视图属性
- Element 文档元素视图属性
- 文档视图和元素视图
- 鼠标位置
内置对象 - Function
- Function
- Function.prototype.apply
- Function.prototype.call
- Function.prototype.bind
内置对象 - Symbol
- Symbol
- Symbol.hasInstance
- Symbol.isConcatSpreadable
- Symbol.iterator
- Symbol.match
- Symbol.replace
- Symbol.search
- Symbol.species
- Symbol.split
- Symbol.toPrimitive
- Symbol.toStringTag
- Symbol.unscopables
- Symbol.prototype.description
内置对象 - 其他基础对象
- Boolean
- Error
内置对象-数字和日期
- Date
- Math
- Number
String
- String
- String.fromCharCode
- String.fromCodePoint
- String.raw
- String.prototype.charAt
- String.prototype.charCodeAt
- String.prototype.codePointAt
- String.prototype.concat
- String.prototype.endsWith
- String.prototype.includes
- String.prototype.indexOf
- String.prototype.lastIndexOf
- String.prototype.localeCompare
- String.prototype.match
- String.prototype.matchAll
- String.prototype.normalize
- String.prototype.padEnd
- String.prototype.padStart
- String.prototype.repeat
- String.prototype.replace
- String.prototype.replaceAll
- String.prototype.search
- String.prototype.slice
- String.prototype.split
- String.prototype.startsWith
- String.prototype.substr
- String.prototype.substring
- String.prototype.toLowerCase
- String.prototype.toUpperCase
- String.prototype.trim
- String.prototype.trimEnd
- String.prototype.trimStart
RegExp
- RegExp
- RegExp 语法
- RegExp.prototype.exec
- RegExp.prototype.test
Array
- Array
- 数组检测
- Array.from
- Array.isArray
- Array.of
- Array.prototype.concat
- Array.prototype.includes
- Array.prototype.indexOf
- Array.prototype.join
- Array.prototype.lastIndexOf
- Array.prototype.slice
- Array.prototype.flat
- Array.prototype.flatMap
- Array.prototype.copyWithin
- Array.prototype.entries
- Array.prototype.every
- Array.prototype.filter
- Array.prototype.find
- Array.prototype.findIndex
- Array.prototype.forEach
- Array.prototype.keys
- Array.prototype.map
- Array.prototype.reduce
- Array.prototype.reduceRight
- Array.prototype.some
- Array.prototype.fill
- Array.prototype.pop
- Array.prototype.push
- Array.prototype.reverse
- Array.prototype.shift
- Array.prototype.sort
- Array.prototype.splice
- Array.prototype.unshift
- Typed Array
键值集合
- Map
- Set
- WeakMap
- WeakSet
结构化数据
- ArrayBuffer
- JSON
- JSON.parse
- JSON.stringify
控制抽象对象
- Iterator
- Promise
- Promise/A+ 规范
- Promise.all
- Promise.any
- Promise.race
- Promise.reject
- Promise.resolve
- Promise.allSettled
- Promise.prototype.then
- Promise.prototype.catch
- Promise.prototype.finally
- Generator
- Generator 函数的异步应用
- Generator.prototype.next
- Generator.prototype.return
- Generator.prototype.throw
Reflection
- Proxy
- Proxy - handler.get
- Proxy - handler.set
- Proxy - handler.has
- Proxy - handler.deleteProperty
- Proxy - handler.ownKeys
- Proxy - handler.getOwnPropertyDescriptor
- Proxy - handler.defineProperty
- Proxy - handler.preventExtensions
- Proxy - handler.getPrototypeOf
- Proxy - handler.isExtensions
- Proxy - handler.setPrototypeOf
- Proxy - handler.apply
- Proxy - handler.construct
- Proxy - revocable
- Reflect
编译阶段
- 编译阶段
- 词法作用域
- 函数作用域
- 块作用域
- 声明提升
- 闭包
执行阶段
- 执行上下文
- 变量对象
- 作用域链
- 当前执行上下文 this
内存管理
- 内存模型
- 内存生命周期
- 垃圾回收
并发模型
- 并发模型
- 事件循环
- 定时器机制
函数声明
- 函数声明定义
- 箭头函数
- 异步函数
函数参数
- 函数参数
- 默认参数
- 剩余参数
函数调用
- 方法调用模式
- 函数调用模式
- 构造函数调用模式
- 间接调用模式
函数内部
- 函数存取器
- 函数原型对象方法
- 函数原型对象属性
函数类型
- 构造函数
- 类构造函数
- 惰性函数
- 级联函数
- 回调函数
- 高阶函数
- 函数柯里化
- 函数节流
- 函数防抖
- 函数记忆
- 函数睡眠
- 偏函数
模块化
- 模块化
- 模块导入 import
- 模块导出 export
- 模块导入/导出的复合写法
- 模块继承
- 跨模块常量
- 动态加载
面向对象编程
- 目录
- 简介
理解对象
- 对象类型
- 属性操作
- 对象属性描述符
- 对象状态
创建对象
- 工厂模式
- 构造函数模式
- 原型模式
- 组合使用构造函数模式和原型模式
- 动态原型模式
- 寄生构造函数模式
- 稳妥构造函数模式
继承
- 原型链
- 借用构造函数
- 组合继承
- 原型式继承
- 寄生式继承
- 寄生组合式继承
类
- 类的基本语法
- 类的继承
- 私有成员
- 静态成员
全局对象
- Window 对象
- Location 对象
- History 对象
- Screen 对象
- Navigator 对象
全局 API
- setTimeout
- setInterval
- 对话框 API
- requestAnimationFrame
- requestIdleCallback
- getComputedStyle
- 页面生命周期方法
二进制数据和文件 API
- 文件应用
- Base64
- Blob API
- File API
- FileList API
- FileReader API
- FileReaderSync API
- FormData API
- DataTransfer API
- URL API
数据通信 API
- PostMessage
- XHMLHttpRequest API
- Fetch API
- Beacon API
- WebSocket
- EventSource
- Server-sent Events
- WebRTC
- Progress Event
离线与存储 API
- 浏览器缓存机制
- HTTP Cache
- Cookie
- Web Storage
- Web Workers
- Service Worker
- IndexedDB
性能 API
- Performance API
- Performance Resource Timing API
- Performance Navifation API
- 性能时间线
设备 API
- 地理定位 Geolocation API
- 摄录设备
- 位置信息 Position API
监视 API
- IntersectionObserver API
- MutationObserver API
集成 API
- 全屏 Fullscreen API
浏览器工作原理
- 浏览器架构
- 渲染进程的内部机制
- 构建对象模型
- 脚本异步加载
- 渲染树构建
- 布局
- 绘制
- 合并
- 浏览器事件处理
Node
- Node
- Node 属性
- Node 方法
Document
- Document
- Document 属性
- Document 方法
- DocumentFragment
Element
- Element
- Element 属性
- Element 方法
- HTMLElement
- HTMLImageElement
- HTMLIFrameElement
- HTMLMediaElement
- HTMLAudioElement
- HTMLVideoElement
- HTMLTextAreaElement
动态集合
- NodeList
- NamedNodeMap
- HTMLCollection
- DOMTokenList
DOM 事件流
- 事件流
- 事件处理程序
- 事件对象
- 事件委托
CSSOM
- CSSstyleSheet
- CSSStyleDeclaration
事件类型
- 事件类型
- 资源事件
- 网络事件
- 焦点事件
- WebSocket 事件
- 会话历史事件
- CSS 动画事件
- CSS 过渡事件
- 表单事件
- 打印事件
- 文本写作事件
- 视图事件
- 剪贴板事件
- 键盘事件
- 指针事件
- 鼠标事件 MouseEvent
- 拖拽事件
- 媒体事件
- 进度条事件
- 存储事件
- 更新事件
- 值变化事件
- 未分类事件
- 自定义事件 CustomEvent
- 触控事件
- 设备事件
- 用户界面事件
文档对象模型
- AudioBuffer
- 文档对象模型
- AudioNode
- 节点层次
- AudioTrack
- EventTarget
- 全局属性
- DOMRect
- AudioContext
- VideoContext
创建型
- 工厂方法模式
- 抽象工厂模式
- 原型模式
- 单例模式
结构型
- 适配器模式
- 桥接模式
- 组合模式
- 装饰者模式
- 外观模式
- 享元模式
- 代理模式
行为型
- 模版方法模式
- 观察者模式
- 状态模式
- 策略模式
- 职责链模式
- 命令模式
- 访问者模式
- 中介者模式
- 备忘录模式
- 迭代器模式
- 解释器模式
杂记
- Array.prototype.at
- Object.hasOwn
- WeakMap和Map的区别
- decorator装饰器
- 判断两个对象是否一致Objectis
- 简单总结介绍下 Set、Map、WeakSet 和 WeakMap 的区别？
- ES11-bigInt
- ES11-matchAll
- string有关es6
- es module的特点
- require加载原理
- require 和import 的区别？
- E14-with
- JavaScript中事件捕获和事件冒泡以及如何阻止冒泡事件和默认事件

最佳实践
修改 Image 实例的宽高

HTMLImageElement

最佳实践

修改 Image 实例的宽高

http://f2ex.cn/use-javascript-and-canvas-to-resize-the-image/

2024/10/9 01:28:30