【VUE2.0 饿了吗视频学习笔记（六）：定位问题、文字显示、模糊背景图片、点击事件】的更多相关文章

VUE2.0 饿了吗视频学习笔记（六）：定位问题、文字显示、模糊背景图片、点击事件

一.定位问题按照视频写代码时,发现元素“5个“”定位不对,如下图 正常位置为 还以为是哪里写错了,仔细研究了下,需要在父div上加relative. position:relative/absolute的父(祖先)节点的padding-box的区进行定位(忽略文字),找不到符合条件的父(祖先)节点,则相对浏览器窗口进行定位.没有设置了TRBL则默认浮动,默认浮动在父级节点的content-box区. <style lang="stylus" rel="styleshee…

VUE2.0 饿了吗视频学习笔记（四）：颜色、跳转、设置、vue-resource

https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中 1.设置选中项颜色 <template> <div id="app"> <v-header></v-header> <div class="tab"> <div class="tab-item"> <router-link to="/goods&qu…

VUE2.0 饿了吗视频学习笔记（七-终）：compute,循环,flex,display:table

一.star组件使用到了computed属性 computed相当于属性的一个实时计算,当对象的某个值改变的时候,会进行实时计算. computed: { starType() { return 'star-' + this.size }, <template> <div class="star" :class="starType"> <span v-for="(itemClass,index) in itemClasses&…

VUE2.0 饿了吗视频学习笔记（二）：新版本添加路由和显示Header

https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中 webpack.dev.conf.js中添加两段代码 'use strict' const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('webpack-merge') const path…

VUE2.0 饿了吗视频学习笔记(一)：VUE示例data.json

https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中有的同学找不到data.json,以下是data.json内容 { "seller": { "name": "粥品香坊(回龙观)", "description": "蜂鸟专送", "deliveryTime": 38, "score": 4.2, "…

VUE2.0 饿了吗视频学习笔记（五）：父子对象传递、显示图片

一.父子组件之间对象传递 1.app.Vue中的v-header 中加入 v-bind:seller="seller" template> <div id="app"> <v-header v-bind:seller="seller"></v-header> <div class="tab"> <div class="tab-item"> 2…

VUE2.0 饿了吗视频学习笔记（三）：VUE2.0取消了v-link

https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中 写法如下 <div class="tab-item"> <router-link to="/goods">商品</router-link></div>…

vue2.0 饿了么项目学习总结

最近在GitHub上发现一个基于vue2.0的饿了么项目.本着互联网的分享精神,现在将我自己所理解的,所总结的经验分享给大家.本篇文字我将从学习的角度向大家分享. 在学习本项目之前我已经将vue2.0的 官网官方案例 和vue-router的官方案例和api看了一遍. 点击下载项目资料 注意:网页打开的速度有些缓慢还有可能访问失败但是绝对可以打开的,有条件的朋友可以使用FQ软件打开网址. 运行项目 注:我已在我的电脑上装了node环境.vue-cli.webpack的全局变量 1.讲下载的文件存…

基础学习笔记之opencv(6)：实现将图片生成视频

基础学习笔记之opencv(6):实现将图片生成视频 在做实验的过程中.难免会读视频中的图片用来处理,相反将处理好的图片又整理输出为一个视频文件也是非经常常使用的. 以下就来讲讲基于opencv的C++版本号中图片输出视频是怎么实现的. 本次试验的数据为摇摆的树枝树叶图片,Waving Trees,其来源网址为: http://research.microsoft.com/en-us/um/people/jckrumm/WallFlower/TestImages.ht 该数据全由bmp图片组成.…

Asp.net core 2.0.1 Razor 的使用学习笔记（五）

按说这里应该写关于Role角色类的笔记,但是我还没时间实验这块,所以等以后我搞定了再来分享.现在先写其他部分. Asp.net core 2.0.1 Razor 的使用学习笔记——建立模型 按照微软官网提供的资料应该是”项目 >“添加” > “新建文件夹”. 将文件夹命名为“Models”. 但我个人并没有新建这个文件夹,我采用了在“data”文件夹下建立模型.理由是默认的ApplicationUser.cs在这里且ApplicationDbContext.cs文件存在,所以没必要换其他文件夹…