第二章、 Vue 起步

第二章 Vue快速入门--14 使用v-model实现计算器的案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" cont…

第二章 Vue快速入门--13 讲解v-model实现表单元素的数据双向绑定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门--12 事件修饰符的介绍

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门--10-11 跑马灯效果制作

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门--9 使用v-on指令定义Vue中的事件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <style> [v…

第二章 Vue快速入门--8 v-bind指令的学习

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <style> [v…

第二章 Vue快速入门--7 讲解v-cloak、v-text、v-html的基本使用

7 讲解v-cloak.v-text.v-html的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document…

第二章 Vue快速入门-- 28 自定义按键修饰符

事件处理-按键修饰符 js 里面的键盘事件对应的键码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document<…

第二章 Vue快速入门-- 27 字符串的padStart方法使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门-- 26 过滤器-定义私有过滤器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门-- 25 过滤器-定义格式化时间的全局过滤器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门-- 24 过滤器-Vue中全局过滤器的基本使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门-- 23 品牌案例-根据关键字实现数组的过滤

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门--20 品牌案例-完成品牌列表的添加功能+ 21 品牌案例-根据Id完成品牌的删除

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门-- 19 v-if和v-show的使用和特点

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门-- 18 v-for中key的使用注意事项

注意:如果属性和方法还没定义直接使用的话,就会报 xxx is not defined 导致界面不能正常显示.我看视频教程里老师的可以直接使用,而且界面正常显示,可能是vue版本不同吗?还不清楚 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="…

第二章 Vue快速入门-- 17 v-for指令的四种使用方式

1.v-for循环普通数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> &l…

第二章 Vue快速入门-- 16 vue中通过属性绑定为元素绑定style行内样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

第二章 Vue快速入门-- 15 vue中通过属性绑定为元素设置class类样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <!--1.导入Vue的包…

[第2章:数据绑定] 何为数据绑定?答曰:数据绑定就是将数据和视图相关联,当数据发生变化的时候,可以自动的来更新视图. 数据绑定的语法主要分为以下几个部分: 文本插值:文本插值可以说是最基本的形式了.在vue.js中,使用了Mustache的语法,类似于Angular中的{{}}双大括号的形式.代码如下 <span>Text:{{text}}</span> 当然,如果你只想渲染一次数据,而对以后的数据不再关心的话,你也可以使用下面的语法: <span>Text:{{*t…

Getting Started With Hazelcast 读书笔记(第二章、第三章)

第二章起步本章就相当简单粗暴了,用一个个例子说明hazelcast怎么用. 1.map,set,list这些集合类都是开箱即用的,只要从Hazelcast的实例中获取一份就行. 2.增加了MultiMap(google的guava也有),允许一个key可以有多个value. 3.增加了Predicate做数据筛选,可以用默认的sqlpredicates也可自定义,甚至可以自定义分页查询. client单独出一个jar包了.书里的法子不行.只能自己写. 首先在pom里面加入依赖 <depend…

Java 第二章变量

第二章变量变量称为:是计算机语言中能储存计算机结果或能表示值抽象概念 .变量可以通过变量名访问 int money ; //变量 money=1000; //赋值 int money=1000: //合二为一 System.out.println(money); //使用变量 char (字符型).用于储存单个字符. char 单引号例如: '男' int (整型) 用于储存整数 , 例如 int="25"; double (双精度),用于储存小数例如: "1.33&…

第二章 OO大原则

昨天忙了一天,晚上加班到了12点,虽然工作有时候比较累,但是整体来讲还是比较轻松的,国企加上我是今年才毕业的应届生,导致了现在这种情况.工资也真的不算高...但我觉得最开始还是要踏踏实实一点比较好.学习才是王道嘛,技术好了,功底扎实了,工资自然应该不是问题.今天看的是第二章,OO大原则,这一章可能主要涉及到一些设计模式的基本原则和设计模式,因为这毕竟是软件开发人员的必修课,是成为一个好的软件开发人员的开始,之前完完整整的看了一遍<大话设计模式>,确实写的不错,如果没看过设计模式的可以拿他作为起…

《精通Spring4.x企业应用开发实战》第二章

昨天联系了一下学长,学长说这个项目因为种种原因代码比较混乱,感觉最坏的打算是从头开始写. 大概询问了一下学长和xianhua学姐的建议,又看了看网上的资料,这个项目开发的技术栈基本就是SpringBoot + vue + D3,SpringBoot做后端的东西,vue写个前端的东西,D3用来做知识图谱那个图比较好. 数据库的话应该要用Neo4j,应该还要加一个关系数据库. 先花几天时间突击一下Spring,知乎上推荐这个书的比较多,源码先跑起来看看.废话不多说,从第二章开始看. 第二章主要要求做…

OO第二章总结

OO第二章总结电梯作业终于结束了!!! 这三周作业用多线程模拟搭建电梯的运行,我从开始对多线程的一无所知到结束时的能够完成一些多线程任务的水平,进步还是蛮大的,尽管过程有点艰难. 一.复杂度与UML图分析第一次作业 UML Person类在本次作业没有用到,我只是预留了一个扩展类.MainClass类作为启动,PassengerQueue类是共享资源类,也就是生产者消费者模式的那个传送带.Input是生产者,Elevator是消费者. 复杂度分析电梯类的WMC很高,也就是循环复杂度很高,代…

ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章：利用模型类创建视图、控制器和数据库

在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类.指定数据库连接字符串以及创建一个数据库.最后,我们还将添加视图和控制器来管理和显式产品和分类数据. 注意:如果你想按照本章的代码编写示例,你必须完成第一章或者直接从www.apress.com下载第一章的源代码. 2.1 添加模型类 Entity Framework的代码优先模式允许我们从模型类创…