前端学习笔记

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

模块化演变进程

浏览 25 扫码 分享 2025-02-09 08:45:47
  • Stage 1-文件划分方式
  • Stage 2-命名空间方式
  • 模块化演变进程 - 图1">Stage 3 - IIFE模块化演变进程 - 图2模块化演变进程 - 图3

    Stage 1-文件划分方式

    ·污染全局作用域

    ·命名冲突问题

    ·无法管理模块依赖关系

    模块化演变进程 - 图4

    Stage 2-命名空间方式

    模块化演变进程 - 图5

    模块化演变进程 - 图6

    Stage 3 - IIFE模块化演变进程 - 图7模块化演变进程 - 图8

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 前端学习笔记
      • 每日学习记录
        • day110
        • day109
        • day108
        • day107
        • day106
        • day105
        • day104
        • TS
          • day103
          • day102
          • day101
          • day100
        • day68
        • day67
        • day66
        • day65
        • day64
        • day62
        • day61
        • day60
        • day59
        • day58
        • day57
        • day54day55
        • day28
        • day26day27
        • day22day23day24day25
        • day18day19day20day21
        • day15day16day17
        • day12 13 14王者荣耀 day10 网易云 day17 day28 29
        • day9day10day11day12
        • day7day8
        • day3day4day5day6
        • day1day2
      • 刷题记录
        • CSS
        • HTML
      • 数据结构与算法
        • 验证二叉搜索树
        • 二叉搜索树
        • 二叉树的层序遍历
        • 二叉树的最大深度
        • 二叉树的前序遍历
        • 二叉树的遍历
        • 树与二叉树
        • 环路检测实现
        • 环路检测分析
        • 递归反转链表
        • 反转链表
        • 链表的多种形式
        • 后续功能
        • addAtTail
        • 实现分析
        • 链表的概念
        • 滑动窗口最大值
        • 队列的最大值
        • 双端队列
        • 队列的实现-基于对象
        • 队列的实现-基于数组
        • 队列的概念
        • 每日温度
        • 利用内置方法实现题目
        • 包含 min 函数的栈
        • 栈的实现
        • 栈的概念
      • Node.js 项目
        • 文章页功能
        • 文章数据处理
        • 分类数据处理
        • 首页与文章页布局
        • 公共区域布局
        • 模板处理
        • VSCode插件
        • 去除未使用样式
        • TailwindCSS
        • 模板引擎与路由处理
        • 前台功能准备
        • 删除用户接口改进
        • 编辑文章接口
        • 删除文章接口
        • 获取指定文章接口
        • 获取所有文章接口
        • 添加文章接口
        • 删除分类接口
        • 编辑分类接口
        • 获取分类接口
        • 添加分类接口
        • 删除用户接口
        • 编辑用户接口
        • 获取用户接口
        • 接口鉴权于中间件设置
        • 基于 jwt 的 Token 认证
        • 登录接口
        • 密码加密处理
        • 用户注册接口
        • 错误处理中间件
        • 其他控制器
        • 用户控制器
        • ObjectId类型检测
        • 文章数据模块
        • 分类数据模块
        • 自定义错误提示
        • 封装校验中间件
        • 用户数据校验
        • 用户数据模块
        • 数据模块
        • 文章模块
        • 分类模块
        • 登录模块
        • 用户模块
        • 路由模块
        • 基础中间件
        • 通过 GIT 管理项目
        • 基础代码与配置文件
        • 项目简介
      • MongoDB教程
        • 基础
          • MongoDB 配置
          • 使用 mongoose 操作 MongoDB
          • MongoDB 数据库结合 Web 服务
          • 在Node中操作MongoDB-连接MongoDB
          • 基础操作（CRUD）
            • 删除文档
            • 更新文档
            • 查询文档
            • 创建文档
            • 基础操作（CRUD）
          • MongoDB 基础概念
          • mongo Shell
          • 安装 MongoDB
            • 在 Windows 中安装 MongoDB
            • 在 macOS 中安装 MongoDB
            • 在 Linux 中安装 MongoDB
            • 安装 MongoDB
          • MongoDB 简介
          • NoSQL 简介
      • Flappy Bird 微信小游戏
        • 游戏结束和计分板
        • 分数计算
        • 场景管理
        • 鸟和管子碰撞检测
        • Bird 小鸟类
        • Pipe 管子类
        • Background 类和帧率
        • 图片资源加载
        • Main 类和 Databus 类
        • 项目初始化
        • 微信小游戏开发方法
        • Flappy Bird 游戏业务分析
      • canvas 画布基础
        • canvas 中的运动方法
        • canvas 绘制图片
        • canvas 状态的保存和恢复
        • canvas 变形
        • canvas 绘制文本
        • canvas 绘制弧形或圆形
        • canvas 绘制矩形
        • canvas 绘制路径
        • canvas 绘制图形
        • Canvas的基本用法
        • canvas 简介
      • 柔宇星球实战项目
        • H5 端相关兼容性开发及打包发布
        • UGC 动态发布功能实现
        • 评论组件评论功能实现
        • 使用 mixins 实现动态点赞、取消点赞功能
        • 用户设置页面基础功能实现
        • 个人中心页面基础功能实现
        • Vuex + Storage 登陆状态管理
        • 用户登录注册
        • 评论组件
        • 富文本解析
        • 分包构建
        • 动态瀑布流页面布局
        • 下拉刷新与上拉加载
        • 动态设置推荐资讯位置
        • 设置动态轮播高度
        • 推荐瀑布流
        • 推荐资讯平滑切换
        • 请求拦截与 API 集中管理
        • 首页轮播布局
        • 项目介绍及基础页面构建
        • 项目准备
      • uniapp
        • 运行环境判断与跨端兼容
        • UniAPP Vuex 状态管理
        • UniAPP 自定义组件与通信
        • UniAPP 常用 API 简介
        • UniAPP 常用组件简介
        • UniAPP 路由配置及页面跳转
        • UniAPP 生命周期
        • UniAPP 初始化相关配置
        • UniAPP介绍
      • 小程序开发
        • 发布小程序
        • 项目实践
          • 高德地图
            • 路径规划
            • 查找周围兴趣点(POI)
            • 输入提示
            • 微信小程序中接入高德地图
            • 高德地图的微信小程序 SDK
            • 申请高德地图开发者
          • 天气
            • 功能组合：模板+移动端 API
            • 功能组合：数据接口+项目界面
            • 项目界面
            • 数据接口
              • 调用接口
              • 调试接口
              • 申请接口
        • 解读初始化项目
          • logs页面
          • index 页面
          • 云API
          • app代码
          • 生命周期
          • 目录结构
        • 微信小程序基础
        • 小程序简介
      • TypeScript
        • 结束语 | TypeScript 的这些实用技能，你不得不知
        • 20 | 如何将 JavaScript 应用切换至 TypeScript？
        • 19 | 使用 TypeScript 开发 Web 应用的最佳实践
        • 18 | 手把手教你使用 TypeScript 开发 Node.js 应用
        • 17 | 来自 100 +项目经历的常见 TypeScript 错误汇总分析
        • 16 | tsconfig.json 配置：如何定制 TypeScript 的行为？
        • 15 | 类型编程：如何打造属于自己的工具类型？
        • 14 | 掌握 TypeScript 这些官方工具类型，让你的开发事半功倍
        • 13 | 必备增强类型系统的方式大盘点，让你的开发如虎添翼
        • 12 | 类型兼容：如何判断一个类型是否可以赋值给其他类型？
        • 11 | 类型守卫：如何有效地保障类型的安全性？
        • 10 | 泛型：如何正确使用泛型约束类型变量？
        • 09 | 枚举类型：详解常见枚举类型的 7 种用法
        • 08 | 高级类型：如何快速读懂联合类型和交叉类型的含义？
        • 07 | 接口类型与类型别名：这两者的用法与区别分别是什么？
        • 06 |类类型：如何高效使用类型化的面向对象编程利器？
        • 05 |函数类型：返回值类型和参数类型到底如何定义？
        • 04 |什么是字面量类型、类型推断、类型拓宽和类型缩小？
        • 03 |复杂基础类型：TypeScript 与 JavaScript 有何不同？
        • 02 |简单基础类型：TypeScript 与 JavaScript 有何不同？
        • 为什么要选择 TypeScript
      • React
        • 集成式 SSR 框架 Next.js
          • 部署Next应用到Vercel平台
          • 案例代码
            • 自定义Next应用服务器mp4
            • 导出静态网站
            • 实现详情页基于动态路由的静态生成
            • 实现首页组件的静态生成：电影列表数据的获取与展示
            • 实现首页组件的静态生成：轮播图数据获取与展示
            • 电影详情页面布局
            • 电影列表布局
            • 实现轮播图组件布局
            • 实现导航组件布局
            • 实现头部组件布局
            • 案例代码初始化配置
          • API Routes
          • 自定义404页面
          • fallback选项的作用
          • 实现基于动态路由的静态生成
          • 实现服务器端渲染
          • 实现静态生成
          • 预渲染介绍
          • Next应用中添加样式的方式
          • 修改页面中的元数据
          • Next应用中的静态资源访问
          • 基于页面的路由系统-页面跳转
          • 基于页面的路由系统-创建页面
          • 创建Next项目
          • Next.js整体介绍
        • 原生服务端渲染（SSR）
          • 防止XSS攻击
          • 实现服务器端Redux(三)
          • 实现服务器端Redux(二)
          • 实现服务器端Redux(一)
          • 实现客户端Redux
          • 实现客户端路由
          • 实现服务器端路由
          • 优化：代码拆分
          • 优化：服务器端打包文件体积优化
          • 优化：合并项目启动命令
          • 优化：合并webpack配置
          • 为组件元素附加事件的方式
          • 服务器端程序webpack打包配置
          • 实现ReactSSR雏形
          • 项目结构初始化
          • ReactSSR相关观念回顾
        • 数据流方案 Mobx
          • todo案例
            • 实现任务筛选功能
            • 计算未完成任务的数量
            • 更改任务的是否完成状态
            • 实现任务删除功能
            • 实现任务列表数据展示功能
            • 实现添加任务功能
            • 构建mobx工作流
            • todo案例构建项目组件
          • 数据监测autorun
          • 数据监测computed
          • 异步更新状态方式二
          • 异步更新状态方式一
          • 更正类中的普通函数的this指向
          • 禁止普通函数更改程序状态并引入action装饰器
          • mobx使用(二)
          • mobx使用(一)
          • 开发前的准备工作
          • MobX简介
        • Redux 原理
          • Redux源码实现：combineReducers
          • Redux源码实现：bindActionCreators
          • Redux源码实现：applyMiddleware
          • Redux源码实现：Enhancer
          • Redux源码实现：参数类型约束
          • Redux源码实现：核心逻辑
        • * Redux 案例
          • 计算商品总价
          • 更正视图图片显示错误问题
          • 更改购物车中商品的数量
          • 从购物车中删除商品
          • 购物车列表数据展示
          • 将商品加入购物车
          • * 实现商品列表数据展示
          • * shopping项目搭建redux工作流
          • shopping项目搭建
        • 拉勾教育图书电商项目实战
          • 修改订单状态
          • 获取并展示订单列表数据
          • 实现支付创建订单
          • 增加支付按钮或登录按钮
          • 构建购物车组件右侧布局
          • 删除购物车中的商品
          • 更改购物车中商品的数量
          • 将本地购物车中的商品展示出来
          • 将商品添加到购物车中
          • 展示商品详情
          • @完成根据产品ID获取产品详情redux流程
          • 构建商品详情组件布局
          • 展示筛选结果
          • 收集用户选择的筛选条件
          • 构建商城页面布局
          • 展示搜索结果
          • 实现搜索功能
          • 将获取商品分类列表抽取为公共逻辑
          • 加载商品封面
          • 首页商品列表数据展示
          • @完成首页获取商品列表的redux流程
          • 构建搜索结果布局
          • 构建首页搜索框布局
          • 实现添加商品功能
          • 获取分类列表
          • 创建添加商品组件
          • 实现添加分类功能
          • 创建添加分类组件
          • 管理员Dashbaord组件添加链接和管理员信息
          • 创建受保护的Dashboard组件
          • 根据用户登录状态显示菜单栏选项
          • 实现用户登录功能
          • 重置注册状态
          • 将状态与注册组件进行结合
          • 验证注册Redux工作流是否可以跑通
          • 实现注册Redux工作流之配置sagaMiddleware
          • 实现注册Redux工作流之创建Action和Reducer
          • 构建注册和登录表单
          • 创建页头
          • 创建导航菜单
          • 将路由状态同步到全局store
          • 全局store初始化
          • 创建应用路由及Layout组件
          • 拉勾项目说明
        • React Hooks
          • 自定义 Hooks 实现
          • useLayoutEffect 使用
          • useImperativeHandle 使用
          • useRef 使用
          • useMemo 使用
          • userCallback 优化代码
          • useReducer 用法
          • useContext 用法
          • useEffect 优点
          • useEffect 使用
          • useState 注意点
          • useState 设置状态
          • 非路由组件传递路由信息
          • 路由模块懒加载
          • 路由守卫组件
          • 路由守卫
          • 路由跳转及重定向
          • 路由嵌套
          • 查询参数传参
          • 动态路由传参
          • 路由匹配规则
          • exact属性
          • 路由基本使用
        • todolist案例
          • immutable使用2
          • immutable使用1
          • 实例代码优化
          • 修改任务名称2
          • 修改任务名称1
          • 删除已完成任务
          • 任务筛选功能
          • 计算未完成功能
          • 修改任务状态
          • 删除任务
          • 添加任务实现
          • 任务列表展示
          • todos组件拆分
        • redux-saga拆分与合并
        • redux-saga异步解决方案
        • redux-thunk异步解决方案
        • redux 中间件工作流程
        • redux 使用代码优化
        • * redux 工作流程梳理
        • 简化action与reducer
        • reducer拆分与合并
        • 设置action类型常量
        • 自动生成action触发函数
        • 提取action代码为函数
        • action传递参数payload
        • 组件修改 store 数据
        • 获取 store 数据
        • 创建store及reducer
        • (数据管理)Redux工作流程
        • React请求
          • React中mock(模拟)数据
          • React请求转发
          • React发送ajax请求
        • 组件生命周期
          • 组件卸载阶段
          • 组件更新阶段
          • 组件挂载阶段
        • 综合案例
          • 计算平均值等
          • 学生信息展示与删除操作
          • 整合信息提交
          • 处理爱好复选框数据
          • 左侧添加信息
          • 管理系统组件拆分
        • 表单
          • 非受控表单
          • 受控表单之复选框
          • 受控表单之单选框
          • 受控表单之下拉菜单
          • 受控表单使用
        • 状态（数据）
          • 单向数据流动
          • 组件中的this
          • setState使用
          • 组件状态
          • 组件布局实例
          • 向组件传递JSX
          • 默认值及类型校验
          • 向组件传递数据
          • 循环数据
        • 组件创建方式
        • 设置外联样式（使用更多）
        • 添加内联样式
        • JSX事件操作
        • JSX语法二
        • JSX语法一
        • 方式二 脚手架初始化项目
        • 方式一 自定义webpack开发环境搭建 React
        • 简介
      • Vue
        • 拉勾心选
          • 优化与部署
          • 购物与订单
            • 支付请求
            • 结算布局处理
            • 数据处理
            • 订单列表布局
            • 订单提交与跳转处理
            • 数据处理
            • 新增地址布局
            • 数据处理
            • 弹出地址列表
            • 地址栏布局
            • 接口封装
            • 介绍与导航处理
            • 跳转订单页
            • 用户与购物车模块处理
            • 状态模块
            • 总计区域
            • 计数变化
            • 选中状态处理
            • 数据处理
            • 购物车为空
            • 加入状态管理
            • 封装商品组件
            • 请求商品列表
            • 购物车整体布局
            • 请求处理
            • 加入购物车处理
          • 登录与用户
            • 数据处理
            • 请求与失败处理
            • 主体区域
            • 用户页头部
            • LOGO图处理
            • 页面访问权限和接口鉴权
            • 登录状态管理
            • 登录请求
            • 倒计时
            • 发送验证码
            • 登录模式切换
            • 登录页布局
          • 商品详情与评论
            • 评价布局与数据处理
            • 评论请求处理
            • 评论跳转处理
            • 根据sku设置数据
            • 数据处理与规格处理
            • 弹出层布局处理
            • 规格弹出层初步
            • 商品描述区域
            • 数据处理
            • 推荐商品区域
            • 评价组件
            • 商品评价区域
            • 商品规则基础结构
            • 数据绑定处理
            • 商品头部区域
            • 轮播图
            • 顶部导航
            • 请求处理
            • 商品详情页
          • 首页功能
            • 下拉刷新
            • 触底加载更多
            • 商品列表请求数据
            • 商品列表
            • 公告区域
            • 菜单列表
            • 轮播区域数据处理
            • 轮播区域布局与样式
            • 主体内容组件
            • 顶部导航区域
          • 项目准备
            • 公共底部设置
            • Vant引入
            • 公共样式文件
            • 移动端适配
            • 路径别名与路由规则
            • 路由页面准备
            • 请求模块
            • 配置代码校验规则
            • 添加版本控制
            • 安装项目依赖
            • 创建vite项目
        • Vue3基础
          • 响应式API
            • watchEffect
            • watch
            • computed
            • toRef
            • toRefs
            • 检测方法
            • readonly与shallowReadonly
            • shallowReactive
            • reactive
            • ref
          • setup 语法糖
          • 组合式 API 基础
          • @vue/compiler-sfc
          • 配置ESLint
        • Vue.js响应式原理
          • Virtual DOM
            • Snabbdom基本使用
              • Snabbdom 源码解析
                • updateChildren整体分析
                • patch整体过程分析
                • h函数
                • 概述
              • Snabbdom中的模块
              • 包含子节点
              • Snabbdom基本使用
              • 导入 Snabbdom
              • 创建项目
            • 虚拟DOM的作用和虚拟DOM库
            • 使用Virtua DOM 原因
            • Virtual DOM简介
          • Vue 响应式原理模拟
            • Compiler类
            • Watcher类
            • Dep类
            • Observer 类
            • Vue类
            • index.html
            • 整体分析
          • 相关设计模式
            • 发布-订阅模式
            • 观察者模式
            • 设计模式
          • Vue 3 响应式原理
          • 回顾 Proxy
          • 改进-封装
          • 改进
          • Vue 2 响应式原理
          • 核心原理分析
          • 数据驱动
          • 响应式特点
        • 拉勾教育 Mobile
          • CDN
          • Vant 组件⾃动按需引⼊组件
          • 图⽚压缩
          • Vue CLI 配置⽂件
            • css.extract
            • productionSourceMap
            • Vue CLI 配置⽂件
          • 打包优化
          • ⽀付⻚
            • 查询⽀付结果
            • ⽀付请求
            • 创建订单与获取⽀付⽅式
            • 封装接⼝
            • 逻辑处理
            • ⽀付结构
            • 数据绑定
            • 布局处理
            • 组件准备
          • 学习⻚⾯
            • 课程详情⻚
              • 视频播放组件
                • 阿⾥云视频点播
                • 接⼝封装
                • 组件准备
              • 底部⽀付功能
                • 布局处理
              • 章节列表处理
                • 章节组件布局处理
                • 引⼊组件
                • 封装章节组件
                • 封装接⼝
              • 主体选项卡
              • 顶部图⽚与课程信息
              • 主体内容区域处理
              • 接⼝封装
              • 组件准备
            • 学习组件处理
              • 数据绑定改进
              • 引⼊ CourseContentList
              • 封装接⼝
            • 接⼝抽离
            • 课程列表公共组件
            • 头部功能
            • 组件准备
          • ⽤户⻚⾯
            • 逻辑处理
            • 底部菜单列表
            • 账户信息
            • ⽤户信息
            • 布局处理
          • 登录功能
            • 接⼝鉴权
            • 身份认证
              • 登录成功跳转上次访问的⻚⾯
              • 登录状态检测
            • 登录请求
              • 本地存储
              • 登录状态存储
              • 避免重复请求
              • 封装接⼝
            • 登录表单
            • 导航栏
            • 布局处理
          • 选课功能
            • CourseContent
              • 课程列表
                • 下拉刷新
                • 布局与数据绑定
                • 封装接⼝
                • 固定列表
                • 基础布局
              • 广告轮播图
            • CourseHeader 组件
            • 组件准备
          • 公共组件 LayoutFooter
          • 封装请求模块
          • 路由处理
          • 搭建项⽬架构
            • 浏览器适配
            • Vant 组件库
            • 项⽬准备
        • Vue.js实战项目
          • 发布部署
          • 课程管理（下）
            • 课程内容管理
              • 上传课时视频
                • 视频转码处理
                • 上传凭证处理
                • 封装上传凭证和地址接⼝
                • 初始化阿⾥云上传
                • 阿⾥云视频点播简介
                • 分析与准备
              • 拖动更新数据处理
              • 节点拖动处理
              • Tree 组件内容定制
              • 展示课程内容
              • 功能分析与准备
          • 课程管理（上）
            • 课程详情
              • 编辑课程
                • 改进编辑功能
                • 编辑组件
                • 抽离组件
              • 富⽂本编辑器图⽚上传处理
              • 封装富⽂本编辑器组件
              • 富⽂本编辑器
              • 保存功能
            • 秒杀信息
            • 销售信息
            • 进度百分⽐显示
            • 上传进度
            • 封装图⽚上传组件
            • 上传课程封⾯
            • 基本信息数据绑定
            • 表单结构搭建
              • 课程详情
              • 秒杀活动
              • 销售信息
              • 课程封⾯
              • 基本信息
            • 步骤条设置
            • 添加课程
            • 上下架功能
              • 上下架操作处理
              • 上架状态展示
            • 介绍与准备
          • 权限管理
            • 角色与用户管理
              • ⽤户管理
                • 分配⻆⾊
                  • 默认选中已分配⻆⾊
                  • 提交分配
                  • 展示⻆⾊列表
                  • 布局
                • 布局与准备
              • ⻆⾊管理
                • 分配菜单
                  • 清空
                  • 改进展示（勾选已分配选项）
                  • 保存
                  • 保存与清空
                  • 菜单列表展示
                  • 布局与路由处理
                • 编辑⻆⾊
                • 添加⻆⾊
                • 介绍与准备
            • 资源管理
              • 筛选处理
                • 数据加载细节处理
                • 清除功能
                • 筛选功能
              • 分⻚处理
                • 分⻚功能
                • 分⻚布局
              • 展示资源列表
              • 整体布局
            • 菜单管理
              • 编辑菜单
                • 逻辑处理
                • 布局处理
              • 删除菜单
              • 展示菜单列表
              • 添加菜单
                • 上级菜单处理
                • 提交表单
                • 数据绑定
                • 整体布局
            • 功能分析
          • Token 过期处理
            • 多个请求重复刷新 Token 处理
            • 刷新 Token
            • Axios 错误处理
            • 使⽤ Axios 响应拦截器
            • 概念
          • ⽤户基本信息展示（接⼝鉴权）
            • ⽤户退出
            • 通过 Axios 请求拦截器统⼀设置 Token
            • 实现⽤户信息展示
            • 通过 Postman 统⼀设置 Token
            • 接口鉴权
            • ⽤户信息接⼝测试
          • 身份认证
            • 登录后跳转到上次访问⻚⾯
            • 校验⻚⾯访问权限
            • 登录状态存储
          • Vuex
            • Action
            • Mutation
            • State
            • Vuex安装与引入
            • Vuex
            • 身份认证简介
          • 登录功能
            • 封装请求⽅法
            • 避免重复请求
            • 请求结果处理
            • 请求发送
            • 表单验证
            • 登录请求
            • 接⼝测试
            • 功能分析
            • ⻚⾯布局
          • 项⽬准备
            • 接⼝处理
            • 布局处理
              • 头部布局
              • 侧边栏菜单
              • 布局容器
            • 路由处理-功能优化
            • 路由处理-基础功能设置
            • 共享全局样式变量
            • 样式处理
            • Element 组件库
            • ⾃定义校验规则
            • 代码规范与⻛格指南
            • 调整初始⽬录
            • ⽬录结构说明
            • 加⼊ Git 版本管理
            • 使⽤ Vue CLI 创建项⽬
          • 搭建项目架构
        • Vue CLI
          • 打包与部署
          • 目录与文件
          • 项目搭建
          • 安装
          • Vue CLI
        • Vue Router
          • Vue Router
            • 其他功能
              • History模式
              • 导航守卫
              • 别名
              • 重定向
            • 命名路由
            • 编程式导航
            • 嵌套路由
            • 动态路由
              • 其他设置方式
              • 路由传参处理
              • 侦听路由参数
              • 动态路由
            • 命名视图
            • 基本使用
            • History 方式
              • History 方式---前进后退处理
              • History 方式
            • Hash方式
              • Hash方式---封装
              • Hash方式
          • 单页应用与前端路由
        • Vue.js组件
          • 过渡组件
            • transition-group-组件
            • 自定义过渡类名
            • 相关属性
            • transition组件
          • 内置组件
            • keep-alive 组件
            • 动态组件
          • 组件插槽
            • 作用域插槽
            • 具名插槽
            • 单个插槽
          • 组件通信
            • 其他通信方式
              • $refs
              • $root
            • 非父子组件传值
              • EventBus
              • 兄弟组件传值
            • 子组件向父组件传值
              • 组件与 V-mode
              • 自定义事件传值
              • 子组件向父组件传值
            • 父组件向子组件传值
              • 非Props属性
              • Props 验证
              • Props 类型
              • 单向数据流
              • props练习-v-for创建组件
              • Props命名规则
              • props属性使用
            • 组件通信
          • 组件注册
            • 局部注册
            • 组件基础
              • data选项
              • template选项
              • 组件基础
            • 全局注册
          • Vue.js组件
        • 初识 Vue.js
          • 综合案例：TodoMVC
            • 事项数据持久化
            • 事项筛选
            • 事项编辑
            • 事项删除
            • 事项新增
            • 事项状态切换
            • 状态栏信息展示
            • 事项列表展示
            • 需求分析
            • 准备工作
          • 进阶语法
            • Vue.js 生命周期
            • Vue DevTools
            • 侦听器
            • 计算属性
              • 计算属性的 setter
              • 计算属性练习
              • 计算属性
            • 过滤器
              • 局部过滤器
              • 全局过滤器
            • 自定义指令
              • 自定义局部指令
              • 自定义全局指令
          • Vue.js 基础语法
            • 修饰符
              • v-model修饰符
              • 鼠标按键修饰符
              • 系统修饰符
              • 按键修饰符
              • 事件修饰符
                • .once修饰符
                • .stop修饰符
                • .prevent修饰符
            • 事件与表单处理
              • 选择框绑定 表单数据绑定
              • 复选框绑定 表单数据绑定
              • 单选按钮绑定 表单数据绑定
              • 输入框绑定 表单数据绑定
              • 表单输入绑定 v-model指令
              • 事件处理 v-on 指令
            • 指令
              • 渲染指令
                • v-if 指令
                • v-show 指令
                • v-for 指令
              • 属性绑定
                • Style 绑定
                • Class 绑定
                • v-bind 指令
              • 内容处理
                • v-html指令
                • v-text 指令
                • v-once 指令
              • Vue.js指令
            • Vue基础选项
              • methods 选项
              • data 选项
              • 插值表达式
              • el选项
            • Vue实例
          • Vue.js 安装
          • Vue.js核心特性
          • Vue.js简介
      • wepack
        • 项⽬实战
          • Webpack 在 React 中的应⽤
          • Webpack 在 Vue 中的应⽤
          • Webpack 中使⽤ Bootstrap
          • 常规操作（项⽬部署）
        • 进阶
          • 模块联邦
          • 排除依赖打包（externals）
          • 模块解析（resolve）
          • 缓存
          • 删除冗余代码（Tree Shaking）
          • 源码映射（Source Map）
          • 代码分离-动态导⼊
          • 代码分离-提取公共模块
          • 代码分离-多⼊⼝打包
          • ⾃定义 loader
          • ⾃定义 plugin
          • 区分打包环境
        • 基础
          • 开发服务器（Dev Server）
          • 资源模块（asset modules）
          • 打包字体
          • 打包图⽚
          • 打包 JS - 格式校验
          • 打包 JS - 转译
          • 打包 HTML
          • 打包 CSS
            • 压缩
            • 格式校验
            • 添加样式前缀
            • 打包成独⽴⽂件
            • 转换 LESS
            • 基本逻辑
        • 概述
          • 配置⽂件
          • 最佳实践
          • 核⼼概念
          • 简介
      • 模块化开发
        • ES Modules
          • ES Modules in Node.js
            • Babel兼容方案
            • 新版本进一步支持
            • 与CommonJS模块的差异
            • 与CommonJS模块交互
            • 支持情况
          • ES Modules浏览器环境Polyfill
          • ES Modules导出导入成员
          • ES Modules导入用法
          • ES Modules导入导出的注意事项
          • ES Modules 导入和导出
          • ES Modules 基本特性
        • 模块化标准规范 模块化的最佳实践
        • 模块化规范的出现
        • 模块化演变进程
      • Gulp
        • Gulp在Yeoman中的应用
        • 开发服务器中监视文件变化 Reload
        • 使用Bootstrap
        • 开发服务器
        • 文件清除
        • 构建资源（图片）文件
        • 构建页面（HTML）文件
        • 构建脚本文件
        • autoprefixer
        • Gulp 构建样式文件
        • Gulp 文件操作
        • Gulp 组合任务
        • Gulp 基础
      • 自动化构建
        • StyleLint
        • ESLint
        • 代码格式校验
        • 构建脚本文件
        • 构建样式文件
        • npm scripts
        • 自动化构建
      • Yeoman
      • 脚手架工具
      • Node.js 基础
        • 网站概述
          • 创建 web server
          • URL，台前和后台, 前端与后端， 开发环境说明
          • DNS 服务器和端口
          • IP和域名
          • web服务器和客户端,网站的运行
          • 网站的组成
        • 异步编程
          • Event Loop
            • setImmediate()
            • process.nextTick()
            • Event Loop 代码解析
            • 宏任务与微任务
            • Event Loop 的六个阶段
            • Event Loop 机制概述
          • 基于异步函数的异步编程
            • util.promisify
            • 异步函数概述
          • 基于 Promise 的异步编程
            • Promise.all 并发异步操作
            • Promise 链式调用
            • Promise 基础语法
            • Promise 概述
          • 基于回调函数的异步编程
            • 回调地狱
            • 回调函数在异步编程中的应用
            • 什么是回调函数
          • JS 单线程 OR 多线程 ?
          • 进程与线程
          • 输入输出操作及模型介绍
          • CPU 与存储器
        • NPM
          • 模块查找规则
          • 配置入口文件的作用
          • npx 命令
          • 更改 npm 镜像地址
          • 撤销已发布的软件包
          • 更新版本号
          • 发布软件包
          • 本地安装与全局安装
          • 项目依赖 VS 开发依赖
          • 下载特定版本的软件包和删除软件包，更新软件包
          • 查看软件包元数据
          • 查看软件包实际版本
          • 语义版本控制
          • 软件包依赖问题说明
          • 使用 Node.js 软件包
          • 使用npm下载 Node.js 软件包
          • package.json
          • npm概述
        • 模块系统
          • Node.js 内置模块
          • 模块包装函数
          • 模块成员导出与导入
        • Node.js 入门
          • Node.js 初体验和全局对象
          • 安装 Node.js
          • 系统环境变量
          • Node.js 概述
      • Ajax
        • 跨域和模板引擎应用
          • 留言板
            • index2
            • index
          • 模拟百度搜索-模板引擎
          • 模板引擎
          • 模拟百度搜索案例
          • cors 跨域
          • jQuery中对JSONP的支持
          • JSONP 原理
          • 跨域请求问题和同源策略
        • Ajax 常用库
          • Axios
            • response和responseType 属性
            • XHR 2.0-onload和onprogress 事件
            • 快速请求方法
            • axios 拦截器
            • 全局配置默认值
            • axios API
            • Axios介绍
          • jQuery中的AJAX
            • jQuery 中其他Ajax 方法
            • 其他请求
            • POST 请求
            • GET 请求
            • jQuery中的AJAX
        • Ajax基础
          • 封装AJAX库
          • 处理响应数据渲染
          • POST 请求
          • GET 请求
          • JSON Server
          • 数据格式
          • 原生AJAX
            • 同步与异步
            • 响应状态分析
            • send 方法和请求头
            • xhr对象和open方法
            • 发送ajax 请求步骤
          • 体验AJAX
          • AJAX概述
      • jQuery
        • jQuery事件操作和插件
          • jQuery 插件使用
          • 多库共存问题
          • 事件对象
          • trigger 方法触发事件
          • off 方法解除事件绑定
          • on 方法注册事件和实现事件委托
        • jQuery 节点操作和元素尺寸
          • 综合案例
            • 楼梯导航优化
            • 楼梯导航
            • 固定导航和返回顶部
          • 操作滚动条卷走的距离
          • jQuery 操作元素的位置
          • jQuery 操作元素的尺寸
          • jQuery 节点操作
            • jQuery 克隆元素
            • jQuery 删除、清空元素
            • jQuery 创建、追加元素方法
        • jQuery排序和动画
          • 京东轮播图案例
          • 手风琴案例
          • 下拉菜单案例
          • 清空动画排队
          • stop（）停止动画方法
          • delay（）延迟方法
          • 动画排队
          • animate（）动画方法
          • jQuery 切换效果方法
            • 淡入淡出
            • 滑动显示隐藏
            • 显示隐藏方法
          • jQuery中的入口函数
          • 表格格列变色案例
          • each（）遍历
          • 排他思想
          • jQuery 排序
        • jQuery 常用方法
          • 案例 放大镜切换项
          • 案例 发送验证码控制按钮禁用
          • jQuery 其他关系查找方法
          • 链式调用
          • jQuery 关系查找方法
          • jQuery 常用事件方法
          • jQuery 操作类名方法
          • jQuery 操作样式方法css（）方法
          • jQuery操作标签的属性
            • prop（）方法
            • attr（）方法,removeAttr（）方法
          • jQuery 操作标签的内容
            • val（）方法
            • text（）方法
            • html（）方法
        • jQuery 基础
          • 表格隔行变色案例
          • 筛选选择器和筛选方法
          • jQuery选择器
          • jQuery 对象
          • $()方法
          • jQuery 体验
          • jQuery简介
      • ES6新特性
        • ES2016 新增内容
        • ES2015其他内容
        • for---of 循环
        • Symbol 补充
        • Symbol 数据类型
        • Map数据结构
        • Set数据结构
        • 类的继承 extends
        • 静态成员
        • class 类
        • 对象扩展方法Object.is方法
        • 对象扩展方法Object.assign方法
        • 对象字面量增强
        • 箭头函数与this
        • 箭头函数
        • 展开操作符
        • 剩余操作符
        • 参数默认值
        • 字符串的扩展方法
        • 模板字符串标签函数
        • 模板字符串字面量
        • 对象的解构
        • 数组的解构
        • const 恒量/常量
        • let 与块级作用域
        • ECMAScript 2015
        • ECMAScript概述
      • 正则表达式
        • 正则的术语
          • 中文字符
          • 分组的反向引用
          • 或操作符
          • 分组
          • 量词
          • 预定义类
          • 边界
          • 修饰符
          • 字符集
        • 正则表达式的组成
        • 相关正则方法
          • ·正则表达式方法:
          • ·字符串的方法:
        • 正则表达式语法
        • 正则表达式概述
      • 面向对象编程
        • 继承和函数进阶
          • 函数进阶
            • 闭包
              • 闭包的问题
              • 闭包的理解和应用
              • 闭包
            • 高阶函数
            • 函数的其他成员
            • call、apply和bind
              • bind的应用
              • apply 的应用
              • call 的应用
              • call、apply和bind方法
            • 函数的调用和this
            • 函数也是对象
            • 函数定义方式
          • 继承
            • %26组合继承
            • 构造函数方法的继承
            • 借用构造函数继承属性
            • 函数的call方法
            • 原型继承
            • 对象之间的继承
        • 贪吃蛇游戏案例
        • 原型
          • 随机方块案例
          • 内置构造函数的原型对象
          • 更简单的原型语法
          • 实例对象读写原型对象成员
          • 原型链
          • 更好的解决方法 prototype
          • 原型对象
        • 构造函数的问题
        • 静态成员和实例成员
        • 构造函数
        • 创建对象的几种方式
        • 面向对象与面向过程对比
        • 对象
      • Web API
        • BOM
          • location 对象,URL,history 对象
          • 案例
            • 返回顶部特效
            • 完整切换效果轮播图
            • 高级无缝滚动轮播图
            • 简单无缝滚动轮播图
          • 封装动画函数
          • 清除定时器的问题和解决方法
          • 简单运动
          • 定时器
          • 函数节流操作
          • 延时器
          • on load加载事件
          • 对话框
          • BOM的概念和window对象
        • DOM
          • 案例
          • DOM特效
          • DOM事件
            • 取消默认行为和阻止冒泡
            • 事件对象
            • 事件委托
            • DOM 事件流
          • 节点
            • 案例
              • 选择水果案例
              • 动态创建表格案例
              • 动态创建列表案例
            • 节点方法
              • 解除事件绑定方法
              • 绑定事件方法
              • 节点判断方法
              • 克隆节点方法
              • 添加,替换,插入,删除节点方法
              • 创建新的节点方法
            • 节点层级
            • 节点属性
          • DOM元素属性操作
            • 综合案例
            • className类名属性操作
            • style 样式属性操作
            • 自定义属性操作
            • 表单元素属性
            • 非表单元素的属性
          • DOM 事件基本应用
          • DOM 获取页面元素
          • 概念
        • 简介
      • Javascript数组，对象，函数
        • 对象
          • 内置对象
            • String对象
            • Array对象
            • Math 对象
            • 概述
          • 对象
        • 函数
        • 数组
      • 流程控制语句
        • 其他
        • 循环语句
        • 条件分支语句
      • 操作符
      • 数据类型
        • 数据类型
        • 变量
        • 字面量
      • JavaScript语法
      • 移动Web开发
        • 移动WEB开发之响应式布局
        • Bootstrap前端开发框架
        • 移动WEB开发之rem适配布局
        • 移动端开发之flex布局
        • 移动端开发之流式布局
        • 移动端开发基础
          • 移动端开发相关
          • 二倍图
          • 视口
          • 移动web开发基础
      • 前端代码规范
      • 兼容问题和网页布局
      • PC端静态网页应用开发及项目
        • 拉勾网项目制作-首页index.html结构布局
        • 拉勾网项目制作-<head>内的配置
        • 页面开发的常见概念和布局流程
        • 网页项目开发流程
      • CSS3
        • 重构和重绘
        • BFC,IFC,GFC,FFC(面试点)
        • CSS3动画
        • 3D转换
        • 2D转换
        • CSS3新增属性
        • CSS3盒模型
        • 新增选择器
      • HTML5
        • HTML5新增表单标签
        • HTML5新增多媒体标签
        • HTML5新增语义化标签
        • HTML5简介
      • CSS
        • CSS常用样式
          • 定位
            • 压盖顺序
            • 定位应用
            • 固定定位
            • 绝对定位
            • 相对定位
            • 定位概述
          • 背景
            • html5 新增背景属性
            • 背景应用
            • 背景属性
          • <a> 标签的伪类
          • 浮动
            • 浮动的问题和解决办法——清除浮动
            • 浮动的定义和性质
          • 标准文档流
          • 盒模型扩展
          • 盒模型
          • 文本
          • 字体
        • 层叠式
        • 选择器
          • 高级选择器
          • 基础选择器
        • 样式
          • 常用样式属性
          • 语法
        • 概述
      • HTML
        • HTML常用标签
        • HTML基本结构
        • HTML基本语法
        • HTML概念
        • 概述
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度
          思维导图备注