自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(59)
  • 收藏
  • 关注

原创 vue-绑定样式

<!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"> <title>绑定样

2022-02-11 09:00:00 114

原创 vue-条件渲染

<!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"> <title>条件渲

2022-02-10 09:01:29 122

原创 vue-监视属性

1.天气案例<!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"> <title

2022-02-10 09:00:00 226

原创 vue-计算属性

<!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"> <title>姓名案

2022-02-09 11:00:36 287

原创 vue-事件处理

1.事件的基本使用<!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"> <ti

2022-02-09 10:53:41 410

原创 vue-数据代理

<!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"> <title>回顾O

2022-02-09 10:49:53 274

原创 vue-MVVM模型

<!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"> <title>理解M

2022-02-09 10:46:15 106

原创 vue-el与data的两种写法

<!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"> <title>el与

2022-02-09 10:41:25 90

原创 vue-数据绑定

<!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"> <title>数据绑

2022-02-09 10:39:38 127

原创 Vue模板语法

<!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"> <title>模板语

2022-02-09 10:38:34 101

原创 vue-初识Vue

<!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"> <title>初始v

2022-02-09 10:36:19 416

原创 微信小程序自定义组件传递属性

自定义组件传递属性1.在自定义组件上传递自定义属性,如∶<Pubiitle myTitle="行业动态" />2.需要来到PubTitle自定义组件的js中,接收该自定义属性,如:properties: {//myTitle就是自定义的属性名,需要指定type(String/Number/Array/Objact),指定value默认值。myTitle : {type :string,value : ""}3.在PubTitle.wxml中渲染从前端传递过来的属性。如︰

2022-01-19 15:10:57 615

原创 微信小程序自定义组件的创建方法

1.在根目录下创建components文件夹。(第一次的时候创建,以后就不需要再创建了)2.在components下面创新组件名,如xsj,继续在xsj文件夹下单击右键,新建component。3.在创建好的组件的wxml中写出你想显示的内容即可,在wxss中编辑样式4.比如首页想要调用xsj组件,那么就需要在index.json中进行配置。5.在index.json中的调用方法,属性名是组件名,值就是组件的路径"usingComponents" : { "xsj":"/components/x

2022-01-17 20:57:11 620

原创 mysql-多表查询

CREATE DATABASE duobiao;/*动物表:动物名字、分类、雌雄、大小、入园时间、生日......类别表:类别名称、动物管理员、区域、.....工作人员表:姓名、性别、年龄、分管区域简历表(工作人员简历):姓名、性别、婚姻状况、身高、年龄....*/#工作人员表:姓名、性别、分管动物数量CREATE TABLE worker(wid INT PRIMARY KEY COMMENT '主键id',wname VARCHAR(15) NOT NULL COMMENT '打工

2022-01-17 20:51:07 464

原创 MySQL-高级查询2

DROP TABLE stu;DROP TABLE class;DROP DATABASE zhazhen;CREATE DATABASE zhazhen;USE zhazhen;CREATE TABLE type_table(tid INT PRIMARY KEY,tname VARCHAR(10));CREATE TABLE foods(fid INT PRIMARY KEY,fname VARCHAR(10) NOT NULL,fbuild DATE,fsale DOUBLE

2021-12-16 08:00:00 62

原创 MySQL-高级查询

DROP TABLE money;/*高级查询:对原始数据进行处理和分析聚合函数:1.count():计数、统计2.max()/min():最大值/最小值3.avg():平均数4.sum():求和5.group_concat():列举该部分所有值常和group by子句联合使用:分组查询*/CREATE DATABASE xhdb;USE xhdb;CREATE TABLE class(cid INT PRIMARY KEY,-- 主键cname VARCHAR(10) N

2021-12-15 17:04:11 297

原创 MySQL-高级操作

DROP DATABASE zhazhen;CREATE DATABASE zhazhen;CREATE TABLE money(id INT PRIMARY KEY,username VARCHAR(10) NOT NULL,money DOUBLE);INSERT INTO money VALUES (1,'徐凤年',120000),(2,'张良',2312.36),(3,'韩非',12937.34),(4,'王翦',2365222),(5,'简不知',23562.32);SELECT

2021-12-08 16:56:35 390

原创 MySQL-批量插入数据

DROP TABLE zhuanye;SHOW CREATE TABLE class;SHOW CREATE TABLE student;SHOW CREATE TABLE sushe;SHOW CREATE TABLE teacher;SHOW CREATE TABLE zhuanye;ALTER TABLE sushe DROP FOREIGN KEY sushezhang;DROP DATABASE xhschool;DROP DATABASE xhdb1;CREATE DATABA

2021-12-08 08:00:00 362

原创 MySQL-范式

/*范式 Normal Format1NF:满足字段的原子性,表的设计必须满足1NF.2NF:消除部分依赖(某些字段只依赖于联合主键中的其中一个)。快速满足2NF:把部分依赖的字段和依赖的键放在一张表,其余不依赖部分 放在另一张表,需要联合主键决定和联合主键放在一张表。3NF:消除传递依赖(字段A是主键,字段B依赖于字段B,字段C依赖于字段B,字段C不依赖字段A,则A和C是由字段B做的传递依赖)。快速解决的方法:字段A和B在一张表,字段B和C在一张表 */CREATE TABLE st

2021-12-07 08:00:00 196

原创 MySQL-约束

/*字段约束:字段的属性,在创建表时给定字段约束。 字段名、数据类型、长度 约束的位置:字段名 数据类型 约束1 约束2, 1.默认:default,在有效字段上设置默认值; 2.非空:NOT NULL,不允许为空值; 3.主键:primary key同一张表中主键必须唯一非空。让数据更安全;*/#default:字段名称 数据类型 default 默认值CREATE TABLE student( id INT DEFAULT 0);SELECT * FROM student;-

2021-12-06 20:05:55 820

原创 MySQL-基础

#DDL:定义数据库、表、字段#CRUD:增删改查#显示数据库/查SHOW DATABASES;USE myemployees;DESC jobs;SHOW CREATE DATABASE girls;#显示某一数据库创建过程CREATE DATABASE `girls` /*!40100 DEFAULT CHARACTER SET utf8 设置字符集 */CREATE DATABASE boys;SHOW CREATE DATABASE boys;#创建新数据库且字符集为gbk#

2021-12-06 19:54:16 644

原创 MySQL-数据操作

#DQL,DML# DDL:数据库定义语言>数据库、表、字段# DML: 数据库操作语言>对表的数据进行增、删(delete)、改# DQL: 数据库查询语言>对表中的数据进行查看(stuInfor)# DROP DATABASE my_db1;# CREATE TABLE qqq(q1 INT,q2 INT);CREATE DATABASE xhdb1;USE xhdb1;CREATE TABLE stuInfor(id INT,user_name VARCHAR(

2021-11-14 20:05:57 335

原创 MySQL-数据库表和字段

USE my_db1;/* DDL:CRUD表和字段 创建表和字段 create table 表名字( 第一个字段, 第二个字段, .... 第n个字段 ); 字段: 字段名称 数据类型 常用数据类型: 整数:tinyint(1字节) int(4字节) 小数:double float decimal(m,n)总的有m位,小数点后保留n位 字符串:varchar(len) len为字符最大长度 日期:date datetime timestamp(时间戳)*/CRE

2021-11-14 20:03:53 848

原创 MySQL-语法

#单行注释-- 单行注释/* 多行注释*//* SQL: 结构化查询语言 规定查询关系型数据库的语言 DDL: Database Definition Language 数据库定义语言 DML: Database Manipulation Language 数据库操作语言 DQL: Database Query Language 数据库查询语言 DCL: Database Control Language 数据库控制语言*/#SQL规则:以;号结束,\g \G ,可以单行,也可

2021-11-14 20:02:38 339

原创 Java-IO

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-09-16 17:08:56 61

原创 java集合

集合:jdk提供一些可以用来存放任意类型对象的长度可变的类,这些类称为集合* 单列集合:根据一定的规则储存一系列对象。根接口collection* 子接口:List/Set* List接口:有序集合,存放的对象有序、可以重复* Set接口:无序集合,存放的对象无序、不可重复* 双列集合:key --> value(值)<E>泛型:限制集合中的数据类型集合遍历1.foreach:遍历集合中的每一个元素,并将元素赋值给临时变量,对临时变量进行操作。* for(

2021-07-26 15:07:57 77

原创 Java继承

继承的概念继承是java面向对象编程技术的一块基石,因为它允许创建分等级层次的类。继承就是子类继承父类的特征和行为,使得子类对象(实例)具有父类的实例域和方法,或子类从父类继承方法,使得子类具有父类相同的行为。类的继承格式在 Java 中通过 extends 关键字可以申明一个类是从另外一个类继承而来的,一般形式如下:class 父类 {} class 子类 extends 父类 {}继承类型需要注意的是 Java 不支持多继承,但支持多重继承。继承的特性子类拥有父类非 pri

2021-06-27 23:10:21 48

原创 Java_构造方法和封装

构造方法概述构造方法是一种特殊的方法作用:创建对象格式:public class 类名{ 修饰符 类名(参数){ }}功能:主要是完成对象数据的初始化public class StudentDemo{ public static void main(String[] args){ Student s1 = new Student(); }}public class Student{ public Student(){ //构造方法内书写的内容 }}标准类制

2021-06-27 20:23:38 144

原创 Java_switch语句

package com.gzxh.chapt02;public class SwitchDemo { /** * @param args * 选择:switch...case * 每一个case后一定记得用break结束执行 * 做选择的变量数据类型:int/byte/String/short */ public static void main(String[] args) { // TODO 自动生成的方法存根 int num = 0; switch(num){

2021-06-27 19:55:52 52

原创 Java判断

package com.gzxh.chapt02;public class MethodMain { /** * @param args * 判断、选择、循环 * 判断:if, if...else(否则), if...else if....else... * * {}作用域:在同一个作用域中创建的变量不可重名,可以重新赋值 */ public static void main(String[] args) { // TODO 自动生成的方法存根 //if判断

2021-06-27 19:51:29 72

原创 Java方法重载

package com.gzxh.chapt02;public class MethodDemo { /** * @param args * 方法的重载 * 1.方法名字相同 * 2.参数个数不同 * 3.参数数据类型不同 * 方法重载跟返回值类型无关 */ public static void main(String[] args) { // TODO 自动生成的方法存根 System.out.println(add2(3,6)); System.o

2021-06-27 19:48:57 41

原创 Java循环

package com.gzxh.chapt02;public class ForDemo { /** * @param args * for,while,do...while * for:1.初始化;2.判断;3.执行;4.步进表达式 * while:1.初始化;2.判断;3.执行;4.步进表达式 */ public static void main(String[] args) { // TODO 自动生成的方法存根 for(int i=0;i<10;i++)

2021-06-27 19:38:43 59

原创 java数组

package com.gzxh.chapt02;public class ArrayDemo { /** * 一维数组:只存一组数据 * 数组的写法 * int[] arr = new int[3]; */ public static void main(String[] args) { // TODO 自动生成的方法存根 int[] arr = new int[3]; arr[0] = 23; arr[1] = 34; arr[2] = 45; //

2021-06-27 19:31:48 40

原创 赋值运算符

package com.gzxh.chapt02;public class FuoDemO { /** * @param args */ //主方法 main方法 public static void main(String[] args) { // TODO 自动生成的方法存根 int a = 10;//赋值 int b = 0; b += 260; b += a; System.out.println(a);//10 System.out.print

2021-05-27 19:40:00 47

原创 比较运算符

package com.gzxh.chapt02;public class BJDemo { /** * @param args * 比较运算符 * ==(恒等)!=(不等于) >= <= > < */ public static void main(String[] args) { // TODO 自动生成的方法存根 int x = 90,y = 70; boolean flags; flags = (x == y); System.o

2021-05-27 19:34:28 52

原创 逻辑运算符

package com.gzxh.chapt02;public class LJDemo { /** * @param args * 逻辑运算符 * &&(短路与)and:只有所有值都为真才真,否则都为假 * ||(短路与)or 只要一个是真 都为真 * !非 * */ public static void main(String[] args) { // TODO 自动生成的方法存根 boolean x = true, y =

2021-05-27 19:28:20 50

原创 基本数据类型

package com.gzxh.chapt02;/** * @content * 变量:在程序运行期间可以改变的量; * 特点:变量必须先赋值在使用; * 可以重新赋值;(不需要加数据类型) 变量名 = 值; * 变量名不可重复。 * 1.创建变量:数据类型 变量名称; * 2.给变量赋值:变量名称 = 值; * 简写:数据类型 变量名 = 值; * * 基本数据类型 (4种/8个) * 整形:byte(字节) short(短

2021-05-27 19:23:18 51

原创 java运算符

package com.gzxh.chapt02;public class OPDemo { /** * @content * 运算符 * 基本算数运算符:+ - * / % ++ -- * 赋值运算符:=(赋值) ==(恒等于)!=(不等于) += -= *= %= /= * 逻辑运算符 :&& || ! * 条件运算符 * * * 丢失精度 !非 */ public static void main(S

2021-05-27 19:19:13 42

原创 flex布局

一、Flex布局是什么?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器,必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}注意,设为Fle

2020-12-30 01:08:26 111

原创 3D效果

透视 perspectiveperspective用来模拟人类的视觉位置,也称为视距,即人的眼睛到屏幕的距离。perspective的单位是像素pxperspective的值越大,表示视距越远,成像越小,反之。perspective写在被观察元素的父盒子上!写在父级元素:初级掌握。给整个屏幕设置透视写在动画上:开发中常用。给当前动画加透视,这里的透视必须写在元素变换前!body{perspective:1000px;-webkit-perspective:1000px;}transfo

2020-12-22 00:42:43 125

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除