摘要: (目录) 后台管理系统 后台管理系统涉及的常见功能: 1:ui框架使用。快速布局。 2:图表的使用。echarts。 3:登录功能的处理。token。 4:权限处理。异步路由。 5:国际化处理。插件。 一 UI框架 Vue的ui框架可以分为两类: 1:PC端ui框架 ⇒ element-ui,iVi 阅读全文
posted @ 2021-10-07 19:44 暗鸦08 阅读(512) 评论(0) 推荐(0)
摘要: (目录) webpack原理 一:webpack介绍 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规 则生成对应的静态资源。 webpack可以让我们在模块化环境下进行模块化开发,开发完成后再将所有模块统一打包成一个文件用以上线。 什么是 阅读全文
posted @ 2021-10-07 19:38 暗鸦08 阅读(120) 评论(0) 推荐(0)
摘要: (目录) App种类 一:App种类 App ⇒ Application ⇒ 应用 (一般指手机上的应用) 根据不同的开发方式,大体分为: 1:原生App :NativeApp ​ 用手机操作系统原生的Api开发的App。(安卓开发,IOS开发) ​ 手机操作系统 ⇒ Android,IOS,鸿蒙, 阅读全文
posted @ 2021-10-07 19:38 暗鸦08 阅读(126) 评论(0) 推荐(0)
摘要: (目录) 移动端适配 一:移动设备和pc设备的区别 1:分辨率不一样 pc的分布率是72,手机的分辨率各不相同。 为了解决分辨率各不相同的问题,需要利用meta标签设置视口。( 把所有手机的分辨率都当成72来处理 ) <meta name="viewport" content="width=devi 阅读全文
posted @ 2021-10-07 19:38 暗鸦08 阅读(121) 评论(0) 推荐(0)
摘要: (目录) 一. 为什么要脚手架 为什么要脚手架 ⇒ 为了实现模块化项目 模块化项目 ⇒ 提高开发效率,减少维护成本 模块化 ⇒ 把本来写在一起的代码分成很多个文件来写.每个文件是一个模块. 模块化带来的新问题 ⇒ 模块化之间需要导入和导出. 导入:import 变量名 from 某个文件地址 导出: 阅读全文
posted @ 2021-10-07 19:33 暗鸦08 阅读(38) 评论(0) 推荐(0)
摘要: (目录) 一. 路由守卫 路由守卫一定会用到的api 路由守卫也叫路由钩子,路由生命周期 ⇒ 路由守卫其实都是在路由跳转的特定阶段触发的函数。 路由跳转流程。 路由触发,准备跳转 触发Home组件的一个钩子函数,beforeRouteLeave (路由离开前) 调用全局的 beforeEach(所有 阅读全文
posted @ 2021-10-07 19:33 暗鸦08 阅读(182) 评论(0) 推荐(0)
摘要: (目录) 导入导出 模块化环境下,各个模块间,如果需要相互引入,就需要导入导出。 A模块使用B模块,A模块需要导入,B模块需要导出。 一: 导入导出的写法 1:es6的导入导出。 es6的导入导出语法 ⇒ import(导入) export(导出) 第一种导入导出方式.( 导入导出单个值 ) imp 阅读全文
posted @ 2021-10-07 19:33 暗鸦08 阅读(139) 评论(0) 推荐(0)
摘要: (目录) 一.路由组件通信 路由组件间通信,用bus通信会变得和麻烦 因为目标路由组件默认情况下没有创建 路由组件通信 ⇒ 路由参数. 通过params传参.只能通过name跳转. 获取参数: $route.params.参数名 通过query传参.可以是name或者path跳转. 获取参数: $r 阅读全文
posted @ 2021-10-07 19:31 暗鸦08 阅读(126) 评论(0) 推荐(0)
摘要: 一. 视图更新为什么是异步的 视图更新是异步的,为了性能考虑。 需要等待所有数据都修改完毕之后,再进行视图更新,只更新最新的数据状态。 阅读全文
posted @ 2021-10-07 19:30 暗鸦08 阅读(28) 评论(0) 推荐(0)
摘要: (目录) 一. 单页应用SPA 传统的网页或者App会有很多页面 传统的网页都是开发很多的html页面来充当分页 Vue框架就不好实现多html页面的网页应用 Vue的路由用于实现单页应用 单页应用 ⇒ SPA ⇒ single page appliation ⇒ 一个网站只会一个html 单页应用 阅读全文
posted @ 2021-10-07 19:30 暗鸦08 阅读(105) 评论(0) 推荐(0)
摘要: (目录) 一. 虚拟节点 目前流行的视图框架都是基于虚拟节点技术开发的. 视图框架 ⇒ 更新视图的最后异步是DOM操作. ⇒ 尽量以最低的代价进行DOM操作. 视图框架如何进行最低代价的DOM操作 ⇒ 虚拟节点 ⇒ 虚拟节点的更新 ⇒ diff算法. 虚拟节点 ⇒ 一个纯对象 ⇒ 描述真实节点. 虚 阅读全文
posted @ 2021-10-07 19:26 暗鸦08 阅读(101) 评论(0) 推荐(0)
摘要: (目录) 一.插槽 如何在同一个组件复用多次时,渲染不同的标签? 可以使用插槽来实现. 要使用插槽,组件挂载必须使用双标签. 子组件中,通过内置组件slot来引入插槽. 组件插槽最终会替换slot组件. 1. 默认插槽 <script> // 以下的插槽是默认插槽. // 默认插槽可以是多个标签. 阅读全文
posted @ 2021-10-07 19:26 暗鸦08 阅读(25) 评论(0) 推荐(0)
摘要: (目录) 一. 动态组件 挂载时,可以通过is属性知道组件名来挂载 动态组件 ⇒ 动态修改is属性的值,实现动态挂载不同的组件。 动态组件在切换过程中,会频繁的创建和销毁. 显示时创建,隐藏时销毁. <script> const box = { template: `<li>111111111111 阅读全文
posted @ 2021-10-07 19:26 暗鸦08 阅读(40) 评论(0) 推荐(0)
摘要: (目录) 一.Created 用于给data的数据进行初始化的. 程序运行,created会默认触发一次. created ⇒ 生命周期钩子函数. 二.数据劫持 当我们访问或设置对象的属性的时候,都会触发相对应的函数,然后在这个函数里返回或设置属性的值。在触发函数的时候动一些手脚做点我们自己想做的事 阅读全文
posted @ 2021-10-07 19:24 暗鸦08 阅读(354) 评论(0) 推荐(0)
摘要: (目录) 一.组件components 组件都是vm实例.它可以有自己的视图,自己的数据,自己的逻辑. 组件是为了复用布局以及逻辑. 组件 组件要注册 组件要挂载(组件的引用) <div id='app'> <!-- 一个组件挂载了3次.挂载时可以用单标签,也可以用双标签. --> <!-- 挂载时 阅读全文
posted @ 2021-10-07 19:24 暗鸦08 阅读(1093) 评论(0) 推荐(0)
摘要: (目录) 一.状态管理 假设当一个数据变化时,多个组件同时更新视图. ⇒ 状态管理 ⇒ 应该把数据放到多个组件的共同祖先组件上 什么叫状态? ⇒ 状态就是响应式数据和呈现它的视图. 组件的状态是由它的数据和视图决定的. 状态管理 ⇒ 数据和视图管理. 状态管理 ⇒ 如何实现多个组件共用一个状态? 把 阅读全文
posted @ 2021-10-07 19:24 暗鸦08 阅读(51) 评论(0) 推荐(0)
摘要: (目录) Vue基础 Vue和React ⇒ 视图框架 ⇒ 不通过DOM操作更新页面(视图) 渲染视图 1:DOM操作 2:数据驱动(没有DOM操作) ⇒ 给标签绑定数据,要修改标签,直接修改与之绑定的数据即可.(没有DOM操作). 一. 插值表达式 插值表达式是vue框架提供的一种在html模板中 阅读全文
posted @ 2021-10-07 19:23 暗鸦08 阅读(162) 评论(0) 推荐(0)