vue第五单元(v-if和v-show以及v-for的灵活应用 watch以及computed的区别（常见效果） #课程目标

第五单元(v-if和v-show以及v-for的灵活应用 watch以及computed的区别 (常见效果) #课程目标精通 v-if v-else v-else-if 的使用精通 v-show 和 v-if 的区别精通 v-for 的使用精通 computed 的使用精通 watch 的使用以及和 computed 还有 method 的区别 #知识点 v-if 条件渲染: v-if 指令用于条件性地渲染一块内容.这块内容只会在指令的表达式返回 truthy 值的时候被渲染. v-e…

五种典型开发周期模型（瀑布、V、原型化、螺旋、迭代）

五种典型开发周期模型(瀑布.V.原型化.螺旋.迭代) 总结一下经常可以见到的系统开发周期模型. 在过去的几年里,可以很奇葩的碰到类似于“创业项目库”这种需求非常明确,工作量十分可控,对质量要求比较低,业务建模比较easy,功能构成比较少的“面子项目”.类似于这种项目,采用传统意义上的瀑布模型就非常合适了,如果范围控制和风险控制做的比较好的话,真的如同一个瀑布一样,会“飞流直下三千尺”,直接将项目送到客户的小机上,部署运行,大家欢乐的拿到绩效奖金,回家happy去了. 但是仅仅注重“面…

vue第十五单元(熟练使用vue-router插件)

第十五单元(熟练使用vue-router插件) #课程目标 1.掌握路由嵌套 2.掌握导航守卫 #知识点 #一.路由嵌套很多时候,我们会在一个视口中实现局部页面的切换.这时候就需要到了嵌套路由. 也就是说一个被渲染组件同样可以包含自己的嵌套 <router-view>. const router = new VueRouter({ routes: [ { path: '/cinema', //电影 component: Cinema, children: [ { path: 'hot', /…

vue第八单元(组件通信子父，父子组件通信自定义事件事件修饰符 v-model props验证 )

第八单元(组件通信子父,父子组件通信自定义事件事件修饰符 v-model props验证 ) #课程目标掌握使用props让父组件给子组件传参(重点) 掌握props属性的使用以及prop验证的常用规则掌握使用自定义事件让子组件给父组件传参(重点) 了解v-model在组件中的绑定原理,掌握组件的v-model的绑定熟悉常用的表单修饰符.事件修饰符.键盘修饰符 #知识点 #1.组件间的通信方式 #1.1父组件给子组件传递数据--使用props属性在父组件中动态绑定自定义的pro…

SIP模块版本错误问题：the sip module implements API v??? but XXX module requires API v???

系统安装了python 2.7,继续安装PyQt4,于是依次下载sip.pyqt4源码进行安装.用以下代码测试: import PyQt4.QtGui 显示出错.错误信息:the sip module implements API v??? but XXX module requires API v??? 分别用 import sip print(sip, sip.SIP_VERSION_STR) 和 sip -V 查看sip的版本,发现版本不同,前者版本较低. 解决办法:根据print(sip…

n维向量空间W中有子空间U,V,如果dim(U)=r dim(V)=n-r U交V !={0},那么U,V的任意2组基向量的组合必定线性相关

如题取U交V中的向量p (p!=0), 那么p可以由 U中的某一组基线性组合成(系数不全是零),同时,-p也可以由V中的某一组基线性组合成(系数不全为零) 考察p+(-p)=0 可知道,U中的这组基跟V中的这组基在系数不全是零的情况下组合成了0向量,故这2组基必定线性相关 ----------------------------------------------------------------- 注意,p是U交V的元素,那么-p也是U交V的元素,因为U交V也是W的子空间,对标量乘封闭. 证…

react第五单元(事件系统-原生事件-react中的合成事件-详解事件的冒泡和捕获机制)

第五单元(事件系统-原生事件-react中的合成事件-详解事件的冒泡和捕获机制) 课程目标深入理解和掌握事件的冒泡及捕获机制理解react中的合成事件的本质在react组件中合理的使用原生事件知识点在原生的dom模型上触发的事件会进行事件传递.而所谓的事件传递指的是当在A元素上触发某一事件的时候,B元素如果满足了和A元素一定的关系的话,那么B元素上也可能触发改事件(即使B元素未添加该事件): dom模型是怎样的呢?如何一组dom元素可以看成一个是一个家族的族谱,那么我们就可以把dom元…

vue第二十单元(vux的配置中模块modules的用法)

第二十单元(vux的配置中模块modules的用法) #课程目标 1.什么是module? 2.怎么用module? 3.样板代码目录结构 #知识点 #1.modules 在Vue中State使用是单一状态树结构,应该的所有的状态都放在state里面,如果项目比较复杂,那state是一个很大的对象,store对象也将对变得非常大,难于管理. module:可以让每一个模块拥有自己的state.mutation.action.getters,使得结构非常清晰,方便管理. #2.目录结构 store…

vue第十三单元(指令的作用，指令的钩子函数)

第十三单元(指令的作用,指令的钩子函数) #课程目标 1.了解自定义指令的应用场景 2.掌握自定义全局和局部指令 3.掌握指令的钩子函数 #知识点 #一.认识自定义指令除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令. 举例说明:当页面加载时,input就将获得焦点 . 1.全局定义指令: // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时-- inserte…

vue第十一单元(内置组件)

第十一单元(内置组件) #课程目标熟练掌握component组件的用法熟练使用keep-alive组件 #知识点 #1.component组件 component是vue的一个内置组件,作用是:配合is动态渲染组件 <component :is='组件'></component> 1 不同组件之间进行动态的切换 App.js: <template> <div> <div> <div> <button @click="…

vue第十单元(动态组件 keep-alive（钩子函数）递归组件（name）组件命名约定)

第十单元(动态组件 keep-alive(钩子函数) 递归组件(name) 组件命名约定) #课程目标熟练掌握动态组件的实现掌握keep-alive缓存组件,以及相应的钩子函数熟练掌握递归组件,以及递归组件的实现原理了解组件的命名约定 #知识点 #1.动态组件首先得明白什么叫做动态组件,让多个组件使用同一个挂载点,并动态切换,这就是动态组件. #1.1<component>元素在vue中,可以通过使用保留的 <component> 元素,动态地绑定到它的 is 特性…

vue第七单元(vue的单文件组件形式-单文件组件的加载原理-vue-cli构建的开发环境以及生命周期)

第七单元(vue的单文件组件形式-单文件组件的加载原理-vue-cli构建的开发环境以及生命周期) #课程目标掌握安装 vue-cli 命令行工具的方法,掌握使用命令行在本地搭建开发环境,使用命令行在本地运行项目. 精通项目结构,以及各文件和文件夹的作用. 精通单文件组件的文件组织形式,模板.js.样式的书写位置. 精通单文件组件的开发规则. 精通 vue 组件生命周期的使用. 了解 .vue 文件的加载原理. #知识点安装命令行工具 npm install -g @vue/cli # OR…

vue第六单元(vue的实例和组件-vue实例的相关属性和方法-解释vue的原理-创建vue的组件)

第六单元(vue的实例和组件-vue实例的相关属性和方法-解释vue的原理-创建vue的组件) #课程目标掌握vue实例的相关属性和方法的含义和使用了解vue的数据响应原理熟悉创建组件,了解全局组件与局部组件的区别,掌握组件的相关注意事项 #知识点 #1.vue实例的相关属性和方法ß #1.1 属性 Vue实例就是通过new Vue()得到的对象. 我们可以在先在控制台中打印一下vue的实例,如图: app.$data 对应组件中data的值 app.$props 对应组件中props的值…

vue第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法)

第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法) #课程目标了解 vue 框架的特点掌握创建 vue 实例掌握 data 用法及特点掌握 vue 基本指令的用法掌握 methods 用法 #知识点直接用 <script> 引入,Vue 会被注册为一个全局变量. 创建vue实例,并将实例挂载到window上. <body> <div id='app'> <h1>{{msg}…

react第十五单元(react路由的封装，以及路由数据的提取)

第十五单元(react路由的封装,以及路由数据的提取) #课程目标熟悉react路由组件及路由传参,封装路由组件能够处理路由表对多级路由能够实现封装通用路由传递逻辑,实现多级路由的递归传参对复杂的react应用,能够提取路由表并使用路由组件简化路由配置在路由组件中实现路由拦截功能 #知识点封装路由组件 import React from 'react'; import {Switch, Route, Redirect} from 'react-router-dom'; export d…

vue第十七单元(电商项目逻辑处理，电商划分)

第十七单元(电商项目逻辑处理,电商划分) #课程目标 1.什么是电商项目 2.什么是B2B,B2C,C2C模式,常见的电商项目 3.移动端电商项目常见的逻辑处理 4.[知识扩展]传统系统架构及分布式系统架构 #知识点 #1.电子商务项目通过电子商务模式(互联网)为主导,线上线下相结合的业务模式. #2.常见电商业务模式 #B2C:商家对客户,京东.当当.发展为B2C平台,天猫 graph LR; 商家1-->电商平台商家2-->电商平台电商平台-->个人1 电商平台-->个人…

vue第三单元(webpack的应用-能根据具体的需求构建对应的开发环境)

第三单元(webpack的应用-能根据具体的需求构建对应的开发环境) #课程目标理解什么是单页面应用. 掌握单页面和多页面的差异. 了解单页面的实现原理. 掌握模块化的方式实现webpack配置,区分线上环境和开发环境,能够快速切换对应的配置. #知识点单页面应用(spa),是仅仅使用一个html页面,结合javaScript以及页面url地址模拟出多页面的页面跳转效果. 要实现单页面应该要解决的几个问题是如何建立视图和url地址的对应关系如何更加方便的表示并且管理视图如何通过java…

react第十三单元(react路由-react路由的跳转以及路由信息) #课程目标

第十三单元(react路由-react路由的跳转以及路由信息) #课程目标熟悉掌握路由的配置熟悉掌握跳转路由的方式熟悉掌握路由跳转传参的方式可以根据对其的理解封装一个类似Vue的router-view #知识点路由的配置属性路由配置属性主要有 path.name.component 等. path:组件相对路径 name:组件路径别名 component:组件地址在路由配置中,有两个属性 exact 和 strict 表示路径匹配. "/detail" exact 属性为…

Vue中method与computed的区别

为了说明method与computed的区别,在此我想先来看看computed属性在vue官网中的说法:模板内的表达式是非常便利的,但是它们实际上只用于简单的运算.在模板中放入太多的逻辑会让模板过重且难以维护. 我们来看一个例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>…

[Vue]method与计算属性computed、侦听器watch与计算属性computed的区别

一.方法method与计算属性computed的区别方法method:每当触发重新渲染时,调用方法method将总会再次执行函数: 计算属性computed:计算属性computed是基于它们的响应式依赖进行缓存的,只在相关响应式依赖发生改变时它们才会重新求值: 二.侦听器watch与计算属性computed的区别 1.watch监听的是一个变量(或者一个常量)的变化,这个变量可能是一个单一的变化也可能是一个数组.computed可以监听很多个变量,但是这个变量一定是vue实例里面的. 2.…

Vue method与computed的区别

为了说明method与computed的区别,在此我想先来看看computed属性在vue官网中的说法: 模板内的表达式是非常便利的,但是它们实际上只用于简单的运算.在模板中放入太多的逻辑会让模板过重且难以维护. 1 2 说到这里有没有想到点什么?有没有立马想起html与css样式分离的情况呢.这种写法为我们后期的升级维护留下了空间. 下面我们来看看一个例子: <!DOCTYPE html> <html lang="en"> <head> <m…

Vue（五）Vue规范

代码规范很重要 1.组件名应该始终是多个单词的,根组件 App 除外. 2.组件的 data 必须是一个函数. // In a .vue file export default { data () { return { foo: 'bar' } } } 3.Prop 定义应该尽量详细.[包含了类型.校验] // 更好的做法! props: { status: { type: String, required: true, validator: function (value) { return…

linux基础-第十五单元软件包的管理

使用RPM安装及移除软件什么是RPM rpm的文件名 rpm软件安装与移除工作中经常使用的选项查看RPM软件包中的信息查询已安装的软件包信息 RPM包的属性依赖性问题什么是RPM包的属性依赖性问题 RPM包的属性依赖性问题解决方法将nginx编译为rpm包课后作业 [本节内容]1. 使用RPM安装及移除软件(详见linux系统管理P374)1) 掌握RPM的定义:RPM就是Red Hat Package Manger(红帽软件包管理工具)的缩写.2) 了解rpm的文件名分为5部分,其…

vue教程(五)--路由router介绍

一.html页面中如何使用 1.引入 vue-router.js 2.安装插件 Vue.use(VueRouter) 3.创建路由对象 var router = new VueRouter({ // 4.配置路由 routes:[{ path:'/login', component:Login //跳转到Login组件,所以先创建Login组件 }] }) 创建Login组件 var Login = {template:'<div>我是登陆页面</div>'} 5.将配置好的路由…

一步一步学Vue（五）

本篇是是vue路由的开篇,会以一个简单的demo对vue-router进行一个介绍,主要覆盖以下几个常用场景: 1.路由跳转 2.嵌套路由 3.路由参数 1.Vue-Router 一般来说,路由定义就是定义地址访问规则,然后由路由引擎根据这些定义的规则去查找对应的页面,并转发请求给页面进行处理:对于后端来说就是这么一个模式,但前端不同,前端路由变化也只是页面内的导航比如angular中的模版切换,比如vue和react中的component切换,这种方式都是基于浏览器hash模拟url跳转. v…