- 博客(37)
- 收藏
- 关注
RSS订阅原创 016列表渲染
列表渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表渲染</title> <script type="text/javascript" src="js/vue.min.js"></script></head><body> <div id="root
2021-11-23 17:40:42
351
原创 015条件渲染
条件渲染v-if结构都不在了key解决切换同一元素时不重新加载渲染的问题v-show视觉效果上不见，实际上还存在该节点，底层就是调整css的display属性<template></template>标签不会破坏页面结构，可以代替div结合条件渲染使用...
2021-11-23 17:39:05
453
原创 013绑定class样式
绑定class样式<style> .basic{...} .normal{...} .happy{...} ...</style>...//字符串写法，适用于样式的类名不确定，需要动态指定<div class="basic" :class="a" @click="changeStyle"></div>//数组写法，适用于要绑定的样式个数不确定，名字也不确定<div class="basic" :class
2021-11-23 17:35:02
53
原创 012Computed和Watch之间的区别
Computed和Watch之间的区别computed能完成的watch都能完成watch能完成的，computed不一定能完成，例如：watch可以进行异步操作两个重要的小原则所被vue管理的函数，最好写成普通函数，这样this的指向才是vm或组件实例对象所有不被vue管理的函数（定时器的回调函数，ajax的回调函数等），最好写成箭头函数，这样this的指向才是vm或组件实例对象...
2021-11-23 17:34:32
612
原创 011监视属性-watch
监视属性-watchwatch:{}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>监视属性</title> <script type="text/javascript" src="js/vue.js"></script></head><body><div
2021-11-23 17:34:06
48
原创 010计算属性
计算属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>姓名案例_计算属性实现</title> <script type="text/javascript" src="js/vue.min.js"></script></head><body><div id="r
2021-10-20 10:16:58
52
原创 009键盘事件
键盘事件@keydown@keyupvue中常用的按键别名：回车=>enter删除=>delete（捕获删除和退格键）退出=>esc空格=>space换行=>tab(特殊，不需配合keydown使用)上=>up下=>down左=>left右=>rightvue未提供别名的按键，可以使用按键原始的key去绑定，但注意要转为kebab-case（短横线命名）系统修饰键（特殊）ctrl/alt/shift/meta（win键）
2021-10-20 10:16:27
52
原创 008事件修饰符
事件修饰符Vue中的事件修饰符（@click.xxx）：prevent：阻止默认事件（常用）stop：阻止事件冒泡，不让外层响应（常用）once：事件只触发一次（常用）capture：使用事件的捕获模式self：只有event.target是当前操作的元素才触发事件,也能阻止冒泡passive：事件的默认行为立即执行，无需等待事件回调执行完毕@click点击@scroll滚动条滚动@wheel鼠标滚轮滚动，先执行函数调用等它执行完再执行默认行为，即事件回调完毕再滚动条滚动修饰符可以
2021-10-20 10:15:46
76
原创 007事件处理
事件处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件的基本使用</title> <script type="text/javascript" src="js/vue.js"></script></head><body> <div id="root"
2021-10-20 10:15:14
57
原创 006理解数据代理
理解数据代理通过一个对象代理另一个对象中的属性的操作 （读/写）<script> let obj = {x:100} let obj2 = {y:200} Object.defineProperty(obj2,'x'),{ get(){ return obj.x }, ser(value){ obj.x = value } }</script>
2021-10-20 10:14:12
45
原创 005Object.defineProperty
Object.defineProperty定义/添加属性<script> let number = 18 let person = { name:'asda', sex:'male', } Object.defineProperty(person,'age',{ value:18, //age不可以被枚举，不参与遍历 //enumerable:true, //控制属性可以枚举，默认值是fals
2021-10-20 10:13:38
37
原创 004MVVM模型
MVVM模型M：模型（Model）：对应data中的数据V：视图（View）:模板VM：视图模型（ViewModel）：Vue实例对象Vue一般用vm命名vue实例data中所有的属性最终全部出现在vm上vm里有的属性和Vue原型上的属性都能直接用...
2021-10-20 10:12:59
44
原创 003el与data的两种写法
el与data的两种写法el第一种写法：new的时候指定el，el:’#root’第二种写法：v.$mount(’#root’)data第一种写法：对象式data:{ name:‘xxx’}第二种写法：函数式,data普通函数中的this是Vue对象，箭头函数this是全局window，组件必须用函数式不然会报错，vue管理的函数一定不要写箭头函数data:function(){ return{ name:‘xxx’ }}data(){ return{ na
2021-10-20 10:12:28
52
原创 002数据绑定
数据绑定v-bind单向绑定,数据只能从data流向页面v-model双向绑定，只能用在表单类元素里，v-model:value可以简写为v-model，默认收集value
2021-10-20 10:11:54
43
原创 001模板语法
模板语法模板root容器中的代码称为vue模板插值语法功能：用于解析标签体内容{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。指令语法功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）。举例：v-bind: =========>:v-binf:href="xxx"或:href=“xxx”，xxx同样要写js表达式...
2021-10-20 10:11:19
42
原创 Java对象List使用陷阱
Java由一个对象List筛选或者浅复制得到的另一个对象List里面的引用和原List里的引用指向同一个地址，修改其中一个List里的共有对象时，同时会影响到两个List里存放的对象package test;import java.util.ArrayList;import java.util.List;import java.util.stream.Collectors;public class CodeTest { private String value;
2021-10-13 10:52:10
212
转载 MySQL散记（一）
-- CREATE DATABASE deaoyi-- USE deaoyi-- SHOW DATABASES-- SHOW TABLES/*CREATE TABLE stu( PRIMARY KEY int id, VARCHAR(20) name)*/-- DROP DATABASE deaoyi-- SHOW DATABASESCREATE DATABASE schoolSHOW DATAB...
2021-03-28 17:06:52
64
原创 Java学习笔记（十六）——多线程
文章目录一、线程简介1、程序、进程、线程2、线程创建2.1、继承Thread类2.2、实现Runnable接口2.3、实现Callable接口3、多个线程同时操作同一个对象4、龟兔赛跑二、静态代理模式1、例子三、Lamda表达式1、why lamda？2、函数式接口3、推导过程一、线程简介1、程序、进程、线程程序：指令和数据的有序集合。其本身没有任何运行的含义，是一个静态概念。进程：程序的一次执行过程。它是一个动态的概念，是系统分配资源的单位。线程：一个进程中包含一个或多个线程，线程是CPU
2021-03-27 16:29:51
83
原创 Java学习笔记（十五）——异常
文章目录一、Error和Exception二、捕获和抛出异常三、自定义异常一、Error和Exception异常指程序运行中出现的各种不期而至的状况。例如：文件找不到、网络连接失败、非法参数等。异常分为运行时异常和非运行时异常（检查性异常）。错误不是异常，是写程序的时候出现了“毁天灭地”的操作，例如栈溢出，JVM虚拟机直接停止运行。二、捕获和抛出异常异常处理的五个关键字：try/catch/finally/throw/throwspackage com.testexc;public
2021-03-25 15:14:11
78
原创 Java学习笔记（十四）——常用类
文章目录一、包装类1、包装类的基本知识2、包装类用途3、自动装箱和拆箱4、包装类的缓存5、自定义一个包装类二、字符串相关类1、String不可变字符序列原因2、StringBuilder和StringBuffer3、不可变和可变字符序列一、包装类1、包装类的基本知识Java是面向对象的语言，但并不是“纯面向对象”，因为我们经常用到的基本数据类型就不是对象。但是我们在实际应用中经常需要将基本数据类型转换成对象，以便于操作。为了解决这个不足，Java在设计类的时候为每一个基本数据类型设计了一个对应的
2021-03-23 11:22:25
121
原创 Java学习笔记（十三）——数组
文章目录一、数组的概念1、数组的定义2、创建数组对象3、初始化二、数组的常见操作1.数组的遍历2、数组的拷贝3、java.util.Arrays类三、多维数组四、数组存储表格数据1、使用二维数组保存表格数据2、使用javabean和一维数组保存表格数据五、Comparable接口一、数组的概念1、数组的定义数组是相同类型数据的有序集合。其中每一个数据称为元素，每个元素可通过一个索引【下标】来访问他们。数组的四个基本特点：长度是确定的。数组一旦被确定，它的大小就是不可改变的。其元素类型必须是相
2021-03-20 17:18:28
129
原创 Java学习笔记（十一）——内部类
文章目录一、内部类是什么？二、内部类的作用三、内部类的分类1、非静态内部类2、静态内部类3、匿名内部类4.局部内部类一、内部类是什么？内部类是一类特殊的类，指的是定义在一个类的内部的类。实际开发中，为了方便的使用外部类的相关属性和方法，这时候通常会定义一个内部类。二、内部类的作用内部类提供了更好的封装，只能让外部类直接访问，不允许同一个包中的其他类直接访问。内部类可以直接访问外部类的私有属性，内部类被当成其外部类的成员，但外部类不能访问内部类的内部属性。三、内部类的分类1、非静态内部类
2021-03-20 14:20:25
79
原创 Java学习笔记（十）——String类基本用法
package com.string;public class test1 { public static void main(String[] args){ String str1 = new String("abcdefg"); String str2 = "abcdefg"; String str3 = "abcdEFG"; String str4 = "def"; System.out.println(st
2021-03-18 15:39:00
75
1
原创 Java学习笔记（九）——抽象类和接口
文章目录一、抽象方法和抽象类抽象方法抽象类抽象类的使用要点二、接口（interface）1.引入库2.读入数据一、抽象方法和抽象类抽象方法使用abstract修饰的方法，没有方法体，只有声明。定义的是一种“规范”，就是告诉子类必须要给抽象方法提供具体的实现。抽象类包含抽象方法的类就是抽象类。通过abstract方法定义规范，然后要求子类必须定义具体实现。通过抽象类，我们就可以做到严格限制子类的设计，使子类之间更加通用。抽象类和抽象方法的基本用法package com.testabstrac
2021-03-18 14:41:35
121
1
原创 Java学习笔记（八）——多态
文章目录一、多态的概念和实现示例二、对象的转型一、多态的概念和实现多态指的是同一个方法调用，由于对象的不同可能会有不同的行为。多态的要点：多态是方法的多态，不是属性的多态（多态与属性无关）多态的存在要有3个必要条件：继承、方法重写、父类引用指向子类对象父类引用指向子类对象后，用该父类引用调用子类重写的方法，多态就出现了示例package com.polymorphism;public class Animal { public void shout(){
2021-03-17 17:06:36
76
1
原创 Java学习笔记（七）——封装
Java学习笔记（七）——封装文章目录Java学习笔记（七）——封装前言一、封装的作用和含义二、封装的实现——使用访问控制符三、封装的使用细节前言封装是面向对象三大特征之一。对于程序合理的封装让外部调用更加方便，更加有利于协作，同时对于实现者来说也更加容易修正和改版代码。一、封装的作用和含义封装就是把对象的属性和操作结合为一个独立的整体，并尽可能隐藏对象的内部实现细节。我们程序设计要追求“高内聚，低耦合”。高内聚就是类的内部数据操作细节自己完成，不允许外部干涉；低耦合是仅仅暴露少
2021-03-17 16:25:19
60
原创 Java散记（二）
Object类Object类是所有Java类的根基类，所有Java对象都拥有object类的属性和方法，如果在类的声明中未使用extends关键字指明其父类，则其默认继承object类。注意：除了构造方法之外的所有属性和方法都被继承。但是不是所有的都能直接使用，如私有属性等。1、toString方法object类中定义的public String toString()方法，其返回值类型是String，默认返回“类名+@+16进制hashcode”，在打印输出或者用字符串连接对象时，会自动调用该对象的
2021-03-17 15:23:15
66
原创 Java散记（一）
public class MianXiangDuiXiang {}class exm1 extends MianXiangDuiXiang{ /**static修饰的变量叫静态变量，在内存中存放在方法区； * 局部变量是方法内定义的变量，存放在栈帧中； * 成员（实例）变量存放在堆里面，定义在类内方法外。 * this调用的是类本身的属性，在实例化的时候this相关存放在堆中 * this不能在被static修饰的地方使用 */ //继承
2021-03-12 20:36:33
81
原创 Java学习笔记（五）——面向对象（一）
面向对象文章目录面向对象前言一、面向过程和面向对象的区别二、对象和类1.引入库2.读入数据总结前言在思考面向对象的时候可以类比表格结构，类就相当于表格，类的属性相当于表格的属性，类的方法相当于表格所有内容都有的动作，对象相当于表格中的每一行内容，即每一个元组。世间万物都包含静态属性和动态动作，即都可以抽象成类用面向对象的方法处理。一、面向过程和面向对象的区别面向过程：执行者思维。首先思考怎么按步骤实现，并将步骤对应成方法，一步一步实现。适合简单任务，不需要过多协作的情况下，重点关注如何执行。比如说
2021-03-11 17:05:52
94
原创 Java学习笔记（四）——方法
public class TestMethod { //方法用来处理数据，相当于其他语言的函数 /*方法声明的一般格式： public static 返回值类型 方法名（形式参数列表）{...} 方法调用方式： 对象名.方法名(实参列表); */ //alt+enter快捷键在IDEA可以提示错误解决办法 /** * 方法的重载(Overload)： * 方法的重载是指一个类中可以定义多个方法名相同，
2021-03-10 19:44:18
53
原创 Java学习笔记（三）——带标签的break、continue、控制语句的底层控制
底层控制是跳转，类似于C++里的goto（goto现在仍然作为关键字被Java保留，但别用）。就和指针运算一样，指针在Java中只是对于开发者不存在，但是在Java虚拟机中存在大量的指针运算，只是不需要我们写。...
2021-03-10 16:34:29
82
原创 Java学习笔记（二）——switch
switch(表达式){ case 值 1: 语句序列1; [break]; case 值 2: 语句序列2； [break]; ... [default: 默认语句;]}//switch的case标签在JDK1.5之前必须是整数（long除外）或者枚举，在JDK1.7之后可以是字符串。...
2021-03-10 16:00:28
50
原创 Java学习笔记（一）——变量数据类型运算符
Java学习笔记（一）——变量数据类型运算符前言注释标识符变量（variable）前言Java的各种版本：Java SE（Java standard edition）：标准版，定位在个人计算机上的应用。Java EE（Java enterprise edition）：企业版，定位在服务器端的应用。Java ME（Java micro edition）：微型版，定位在消费性电子产品的应用（几乎不用）。Java在运行过程中既要经过编译也要经过解释，如图：JDK、JRE、JVM之间的关系：JVM
2021-02-19 12:01:37
157
原创 VI和VIM的简单使用
VI和VIM的使用（一）欢迎使用VI和VIM编辑器三种模式常用快捷键打开文件退出编辑器欢迎使用VI和VIM编辑器VI是Linux内置的文本编辑器，相当于Windows下的记事本，VIM可以理解为VI的加强版，具有程序编辑能力，可以主动的以字体颜色辨别语法的正确性，方便程序设计。代码补全、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。三种模式常用快捷键拷贝当前行（正常模式）：y + y拷贝当前行向下5行（正常模式）：5 + y+ y粘贴（正常模式）：p删除当前行（正常模式）：
2021-01-25 17:22:48
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人