COGOCG的博客

原创 VUE事件处理

原创 vue数据代理

数据代理的定义数据代理：通过一个对象代理对另外一个对象的操作Vue中的数据代理 1. Vue中的数据代理: 通过vm对象来代理data对象中属性的操作(读/写) 2.Vue中数据代理的好处: 更加方便的操作data中的数据 3.基本原理: 通过object . defineProperty( )把data对象

原创 Object.defineProperty

修改了年龄 它就会调用set函数，但是值是没有变的number = value 值就会随着改变

原创 MVVM模型

MVVM模型： 1. M：模型（Model）：data中的数据 2. V：视图（View）： 模型代码 3. VM:视图模型（ViewModel）：Vue实例 视察发现： 1.data中所有的属性，最后都出现在vm身上。 2.vm身上所有的属性，及Vue原型上所有属性，在Vue模板中都...

原创 _el和data的两种写法

el的两种写法 第一种：el：'#root', 第二种：$mountVue 的 mount()为手动挂载，在项目中可用于延时挂载（例如在挂载之前要进行一些其他操作、判断等），之后要手 动挂载上。new Vue时，el和$mount并没有本质上的不同。以后学习组件的时候，data必须使用函数式，否则会报错。由Vue管理的函数，一定不要写箭头函数，一旦写了箭头函数，this就不在是Vue实例了this就...

原创 VUE 数据绑定

总结：Vue 中有两种数据绑定的方式： 1.单项绑定（v-bind）:数据只能从data流向页面。 2.双向绑定（v-model）:数据不仅能从data流向页面，还可以从页面流向data。 备注： 1.双向绑定一般都应用在表单类元素上（如：input ， select等...

原创 VUE 模板语法

1.插值语法2.指令语法v-bind 可以简写为 ：v-bind就是指令表达式 加了v-bing就相当于是一个js表达式vue模板语法有2大类：1.插值语法：功能：用于解析标签内容。写法：{{xxx}}.xxx是js表达式，且可以直接读取到data中的所有属性。2.指令语法：功能：用于解析标签（包括：标签属性，标签体内容，绑定事件…）.举例：v-bind:href=“xxx” 或者简写 :href=“xxx”.xxx同样要写js表达式且可以直接读取到data中的所有属性。备

原创 VUE HELLO小案例

1.想让Vue工作，就必须创建一个Vue实例， 且要传入一个配置对象;2.root容器里的代码依然符合html规范。只不过混入了一些特殊的Vue语法:3.root容器里的代码被称为[Vue模板]:4. Vue实例和容器是一一对应的:5.真实开发中只有一个Vue实例，并且会配合着组件一起使用;6. {{xxx}}中的xx要写js表达式，且xxx可 以自动读取到data中的所有属性:7.一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新:注意区分: js表达式和js代码(语句..

原创 搭建VUE开发环境（直接引入）

1. 直接引入- 官网下载 vue.js（开发版，体积大） 或者vuemin.js- 帮下载的拖入到项目 用script 引入注意:引入的vue.js体积比较大，打开调试会有警告，这时我们要下载vue开发者工具国内的进入不了谷歌应用商店，可以去网上找了下载然后拖入到浏览器拓展程序当中，前提是浏览器的开发者模式要关闭，这时还有一个警告 我们要去配置一下这样的话我们的开发者环境就搭建好了。...

原创 vue简介

什么是VUEVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。VUE特点1. 采用组件化模式，提高代码复用率、且让代码更好维护。（一个.vue就是一个组件）2. 声明式编码,让编码人员无需直接操作DOM,提高开发效率。列如

原创 JAVA中super注意点

super注意点1. super调用父类的构造方法，必须在构造方法的第一个2. super必须只能出现在子类的方法或者构造方法中!3. super和this 不能同时调用构造方法!VS this 代表对象的不同： this：本身调用者这个对象 super：代表父类对象的引用 前提： this：没有继承也可以使用 super：只有再继承条件下使用 构造方法

原创 JavaScript

编程语言编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序:就是计算机所执行的一-系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。人们要控制计算机一定要通过计算机语言向计算机发出命令。计算机语言计算机语言的种类非常的多,总的来说可以分成机器语言,汇编语言和高级语言三大类。...

原创 Java 字符串

package cn.mg.text12;public class Text02 { public static void main(String[] args) { String str1 = "abc"; String str2 = new String("abc"); // 1.长度 int len = str1.length(); System.out.println(len); // 比较 boolean flag = str1 == str2; Syste.

原创 Java 参数和返回值的使用

package cn.mg.text12;public class EmpMng { String[] ps = new String[10];// public void initial() { ps[0] = "张三"; ps[1] = "李四"; ps[2] = "王五"; } public void show() { System.out.println("有如下员工："); for (int i = 0; i < ps.length; i++) {// .

原创 Java 类 方法 返回值

package text01;public class Dog{//属性，静态特征，成员变量，属性具有默认值 String name; String color; double weight; //动态 方法，成员方法 public void show(){ System.out.println("名字"+name+",颜色:"+color+",体重:"+weight); }}package text01;public class Text01 { public .

原创 Java 循环结构

package text07;/* * * * ** * *** * **** * ***** * * i j * 1 1 * 2 2 * 3 3 * 4 4 * 5 5 * */public class Text01 {public static void main(String[] args) { int rows=5; for(int i=1;i<=rows;i++){//外层循环循环行数 .

原创 Java 数组

package text06;public class Text02 {public static void main(String[] args) { //1.声明，各个数据类型的数据具有默认值，数值类型的是0，char是0，boolean false， //其他的是null int[] list =new int[5];//0 //1.分配空间 //list=new int[5]; //2.赋值 list[0]=10; //3.使用 System.out.println.

原创 Java For循环

package text05;public class Text02 { public static void main(String[] args) { /* int i=1;//定义一个循环变量 while(i<=10){//循环条件 System.out.println(i); i++;//修改循环变量 } */ /* int c=100;//do会先执行才会去判断 do{ .

原创 Java 账号密码登录成功实例

package text04;import java.util.Scanner;public class Text07 { public static void main(String[] args) { Scanner flag=new Scanner(System.in); System.out.println("请输入账号"); String num1=flag.next(); System.out.println("请输入密码"); String num.

原创 Java switch和break用法

package text04;import java.util.Scanner;public class Text03 { public static void main(String[] args){ Scanner flag=new Scanner(System.in); System.out.println("请输入一个数"); int num1=flag.nextInt(); switch(num1){ //如果break取消了 只要满足条件会一直执行下去.

原创 Java 多重if

package text04;import java.util.Scanner;public class Text02 { public static void main(String[] args){ Scanner flag=new Scanner(System.in); //多重if System.out.println("请输入成绩"); int score=flag.nextInt(); if(score>=90){ System..

原创 Java运算符

package text03;public class Text01 { public static void main(String[] args){ //1.赋值运算符 //2.算术运算符 int a=10; int b=10; //++a; a++; System.out.println(a); a=10; .

原创 Java 数据类型转换

package text02;public class Text05 { public static void main(String[] args){ //byte short int long float double char boolean //1 2 4 8 4 8 2 1 byte num1=10; int num2=20; //4 1 num2=num1;//类型匹配，小转大 //1 4 .

原创 Java 数据的输入

package text02;//1.引入扫描仪import java.util.Scanner;public class Text04 { public static void main(String[] args){ //定义一个扫描仪 Scanner input=new Scanner(System.in); //提示输入 System.out.println("请输入第一个值"); int num1=input.nextInt(); //doubl.

原创 Java 8大基本数据类型

package text02;public class Text02 { public static void main(String[] args){ byte num1=123;//1 short num2=12345;//2 int num3=1234567891;//4 long num4=12345678901234L;//8 //浮点 float num5=3.14F;//4单精度 double num6=3.14;//双精度 //字符 c.

原创 Java 注释 （单行注释 多行注释 文档注释）

package text02;/*** 文档注释，类，方法上用* @author Administrator*关键字：被系统占用的一组词语，用户可以使用，但不能再定义*保留字：系统之前使用，现在不用，现在可能会用的词语。goto*标识符：用户能够定义的名字*(1)由字母，数字，$，_，不能以数字开始*(2)不能关键字*(3)见名思意，严格区分大小写*(4)采用驼峰标识，类名首字母大写，变量名方法名首字母小写，常量名全大写**/public class Text...

原创 html-06

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border="1" width="50%" align="center"> <caption>年终数据报表&lt...

原创 html-05 表格拓展

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border="1" width="50%" align="center"> <caption>年终数据报表&lt...

原创 html-04表格跨行跨列

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border="1" width="30%" align="center"> <tr> ...

原创 html-03

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table align="center" cellpadding="100px" cellspacing="0" border="1"width="50%" heigh...

原创 html-02

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form action="s.html"method="get"> <table b...

原创 html-01

<!--文档类型说明，说明是一个html5的页面--><!DOCTYPE html><!--文档的开始--><html> <!--文档头的开始--> <head> <center> <!--指定文档编码方式UTF-8，为了解决中文乱码--> <meta charset="utf-8" /> <tit...

原创 选择结构

if单选泽结构if双选择结构if多选择结构嵌套的if结构switch多选择结构if单选泽结构我们很多时候需要去判断一个东西是否可行，然后我们才去执行，这样一个过程在程序中用if语句来表示语法：if（分布表达式）{//如果布尔表达式为ture将执行的语句}if双选择结构那现在有个需求，公司要收购一个软件，成功了，给人支付了100万元，失败了，自己找人开发，这样一个需求用一个if就搞不定了，我们需要有两个判断，需要一个双选择结构，所以有了if—else结构。语法：if（布尔表达式）{.

原创 顺序结构

JAVA的基本结构就是顺序结构，除非特别指明，否则就按照顺序一句一句执行顺序结构是最简单的算法结构。语句与语句之间，框与框之间是按从上到下的顺序进行的，它是由若干个一次执行的处理步骤组成的，他是任何一个算法都离不开的一种基本算法结构。...

原创 Java流程控制

用户交互 Scanner顺序结构选择结构循环结构break&continue基本语法：Scanner s = new Scanner(System.in);通过Scanner类的next()与nextLine()方法获取输入的字符串，在读取前我们一般需要 使用hasNext（）与hasNextLine（）判断是否还有输入的数据。3. List itemscanner的进阶使用...

原创 Java doc

javadoc命令是用来生成自己API文档参数信息@author作者名@version版本名@since指明需要是最早使用的jdk版本@param 参数名@return返回值情况@异常抛出情况使用IDEA生成文档

原创 三元运算符及小结

原创 逻辑运算符 位运算符

逻辑运算符：&&， ||，！位运算符：&， |，^,~,>>,<<,>>><< 左移 *2右移 /2

原创 自增自减运算符 初识Math类

原创 运算符

Java语言支持如下运算符*算数运算符:+, -, , /, %, ++, –赋值运算符=关系运算符：>, <, >=, <=, ==, !=instanceof逻辑运算符：&&，||，！位运算符：& ，|, ^, ~, >>,<< ,>>>(了解！！！)条件运算符？：拓展赋值运算符：+=， -+， *=， /=...