南方顾屿-优快云博客

原创 day05-Vue-模板语法-插值

目录一、插值1.文本2.原始HTML3.Attribute4.使用 JavaScript 表达式一、插值 1.文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： <span>Message: {{ msg }}</span> Mustache 标签将会被替代为对应数据对象上 msg property 的值。无论何时，绑定的数据对象上 msg property 发生了改变，插值处的内容都会更新。通过使用 v-once 指令，也能执行一次性地

2020-12-19 10:51:37 326 1

原创 day04-Vue-生命周期

目录一、实例生命周期钩子二、生命周期图示一、实例生命周期钩子每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。比如 created 钩子可以用来在一个实例被创建之后执行代码： new Vue({ data: { a: 1 }, created: function () { // `th

2020-12-19 10:23:06 265 1

原创 day03-Vue-数据与方法

目录一、创建一个Vue实例二、数据与方法一、创建一个Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的： var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。举个例子，一个 todo 应用的

2020-12-19 10:06:57 276 1

原创 day02-Vue-创建第一个Vue应用

目录一、起步二、声明式渲染三、条件与循环四、处理用户输入一、起步尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 或者：

2020-12-08 19:59:45 315

原创 node.js 和npm的安装与配置

目录一、node.js1.介绍2.下载与安装3、配置npm在安装全局模块时的路径和缓存cache的路径4.测试二、npm1.介绍2.安装二、cnpm1.介绍2.安装一、node.js 1.介绍 node.js:是一个基于 Chrome V8 引擎的 JavaScirpt 运行环境。 2.下载与安装 1.Node.js 官方网站下载：https://nodejs.org/en/ 2.下载完成后傻瓜式安装，这里就不详细介绍了。 3.安装成功，文件夹结构如下，并在上面安装过程中已自动配置了环境变量和安装好了n

2020-12-06 14:06:16 652

原创 day01-Vue-介绍、安装与部署

目录一、Vue介绍？二、安装1.直接用< script >引入2.CDN三、部署一、Vue介绍？ Vue：渐进式JavaScript框架优点：体积小更高的运行效率双向数据绑定生态丰富，学习成本低二、安装 1.直接用< script >引入 <script src = "vue.js"></script> 2.CDN 该处使用的url网络请求的数据。三、部署 ...

2020-12-06 13:34:34 305

原创 Day07 面向对象-类的五大成员

7.1 类 1.new关键字，来创建一个类的对象； 2.类是对象的模板，对象是类的实例； 3.必需要先创建类的对象，拿对象.方法名的方法来调用； 4.任何类都继承Object类，Object类是所有类的根父类； 5.一个编译单元中可以有多个类，但是只能有一个public类。面向对象的落地法则一： 1）.设计类、并设计类的成员（成员变量&成员方法） 2）.通过类来创建类的对象（也称作类的实例化） 3）.通过“对象.属性”或“对象.方法”来调用完成相应的功能。四种访问权限修饰符： Java权限修饰符

2020-07-27 17:43:34 1391

原创 Day06 方法

6.1 方法的定义方法是一段可以被重复调用的代码块。定义：访问修饰符返回类型方法名（参数列表）{ 方法体; } 实例： public static void main(String[] args) { int r = method(1,2); System.out.println(r); int r1 = method(3,4); System.out.println(r1); } //a b形参 public static int me

2020-07-25 16:34:12 167

原创 Day05 数组的定义与使用

5.1 数组的定义数组:用来储存多个相同数据类型的集合（容器）。定义：静态的定义方式：数据类型 [ ] 数组名 = {数组值}; 数据类型数组名 [ ] = new 数据类型 [ ] { 数组值 }；动态的定义方式：数据类型 [ ] 数组名 = new 数据类型 [ 长度 ]; 定义完后会有默认值： * byte、short、int、long 默认值： 0 * float、double 默认值： 0.0 * char 默认值：\0 * boo

2020-07-25 16:04:17 182

原创 Day04 循环控制语句

4.1 for循环语法： for(初始化语句1;条件判断2;步增语句4){ 循环体3； } //执行顺序：1---> 2 --> 3 --> 4 --> 2 --> 3 .... 2(false) 实例： for(int i=1;i<=7;i++){// 定义i在循环体{}中可以使用 System.out.println("今天星期"+i); } 例题： 1.打印一个等腰三角形 Scanner sc = new Scanner(Sys

2020-07-25 15:16:40 357

原创 Day03 条件选择语句

一级标题二级标题三级标题四级标题五级标题六级标题

2020-07-25 14:39:08 329

原创 Day02 运算符

2.1 运算符分类赋值运算符算术运算符关系运算符逻辑运算符位运算符条件运算符 2.2 赋值运算符(=) （优先级是最最最低的）语法：变量名 = 表达式; 2.2 算术运算符（+ - * / %）注意：统一数据类型; +：可以是字符串的拼接，字符串跟任意类型拼接的结果还是字符串；浮点数不能进行精确的算数运算；当byte short进行运算的时候先提升为int再运算。 ...

2020-07-24 08:54:04 223

原创 Day01 变量和数据类型

1.1 变量变量：常量是固定不变的数据，那么在程序中可以变化的量称为变量。 1.2 数据类型 Java的数据类型分为两大类：基本数据类型：整型：byte(1)、short(2)、 int(4)、 long(8) 浮点型：float(4)、double(8) 字符：char 布尔：boolean 引用数据类型：包括类、数组、接口。 ...

2020-07-23 18:56:51 214

NanFangGuYu的博客