导图社区 JS-技术标准体系
JavaScript技术标准体系以ECMAScript为核心,定义了语言的基本语法、数据类型、对象等。同时,DOM和BOM标准分别规范了JS与网页和浏览器的交互方式。
这是一篇关于电商主要功能架构的思维导图,详细罗列了电商系统首页、交易物流、互动信息、信息列表、我的资产等主要功能模块,以及各模块下细分的功能点。
年度总结模板:销售冠军客户开发转化率分析年度总结模板:销售冠军客户开发转化率分析年度总结模板:销售冠军客户开发转化率分析
年度总结模板:UI设计师作品集复盘升级攻略,涵盖了UI设计师在作品集复盘和升级过程中的各个关键环节,旨在帮助设计师系统提升作品集质量,促进个人职业发展。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
JS-技术标准体系
ECMAScript标准
定义语言基础
语法
变量声明
数据类型
运算符
语句和流程控制
条件语句
循环语句
函数
函数声明
函数表达式
箭头函数
版本更新
ES5
严格模式
JSON支持
数组方法扩展
ES6ES2015
模块化
类和继承
后续版本
ES2016及以后
异步编程
新的数据结构
DOM操作标准
文档结构
节点类型
元素节点
文本节点
节点关系
父子关系
兄弟关系
DOM操作API
获取节点
getElementById
querySelector
修改节点
innerHTML
textContent
事件处理
addEventListener
removeEventListener
BOM标准
窗口操作
窗口大小
resizeTo
resizeBy
窗口位置
moveTo
moveBy
导航对象
location对象
href属性
reload方法
history对象
back方法
forward方法
定时器
setTimeout
延迟执行
setInterval
周期性执行
事件模型
事件流
捕获阶段
目标阶段
冒泡阶段
事件类型
鼠标事件
click
mouseover
键盘事件
keydown
keyup
事件监听
事件委托
利用冒泡原理
事件对象
event.preventDefault
event.stopPropagation
网络请求标准
XMLHttpRequest
创建请求
new XMLHttpRequest
配置请求
open方法
发送请求
send方法
响应处理
onreadystatechange事件
Fetch API
发起请求
fetch函数
then方法
catch方法
请求配置
headers
method
body
模块化标准
CommonJS
模块定义
module.exports
模块加载
require函数
ES6模块
导入导出
import
export
动态导入
import(
模块打包工具
Webpack
配置文件
加载器
Rollup
树摇优化
ES6模块支持
异步编程标准
Promise对象
创建Promise
new Promise
状态转换
pending
fulfilled
rejected
链式调用
async/await
声明异步函数
async关键字
等待Promise
await关键字
错误处理
try/catch结构
安全性标准
内容安全策略(CSP
定义策略
Content-Security-Policy头
限制资源加载
限制脚本来源
限制图片来源
跨站脚本攻击(XSS
输入验证
过滤用户输入
输出编码
HTML实体编码
使用CSP
限制脚本执行
跨站请求伪造(CSRF
验证请求来源
检查Referer头
使用CSRF令牌
生成一次性令牌
限制Cookie作用域
SameSite属性
性能优化标准
代码分割
动态import
按需加载模块
分割点
手动分割代码块
懒加载
图片懒加载
Intersection Observer API
组件懒加载
React.lazy
缓存策略
Service Worker
离线缓存
缓存更新策略
HTTP缓存
强缓存
协商缓存
测试标准
单元测试
测试框架
Jest
Mocha
断言库
Chai
Sinon
集成测试
测试工具
Cypress
Puppeteer
端到端测试
模拟用户操作
测试应用流程
测试驱动开发(TDD
编写测试用例
红绿重构循环
持续集成
CI/CD流程
自动化测试执行
兼容性标准
Polyfills
功能检测
检测浏览器支持
功能填充
提供替代实现
特性检测库
Modernizr
检测HTML5/CSS3特性
Can I Use
查询特性支持情况
转译工具
Babel
转译ES6+代码
TypeScript
添加静态类型检查
开发工具和环境
包管理器
npm
包安装与管理
yarn
快速依赖安装
构建工具
Gulp
自动化任务运行
Grunt
任务配置与执行
版本控制
Git
代码版本管理
GitHub
代码托管与协作
开发服务器
Webpack Dev Server
热模块替换
BrowserSync
多设备同步预览
调试工具
浏览器开发者工具
断点调试
网络请求监控
IDE内置调试
Visual Studio Code
WebStorm
代码质量工具
ESLint
代码风格检查
Prettier
代码格式化
JSHint/JSLint
代码质量检测
前端框架和库
React
组件化开发
JSX语法
虚拟DOM
状态管理
Redux
Context API
Vue
双向数据绑定
v-model指令
组件系统
单文件组件
路由管理
Vue Router
Angular
模块化结构
NgModules
依赖注入
服务与依赖
表单处理
响应式表单
模板驱动表单
框架选型原则
项目需求
功能复杂度
团队熟悉度
社区支持
文档完善度
社区活跃度
性能考量
渲染效率
资源占用