- 博客(49)
- 收藏
- 关注
原创 9.条件渲染
条件渲染1.v-if写法:(1).v-if=“表达式”(2).v-else-if=“表达式”(3).v-else=“表达式”适用于:切换频率较低的场景。特点:不展示的DOM元素直接被移除。注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被“打断”。2.v-show写法:v-show=“表达式”适用于:切换频率较高的场景。特点:不展示的DOM元素未被移除,仅仅是使用样式隐藏掉【底层是操控display实现】3.备注:使用v-if的时,元素可能无法
2022-04-04 15:46:47
343
原创 8.绑定class样式和style样式
绑定样式:class样式写法:class=“xxx” xxx可以是字符串、对象、数组。字符串写法适用于:类名不确定,要动态获取。对象写法适用于:要绑定多个样式,个数不确定,名字也不确定。数组写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用不用。style样式:style="{fontSize: xxx}“其中xxx是动态值。:style=”[a,b]"其中a、b是样式对象(样式对象即CSS中存在的属性)。注意:实际开发中绑定class样式较多<!DOC
2022-04-04 15:16:46
192
原创 7.监视属性watch
天气切换案例<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>天气案例</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <
2022-04-03 18:24:31
689
原创 Android Studio 实现单选对话框
上效果图activity_main.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"
2022-04-03 10:30:10
5318
1
原创 6.计算属性
计算属性: 1.定义:要用的属性不存在,要通过已有属性计算得来。 2.原理:底层借助了Objcet.defineproperty方法提供的getter和setter。 3.get函数什么时候执行? (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。 4.优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便。 5.备注: 1.计算属性最终会出现在vm上,直接读取使用即可。
2022-02-20 13:28:30
260
原创 5.事件处理
事件的基本使用:1.使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名;2.事件的回调需要配置在methods对象中,最终会在vm上;3.methods中配置的函数,不要用箭头函数!否则this就不是vm了;4.methods中配置的函数,都是被Vue所管理的函数,this的指向是vm 或 组件实例对象;5.@click=“demo” 和 @click=“demo($event)” 效果一致,但后者可以传参;<!DOCTYPE html><html lang
2022-02-20 13:24:28
106
原创 4. Vue中的数据代理
点击查看<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>回顾Object.defineproperty方法</title> </head> <body> <script type="text/javascript" > let number = 18 let person = { nam
2022-02-11 18:37:00
112
原创 4.MVVM模型
MVVM模型观察发现:1.data中所有的属性,最后都出现在了vm身上。2.vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直接使用。
2022-02-11 17:27:50
337
原创 3.el和data的两种写法
el 和 data 的两种写法在这里插入代码片 <div id="root"> <h2>你好,{{name}}</h2> </div>el第一种写法是new Vue时候配置el属性。<script type="text/javascript"> Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。 new Vue({ el:
2022-02-11 16:37:50
268
原创 2.Vue的2种数据绑定方式
Vue的2种数据绑定方式单项数据绑定【v-bind】数据只能由data流向页面双向数据绑定【v-model】数据既能由data流向页面,又能由页面流向data备注:1.双向绑定一般都应用在表单类元素上(如:input、select等)2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。<!DOCTYPE html><html> <head> <meta charset="UTF-8
2022-02-11 14:05:54
388
原创 1.Vue模板语法有2大类(插值语法和指令语法)
Vue模板语法有2大类: 1.插值语法: 功能:用于解析标签体内容。 写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。 2.指令语法: 功能:用于解析标签(包括:标签属性、标签体内容、绑定事件.....)。 举例:v-bind:href="xxx" 或 简写为 :href="xxx",xxx同样要写js表达式, 且可以直接读取到data中的所有属性。 备注:Vue中有很多的指令,且
2022-02-11 00:45:30
305
原创 初识Vue
初识Vue引入Vue<script type="text/javascript" src="../js/vue.js"></script>准备好一个容器 <div id="demo"> <h1>Hello,{{name.toUpperCase()}},{{address}}</h1> </div>创建Vue实例 <script type="text/javascript" > Vue.co
2022-02-11 00:44:31
173
原创 Vue简介
Vue简介vue-cli 即vue脚手架,专门做工程化开发vue-router 用于做前端路由vuex帮我们保管数据element-ui 为ui组件库???什么是Vue动态构建用户界面的渐进式 JavaScript 框架1.1.3. Vue 的特点遵循 MVVM 模式编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发它本身只关注 UI, 也可以引入其它第三方库开发项目...
2022-02-09 16:35:23
580
原创 Java笔记(多态)
多态的前提多态中成员访问的特点package 测试;/* * @Author: vebin * @Date: 2021/10/21 - 10 - 21 - 13:09 * @Description: 测试 * @version: 1.0 */class fu{ public int num=100; public void show(){ System.out.println("我是父类的show"); } public static
2021-10-21 22:51:34
116
原创 Java笔记(继承)
继承的格式继承的特点继承的优点继承中的注意事项this和super关键字继承中成员变量的关系以及子类中访问一个变量的顺序继承中的构造方法【注意】this(…)和super(…)必须写在第一条语句,否则会对父类数据进行多次初始化!Java继承-面试题面试题1面试题2 重点总结...
2021-10-16 16:12:37
85
原创 Java笔记(制作说明书)
?制作说明书?why在以后的实际开发中,你实际收到的不是一个java文件,而是一个class文件。而你是不知道这个类中封装的方法的作用以及要传的参数等,故需要自己生成一个说明书!?howa.写一个工具类b.对这个类加入文档注释,IDEA中快捷键:/** + enter (多行注释) /** + tab(文档注释)c.用工具解析文档注释【javadoc工具】d.在DOS窗口输入以下格式:Javadoc -d目录 -author -version 类名.java在IDEA中的操作如下:如
2021-10-16 08:58:16
138
原创 Java笔记(static关键字,main格式讲解)
静态static内存图解【注】所有的静态成员变量和成员方法都是放在内存中的方法区里开辟的静态区。可被类的所有对象共享。而类加载之后其对应的main方法不用通过创建对象而直接进入栈内存是因为main方法是静态的,可以通过虚拟机直接类调用。...
2021-10-10 13:45:52
140
原创 Java笔记(面向对象,类,this关键字,封装(private),匿名对象,成员变量和局部变量)
面向对象的特征封装性继承性多态性Java 面向对象的特征 - 掘金 (juejin.cn)? 面向对象的思想特点一种更符合我们思考习惯的思想复杂的事情简单化让我们从执行者变为指挥者Java程序的开发设计和特征类和对象? 如何使用类? 对象的内存图匿名对象成员变量与局部变量封装(private)this关键字? this的内存图解? 面向对象_创建对象过程中内存变化图解? 变量何时定义为成员变量,变量到底定义在哪里好?..
2021-10-04 17:57:16
100
原创 Java笔记(Java中的5个内存空间、数组的定义格式、方法重载)
Java中的5个内存空间为了提高程序的效率,Java将数据进行不同空间的分配。分为如下5个内存空间:堆内存的特点:方法重载方法相同,参数列表不同的情况,为见名知意,Java允许起名一样方法的注意事项:(1)不调用不执行; (2)方法不能互相嵌套数组一维数组? 何为数组的初始化动态初始化 : 初始化时只指定数组的长度,由系统为数组分配初始值静态初始化 : 初始化时指定元素的初始值,长度由系统决定? 数组操作的两个常见问题数组索引越界异常:A
2021-10-04 11:05:58
173
原创 炫酷集2021
https://www.html5tricks.com/demo/css3-login-lighting-button/index.html#
2021-09-19 23:50:06
92
原创 Node.js(尚硅谷笔记总结)
课前了解的知识CMD基本知识1.命令行窗口(小黑屏)、CMD窗口、终端、shell- 开始菜单 --> 运行 --> CMD --> 回车- Win + R --> CMD --> 回车- 常用的指令 dir 列出当前目录下的所有文件 cd 目录名 进入到指定的目录 md 目录名 创建一个文件夹 rd 目录名 删除一个文件夹-目录 . 表示当前目录 .. 表示上一级目录-环境变量(window系统中的变量 ) PATH 一个
2021-08-11 17:57:57
999
原创 jQuery学习笔记汇总2-jQuery
知 识 点 提 炼 方法show( );等价于设置元素的display属性为block 方法hide( );等价于设置元素的display属性为none prev( );上一个兄弟。 prevAll( );之前所有的兄弟 next( ); 下一个兄弟。 nextAll( );之后所有的兄弟 on可用来注册事件 。off()用来解绑事件 常见选择器汇总(例):$('#id'),$('.class'),$('div'),$('div,p,li'),$('div..
2021-08-08 12:29:28
368
原创 jQuery学习笔记汇总1-jQuery的介绍
1.什么是 jQuery 呢?jQuery是一个封装了很多方法的 js 库,Jquery是通过JavaScript来实现的下载jQuery文件(有不同版本,根据需要自行下载) : https://jquery.com/【注】1.xx支持ie6 7 8,停更了2.x 不支持老浏览器,停更了3.x不支持老浏览器,更新ing2.如何使用jQuery1、 引入jQuery文件2、 写入一个入口函数3、 找到所要操作的元素入口函数有2种写法个人喜欢用第二种
2021-08-07 10:14:42
102
原创 JS笔记 JSON
什么是JSON?JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式,使用特别广泛。采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。简而言之:JS中的对象只有JS自己认识,其他语言都不认识。JSON就是一种特殊的字符串,这个字符串可以被任意的语言识别。并且可以转换为任何语言中的对象JSON的作用在开发中
2021-07-27 15:19:23
109
原创 JS笔记 类操作(通过修改元素的class属性来间接修改样式)
通过更改类名来修改元素的属性 <style type="text/css"> .b1{ width: 150px; height: 150px; background-color: green; } .b2{ width: 250px; height: 250px; background-color: greenyellow; } </style>
2021-07-26 21:39:33
1370
原创 JS笔记 BOM之Window对象【定时器简介】
BOM(浏览器对象模型)重点!!!Window 对象Navigator 对象Screen 对象History 对象Location 对象Window 对象常用几种方法:alert(); 显示带有一段消息和一个确认按钮的警告框。confirm( );显示带有一段消息以及确认按钮和取消按钮的对话框。prompt( );显示可提示用户输入的对话框。clearInterval() 取消由 setInterval() 设置的 timeout。clearTimeout() 取消由 setT
2021-07-23 19:40:47
168
原创 JS笔记 BOM之location(获取当前 URL 的信息)
assign( )的左作用和 location = “ ”一样reload( )方法中传一个true作为参数,则为强行清空缓存刷新页面replace( )会替换当前页面,不会生成历史记录(没办法实现前进后退)
2021-07-22 23:00:58
187
原创 JS笔记 BOM之History(操作页面向前向后翻)
BOM(浏览器对象模型)重点!!!Window 对象Navigator 对象Screen 对象History 对象Location 对象History 对象History 对象包含用户(在浏览器窗口中)访问过的 URL。History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。方法back() 加载 history 列表中的前一个 URL。forward() 加载 history 列表中
2021-07-22 15:19:18
140
原创 JS笔记 BOM之Navigator 对象(识别不同的浏览器)
BOM(浏览器对象模型)重点!!!Window 对象Navigator 对象Screen 对象History 对象Location 对象Navigator 对象其属性只剩下下面这一个有实际意义userAgent返回由客户机发送服务器的 user-agent 头部的值。由于IE11中navigator.user-agent字符串中没有可以与其他浏览器区分开来的字符串,故可以用下面这种方法 window.ActiveXObjectActiveXObject 经常用来判断是否为IE11判
2021-07-22 13:52:01
192
原创 JS笔记 键盘事件
键盘事件主要包括:onkeydown、onkeypress、onkeyup最常用的是onkeydown(按下键盘)、onkeyup(松开键盘)以onkeydown为例onkeydown以下面这个为例,为输入框的id 为input,获取id为input的元素,为其绑定一个键盘被按下事件,函数传一个参数event,该事件有以下常用属性:– keyCode 获取按键的编码(ASCII码)—1. altKey—2. ctrlKey—3. shiftKey<script type = "te
2021-07-22 11:44:08
137
原创 JS笔记 事件的冒泡
何为事件的冒泡?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-06-20 23:23:14
119
原创 MySQL数据库 *实验19触发器
一、实验目的1、掌握触发器工作机制2、掌握触发器的设计二、实验内容本次实验模拟生成一个日志表,当用户对xs表数据有插入或删除操作后,在日志表record中记录1、在xscj数据库中增加了一张record表,该表的结构如图1所示 图1 record表结构2、为xs表设计insert触发器,当xs表插入一条数据后,在record表记录操作的信息提示:用户名用函数user()获取,操作类型是’插入’,原内容为null,新内容为插入数据的学号+姓名,时间用函数datetime()
2021-06-17 18:46:22
587
原创 MySQL数据库 *实验18错误处理
期末考核快要来了,好紧张鸭一、实验目的掌握存储过程中的异常声明当存储过程执行出现异常时,会处理异常二、实验准备上次实验17已经设计了一个main过程,它能实现以下功能创建表xs1调用get_name过程得到随机生成的姓名和性别通过循环语句将10000个学生的学号、姓名、性别插入到xs1表中查看xs1表的记录三、实验内容复制和修改main过程,另存为main2过程,在main2存储过程中需要增加这些内容声明异常用创建xs1表同样的方式创建表xs2给xs2表的姓名列添加唯一
2021-06-15 23:46:05
750
6
原创 JS笔记 div跟随鼠标移动案列
div跟随鼠标移动案列前情提要:实现box1跟随鼠标的移动而移动要求:1、要兼容Chrome、火狐、IE不同版本的浏览器`效果如下:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YdKaaaVf-1623682127216)(C:%5CUsers%5C%E8%A8%80%E4%BA%BA%E5%86%B0%5CVideos%5CCaptures#pic_center)]body里面的代码块<body> <div id="box1">我
2021-06-14 22:56:21
274
2
原创 MySQL数据库 *实验17存储过程
青春之码 用智慧去破解更多可能<<<<<<【注】本实验有导入编写好的数据库xscj,xs表在本次有用到,下面展示它的表结构1、以下是一个过程get_a_character的部分代码,需要大家完善代码。该过程实现输入任意一个字符串(s),该过程执行后从s字符串中任意抽取一个字符,并将此字符返回给变量w可以通过以下语句测试get_word过程是否编写成功<<<<<<<<<<<<<&
2021-06-02 13:53:20
1047
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人