重生之我从零开始学前后端——Week01
PartI 开局捡到无上功法HTML5与CSS3
壹 HTML5
零.无上根基.HTML5的结构骨架
标题
主体
一.基本标签
1.知识点
Document
1级标题
2级标题
3级标题
4级标题
5级标题
6级标题
文字文字文字文字文字文字文字文字
文字文字文字文字文字文字文字文字
文字文字文字文字文字文字
文字文字文字文字文字
文字文字文字文字文字文字
文字文字文字文字文字
加粗
加粗
下划线
下划线
倾斜
倾斜
删除线
删除线
2.案例
Document
腾讯科技高级web前端开发岗位
职位描述
负责重点项目的前端技术方案和架构的研发和维护工作；
岗位要求
5年以上前端开发经验,精通html5/css3/javascript等web开发技术;
熟悉bootstrap,vue,angularjs,reactjs等框架,熟练掌握一种以上;
代码⻛格严谨，能⾼保真还原设计稿，能兼容各种浏览器；
对web前端的性能优化以及web常见漏洞有一定的理解和相关实践;
具备良好的分析解决问题能力，能独立承担任务，有开发进度把控能力；
责任心强，思路路清晰，抗压能力好，具备良好的对外沟通和团队协作能力。
工作地址
上海市-徐汇区-腾云大厦
二.多媒体标签
1.知识点
Document
跳转到百度
点我去梦开始的地方
空链接
2.案例
Document
今日搜索热词
1、阿卡贝拉
阿卡贝拉(意大利:Acappella)即无伴奏合唱。其起源可追溯至中世纪的教会音乐，当时的教会音乐只以人声清唱，并不应用乐器。音频示例：阿卡贝拉《千与千寻》
2、翻唱
“翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱，包括重新填词，编曲。现在已有不少明星，都在翻唱他人的歌，不断在翻唱中突破自己，给大家带来不一样的风格。视频示例：有一种悲伤（翻唱）-《A Kind of Sorrow》
Document
阿卡贝拉《千与千寻》-AZA微唱团
音频
Document
有一种悲伤（翻唱）-《A Kind of Sorrow》-Madilyn
视频
三.列表表格
1.知识点
Document
- 榴莲
- 香蕉
- 苹果
- 张三:100
- 帮助中心
- 账户管理
- 购物指南
姓名
成绩
评语
小哥哥
100分
孩子真棒
郭德纲
150分
666
学生成绩单
姓名
成绩
评语
张三
100分
真棒，第一名
李四
真棒，第二名
总结
郎才女貌
2.案例
Document
优秀学生信息表格
年级
姓名
学号
班级
高三
张三
110
三年二班
李四
120
三年一班
评语
你们很优秀
四.表单
1.知识点
Document
文本框
密码框
单选框 性别：男 女
多选框
上传文件
占位符
性别:
这是div标签
这是div标签
这是span标签
这是span标签
网页头部
网页区块
网页文章
字符 实体
2.案例
Document
青春不常在，抓紧谈恋爱
贰 CSS3
零.CSS3的引入方式
Document
这是一个p标签
Document
这是一个p标签
这是一个div标签
/*选择器{}*/
p{
color: red;
}一.基础选择器
Document
111
222
333
444
PartII 喝了JAVA咖啡，增长千年修为
零.万法之源.Hello World
public class HelloWorld {
//叫做main方法，表示程序主入口
public static void main(String[] args) {
/*叫做输出语句
会把小括号内容输出打印*/
System.out.println("Hello, World!");
}
}一.值与变量
1.知识点
public class ValueDemo1 {
public static void main(String[] args){
//整数
System.out.println(666);
//小数
System.out.println(1.93);
//字符串
System.out.println("WuM1ng");
//字符
System.out.println('男');
//布尔
System.out.println(true);
//空
//null无法直接打印
System.out.println("null");
//制表符\t （IDEA中显示不正常）
System.out.println("name" + '\t' + "age");
System.out.println("WM" + '\t' + "19");
}
}public class VariableDemo1 {
public static void main(String[] args){
//数据类型 变量名 = 数据值
//int整数 double小数
//等号 赋值
int a = 10;
System.out.println(a);
}
}public class VariableDemo2 {
public static void main(String[] args){
//变量参与计算
int a = 10;
int b = 20;
System.out.println(a + b);
//修改变量记录的值
a = 50;
System.out.println(a);
System.out.println("---------");
//在一条语句中，可以定义多个变量
int d = 100 , e = 200 , f = 300;
System.out.println(d);
System.out.println(e);
System.out.println(f);
//变量使用前必须赋值
}
}public class VariableDemo3 {
//主入口
public static void main(String[] args){
//byte
byte b = 10;
System.out.println(b);
//short
short s = 20;
System.out.println(s);
//int
int i = 30;
System.out.println(i);
//long(结束后加大写L)
long n = 999999999L;
System.out.println(n);
//float(结束后加大写F)
float f = 10.1F;
System.out.println(f);
//double
double d = 20.2;
System.out.println(d);
//char
char c = '中';
System.out.println(c);
//boolean
boolean o = true;
System.out.println(o);
}
}2.案例
public class VariableTest1 {
//主入口
public static void main(String[] args){
//一开始没有乘客
int count = 0;
//第一站：上去一位乘客
count = count + 1;
//第二站：上去两位乘客，下来一位乘客
count = count + 2 - 1;
//第三站：上去两位乘客，下来一位乘客
count = count + 2 - 1;
//第四站：下来一位乘客
count = count - 1;
//第五站：上去一位乘客
count = count + 1;
//问最后车上有几位乘客
System.out.println(count);
}
}
public class VariableTest2 {
//主入口
public static void main(String[] args){
//定义变量记录姓名
String name = "WuM1ng";
//定义变量记录年龄
int age = 19;
//定义变量记录性别
char gender = '男';
//定义变量记录身高
double height = 180.1;
//定义变量记录是否单身
boolean flag = true;
//输出变量的值
System.out.println(name);
System.out.println(age);
System.out.println(gender);
System.out.println(height);
System.out.println(flag);
}
}
public class VariableTest3 {
//主入口
public static void main(String[] args){
//定义变量记录电影名字
String name = "送初恋回家";
//定义变量记录主演的名字
String tostar = "刘鑫 张雨提 高媛";
//定义变量记录电影年份
int year = 2020;
//定义变量记录电影的评分
double grade = 9.0;
//输出所有变量的值
System.out.println(name);
System.out.println(tostar);
System.out.println(year);
System.out.println(grade);
}
}
public class VariableTest4 {
//主入口
public static void main(String[] args){
//定义变量记录手机的价格
double price = 5299.0;
//定义变量记录手机的品牌
String name = "华为";
//输出结果
System.out.println(price);
System.out.println(name);
}
}二.键盘录入
1.知识点
//导包，在类定义上书写
import java.util.Scanner;
public class ScannerDemo {
public static void main(String[] args){
//创建对象
Scanner sc = new Scanner(System.in);
System.out.println("请输入整数");
//接收数据
int i = sc.nextInt();
System.out.println(i);
}
}2.案例
//导包
import java.util.Scanner;
public class ScannerText {
public static void main(String[] args){
//创建对象
Scanner sc = new Scanner(System.in);
//接收数据
System.out.println("请输入第一个数字");
int num1 = sc.nextInt();
System.out.println("请输入第二个数字");
int num2 = sc.nextInt();
//数据相加
System.out.println(num1 + num2);
}
}三.运算符
1.知识点
算术运算符
package Operator;
public class ArithmeticOperatorDemo {
public static void main(String[] args) {
//+
System.out.println(3 + 2);
//-
System.out.println(5 - 1);
//*
System.out.println(7 * 9);
//除法
System.out.println(10 / 2);
System.out.println(10 / 3);
System.out.println(10.0 / 3);
//取模,取余
System.out.println(10 % 2);
System.out.println(10 % 3);
//++ 和 --
int a = 10;
a++;
System.out.println(a);
++a;
System.out.println(a);
a--;
System.out.println(a);
--a;
System.out.println(a);
int x = 10;
int y = x++;
int z = ++x;
System.out.println("x:" + x);
System.out.println("y:" + y);
System.out.println("z:" + z);
}
}赋值运算符
package Operator;
public class AssigningOperatorDemo {
public static void main(String[] args) {
int a = 10;
int b = 20;
a += b;
System.out.println(a);
System.out.println(b);
//+=隐含强制类型转换，s = (short)(s + 1)
short s = 1;
s += 1;
System.out.println(s);
}
}比较运算符
package Operator;
public class CompareOperatorDemo {
public static void main(String[] args) {
//==判断相等
int a = 10;
int b = 10;
int c = 20;
System.out.println(a == b);
System.out.println(a == c);
//!=判断不相等
int x = 10;
int y = 10;
int z = 20;
System.out.println(x == y);
System.out.println(x == z);
}
}逻辑运算符
package Operator;
public class LogicOperatorDemo {
public static void main(String[] args) {
//1.&并且(同真则真)
System.out.println(true & true);
System.out.println(false & false);
System.out.println(true & false);
//2.|或者(一真则真)
System.out.println(true | true);
System.out.println(false | false);
System.out.println(true | false);
//3.^异或(相同为假，不同为真)
System.out.println(true ^ true);
System.out.println(false ^ false);
System.out.println(true ^ false);
//4.!非(逻辑取反)
System.out.println(!true);
System.out.println(!false);
//5.&&短路并且
System.out.println(true && true);
System.out.println(false && false);
System.out.println(true && false);
//6.||短路或者
System.out.println(true || true);
System.out.println(false || false);
System.out.println(true || false);
//7.左边表达式能确定结果时，右边不参与运算
int a = 10;
int b = 10;
boolean result = ++a < 5 && ++b < 5;
System.out.println(result);
System.out.println(a);
System.out.println(b);
}
}三元运算符
package Operator;
public class TernaryOperatorDemo {
public static void main(String[] args) {
//三元运算符 干洗表达式 ? 表达式1 : 表达式2;
int num1 = 10;
int num2 = 20;
//方式一
int max = num1 > num2 ? num1 : num2;
System.out.println(max);
//方式二
System.out.println(num1 > num2 ? num1 : num2);
}
}2.案例
算术运算符
package Operator;
import java.security.spec.RSAOtherPrimeInfo;
import java.util.Scanner;
public class ArithmeticOperatorText {
public static void main(String[] args) {
//键盘录入一个三位数，获取其中个位，十位，百位
//1.键盘录入
Scanner sc = new Scanner(System.in);
System.out.println("请输入一个三位数");
int number = sc.nextInt();
//2.获取个位，十位，百位
int bai = number / 100 % 10;
int shi = number /10 % 10;
int ge = number % 10;
System.out.println("百位是:" + bai);
System.out.println("十位是:" + shi);
System.out.println("个位是:" + ge);
}
}比较运算符
package Operator;
import java.util.Scanner;
public class CompareOperatorText {
public static void main(String[] args) {
//录入两个整数，前者大于后者true，后者大于前者false
//1.键盘录入
Scanner sc = new Scanner(System.in);
System.out.println("请输入自己衣服时髦度");
int MyFashion = sc.nextInt();
System.out.println("请输入对象衣服时髦度");
int GirlFashion = sc.nextInt();
//2.比较
boolean result = MyFashion > GirlFashion;
//3.输出
System.out.println(result);
}
}逻辑运算符
package Operator;
import java.util.Scanner;
public class LogicOperatorText {
public static void main(String[] args) {
/*录入两个整数，其中一个为6，输出true，和为6倍数，输出true*/
//1.键盘录入两个整数
Scanner sc = new Scanner(System.in);
System.out.println("请输入第一个整数");
int num1 = sc.nextInt();
System.out.println("请输入第二个整数");
int num2 = sc.nextInt();
//2.判断
boolean result = num1 == 6 || num2 == 6 || (num1 + num2) % 6 == 0;
//3.输出
System.out.println(result);
}
}三元运算符
package Operator;
import java.util.Scanner;
public class TernaryOperatorText1 {
public static void main(String[] args) {
//键盘录入两只老虎体重判断是否相等
//1.键盘录入
Scanner sc = new Scanner(System.in);
System.out.println("请输入第一只老虎体重");
int weight1 = sc.nextInt();
System.out.println("请输入第二只老虎体重");
int weight2 = sc.nextInt();
//2.比较
String result = weight1 == weight2 ? "相同" : "不同";
System.out.println(result);
}
}package Operator;
public class TernaryOperatorText2 {
public static void main(String[] args) {
//获取三人最高身高
//1.定义记录身高
int height1 = 150;
int height2 = 210;
int height3 = 165;
//2.链式比较
int temp = height1 > height2 ? height1 : height2;
int max = temp > height3 ? temp : height3;
//3.输出
System.out.println(max);
}
}