摘要：一、模块化相关规范 1.1 模块化概述 传统开发模式的主要问题 命名冲突:多个JS文件之间，如果存在重名的变量，会发生变量覆盖问题 文件依赖:JS文件无法实现相互的引用 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，
阅读全文
01 2022 档案
摘要：一、Vuex 概述 1.1 组件之间共享数据的方式 父传子: v-bind 属性绑定 子传父: v-on 事件绑定 兄弟组件之间共享数据: EventBus $on 接收数据的那个组件 (数据接收方) $emit 发送数据的那个组件 (数据发送方) 1.2 Vuex 是什么 Vuex是实现组件全局状
阅读全文
摘要：一、路由的基本概念与原理 路由是一个广义与抽象的概念，路由的本质就是对应关系 在开发中，路由分为: (1) 后端路由 (2) 前端路由 1.1 路由 1. 后端路由(根据不同的URL地址分发不同的资源) 概念:根据不同的用户URL请求，返回不同的内容 本质:URL请求地址与服务器资源之间的对应关系
阅读全文
摘要：一、前后端交互模式 1.1 接口调用方式 原生ajax 基于JQuery的ajax fetch axios 返回一个完整的HTML页面 也可以只返回特定格式的数据，比如json 1.2 URL地址格式 (1) 传统形式的URL 格式: schema://host:port/path?query#fr
阅读全文
摘要：一、组件化开发概述 1.组件化开发思想 标准 分治:不同的功能分配到不同的组件中 重用: 组合 2.编程中的组件化思想体现 3.组件化规范: Web Components 我们希望尽可能多的重用代码 自定义组件的方式不太容易(html、css和js) 多次使用组件可能导致冲突 Web Compone
阅读全文
摘要：1.表单操作 (1)基于Vue的表单操作 input 单行文本 处理方式就是使用 v-model双向绑定data中的数据 1 <input type="text" v-model='uname'> radio 单选框 处理方式是先使用value属性给其赋值以便区分，之后再使用v-model双向绑定d
阅读全文
摘要：1.模板语法的概述 (1)如何理解前端渲染 将数据填充到HTML标签中，生成静态的HTML内容 2.前端渲染方式 (1)原生JS拼接字符串 (2)使用前端模板引擎 (3)使用Vue特有的模板语法 3.Vue模板语法 (1)插值表达式 (2)指令 (3)事件绑定 (4)属性绑定 (5)样式绑定 (6)
阅读全文
摘要：一、Vue的创建者及Vue的历史 尤雨溪老师：Vue.js的创建者 2014年2月，Vue.js正式发布 2015年10月27日，正式发布1.0.0 2016年4月27日，发布2.0的预览版本 二、Vue概述 (1)渐进式的JavaScript框架 渐进式：声明式渲染 -> 组件系统 -> 客户端路
阅读全文
