随笔档案「2022年4月」 - 小小程序猿level1

摘要：185手机 142邮箱密码：142....qq 阅读全文

posted @ 2022-04-28 14:33 小小程序猿level1 阅读(36) 评论(0) 推荐(0)

摘要：我们可以使用@DateTimeFormat注解将一个字符串转成一个Date对象，可以使用在字段上也可以使用中方法中。如： public String test2(@RequestParam("uid") int id,@RequestParam(required=false,name="uage") 阅读全文

posted @ 2022-04-28 13:06 小小程序猿level1 阅读(493) 评论(0) 推荐(0)

0427solr

摘要：共3.2分 1. 为什么需要使用搜索引擎处理全栈搜索? 1.2分要点: 1) 在实际的查询需求中, 经常出现查询的关键字内容并不在主数据表中存在, 0.4 而是在其它的关联数据表, 或者是相关字段格式化处理后的内容. 这种查询需求在sql中的处理效率低, 且没有优化的空间 2) 大量模糊查询的需要阅读全文

posted @ 2022-04-27 16:26 小小程序猿level1 阅读(27) 评论(0) 推荐(0)

3，字符串

摘要：字符串: 1. 不可变字符串: String 2. 可变字符串: StringBuilder, StringBuffer java内存: 栈内存堆内存常量池面试题: 比较String, StringBuilder, StringBuffer的区别 1. 字符串是否可变 2. 线程是否安全安全阅读全文

posted @ 2022-04-27 15:41 小小程序猿level1 阅读(28) 评论(0) 推荐(0)

2，实用类

摘要：包装类: 是基本数据类型对应的对象类型. 一共8个基本类型包装类 byte Byte short Short int Integer long Long float Float double Double boolean Boolean char Character 作用: 1) 在基本类型不能阅读全文

posted @ 2022-04-27 15:39 小小程序猿level1 阅读(49) 评论(0) 推荐(0)

1，集合

摘要：集合: 高级数组 1) Collection(接口): 无序, 不唯一 [1] List(接口): 有序, 不唯一 i. ArrayList(实现类): 数组型集合. 常用 (1) 存储方式: 与数组一致, 连续的内存空间. (2) 优点: 遍历和随机访问速度快 (3) 缺点: 删除和插入速度慢阅读全文

posted @ 2022-04-27 15:35 小小程序猿level1 阅读(39) 评论(0) 推荐(0)

3.token,无状态登陆

摘要：无状态登录: 原因: 多服务器状态下, 无法使用session保存登录用户信息解决: 使用token[令牌] 相关的接口: 1. 生成token 2. 验证token是否有效 3. 根据token查询登录信息 4. 置换token 阅读全文

posted @ 2022-04-24 17:23 小小程序猿level1 阅读(118) 评论(0) 推荐(0)

1.字符串相等和随机数

摘要：Test7: 判断字符串是否相等 1. 区分大小写的相等判断: "字符串1".equals("字符串2") 2. 不区分大小写的相等判断: "字符串1".equalsIgnoreCase("字符串2") // 见笔记T101801 Test8: Math工具和随机数生成随机数: Math.rand 阅读全文

posted @ 2022-04-22 13:39 小小程序猿level1 阅读(57) 评论(0) 推荐(0)

0420redis

摘要：redis的开启命令是:redis-server.exe 共8.2分 1. 什么是NoSQL 0.5分 NoSQL泛指非关系型数据库, 是不使用SQL作为操作语言的所有数据库的统称 2. Redis的设计初衷 0.5分用于解决SQL数据库无法优化处理的业务. 例如: 查询最近添加的10条订单数据阅读全文

posted @ 2022-04-21 12:00 小小程序猿level1 阅读(37) 评论(0) 推荐(0)

0419，什么是集群，什么是分布式,nginx负载均衡

摘要：共7.8分1. 简述什么是集群, 什么是分布式? 以及两者的区别. 2.4分 1) 集群: 对外提供统一的服务, 0.3 由多态服务器组成, 0.3 每台服务器提供相同的服务 0.4 2) 分布式: 对外提供统一的服务, 0.3 由多态服务器组成, 0.3 每台服务器提供不同的服务 0.4 3) 区阅读全文

posted @ 2022-04-20 12:30 小小程序猿level1 阅读(128) 评论(0) 推荐(0)

1-前后端分离说明文档

摘要：web应用: 1. 按照业务代码的分布: 1) 集中式: 所有的业务代码都在一个web应用中 2) 分布式: 业务代码处于不同的web应用中 2. 按照前端与后台的组合方式: 1) 动态页面解析 2) 页面静态化 3) 前后端分离阅读全文

posted @ 2022-04-19 10:11 小小程序猿level1 阅读(89) 评论(0) 推荐(0)

17删除标签

摘要：6. 删除元素 1) 清空子元素: 父元素.empty() 2) 删除标签: 标签对象.remove() 阅读全文

posted @ 2022-04-18 22:56 小小程序猿level1 阅读(42) 评论(0) 推荐(0)

16添加元素

摘要：<head> <meta charset="UTF-8"> <title>17添加元素</title></head><body> <div id="no1"> <div>1</div> <div>2</div> <div>3</div> </div> <hr> <div id="btn"> <inp 阅读全文

posted @ 2022-04-18 22:55 小小程序猿level1 阅读(34) 评论(0) 推荐(0)

15获取表单的参数字符串

摘要：<head> <meta charset="UTF-8"> <title>9.获取表单的参数字符串</title></head><body> <form id="form1"> <div>用户名: <input type="text" name="userName" value="无名氏"></di 阅读全文

posted @ 2022-04-18 22:35 小小程序猿level1 阅读(43) 评论(0) 推荐(0)

14在标签对象中根据选择器查找

摘要：<head> <meta charset="UTF-8"> <title>在标签对象中根据选择器查找</title> <style> .table{ margin: 100px auto; width: 400px; height: 300px; text-align: center; border 阅读全文

posted @ 2022-04-18 21:20 小小程序猿level1 阅读(31) 评论(0) 推荐(0)

13.获取标签附近的元素以及在标签中查找子元素

摘要：<head> <meta charset="UTF-8"> <title>获取标签附近的元素以及在标签中查找子元素</title></head><body> <form action=""> <table> <tr> <td>用户名:</td> <td><input type="text" name 阅读全文

posted @ 2022-04-18 17:25 小小程序猿level1 阅读(50) 评论(0) 推荐(0)

12.jquery遍历

摘要：<head> <meta charset="UTF-8"> <title>6jquery遍历</title></head><body> <form id="form1"> <input type="button" value="修改"> <input type="button" value="取消" 阅读全文

posted @ 2022-04-18 14:28 小小程序猿level1 阅读(31) 评论(0) 推荐(0)

11jquery操作标签的其它属性和自定义属性

摘要：<head> <meta charset="UTF-8"> <title>5.操作标签的其它属性和自定义属性.html</title></head><body> <div role="role" title="标题" index="">测试标签属性</div> <div> <input type=" 阅读全文

posted @ 2022-04-17 15:32 小小程序猿level1 阅读(131) 评论(0) 推荐(0)

10.jquery操作行内样式和class属性

摘要：<head> <meta charset="UTF-8"> <title>index</title> <style> .test1{ background-color: #54f5ff; color: fuchsia; font-family: 宋体; text-align: center; } . 阅读全文

posted @ 2022-04-17 15:10 小小程序猿level1 阅读(127) 评论(0) 推荐(0)

9jquery操作行内样式

摘要：<head> <meta charset="UTF-8"> <title>3操作行内样式和class属性</title></head><body> <div class="no1">我是测试语句</div> <div class="btn"> <input type="button" value=" 阅读全文

posted @ 2022-04-17 14:11 小小程序猿level1 阅读(159) 评论(0) 推荐(0)

8.jquery操作标签内容

摘要：<head> <meta charset="UTF-8"> <title>2.操作标签内容</title></head><body> <div class="no1"> <span style="color: fuchsia">今晚打老虎</span> </div> <hr> <div class= 阅读全文

posted @ 2022-04-16 22:19 小小程序猿level1 阅读(34) 评论(0) 推荐(0)

7jquery操作value

摘要：<head> <meta charset="UTF-8"> <title>1操作value</title></head><body> <div class="no1"> 用户名:<input type="text" value="admin" name="username"><br> 密码:<inp 阅读全文

posted @ 2022-04-16 21:48 小小程序猿level1 阅读(51) 评论(0) 推荐(0)

6.使用jquery改造地址级联

摘要：<head> <meta charset="UTF-8"> <title>5.示例-使用jquery改造地址级联</title></head><body> <div id="app"> 地址:    <select name="prov"> <option value= 阅读全文

posted @ 2022-04-16 18:41 小小程序猿level1 阅读(40) 评论(0) 推荐(0)

5jquery 事件操作

摘要：<head> <meta charset="UTF-8"> <title>4.jquery事件操作</title></head><body> <div class="info"> <input type="button" value="单机事件"> <input type="button" valu 阅读全文

posted @ 2022-04-16 18:38 小小程序猿level1 阅读(30) 评论(0) 推荐(0)

4jquery高级选择器下

摘要：<head> <meta charset="UTF-8"> <title>3.高级选择器2</title></head><body> <form id="form1"> <div>用户名: <input type="text" name="userName" value="admin"></div> 阅读全文

posted @ 2022-04-16 16:43 小小程序猿level1 阅读(27) 评论(0) 推荐(0)

3jquery高级选择器上

摘要：<head> <meta charset="UTF-8"> <title>2.高级选择器上</title></head><body> <div id="no1">小透明</div> <div class="info">NBA咨询</div> <div class="info">神州60号</div> 阅读全文

posted @ 2022-04-16 15:17 小小程序猿level1 阅读(23) 评论(0) 推荐(0)

2.jQuery基础选择器

摘要：<head> <meta charset="UTF-8"> <title>1.基础选择器</title></head><body> <div id="web">百度</div> <div class="info">今日头条1</div> <div class="info">今日头条2</div> < 阅读全文

posted @ 2022-04-16 14:24 小小程序猿level1 阅读(25) 评论(0) 推荐(0)

1.jQuery说明文字

摘要：JQuery: Javascript Query, js的查询插件通过js文件中的函数, 为window对象添加了新的属性$和jQuery. 通过$或jQuery调用jquery插件的各种方法 1. 获取标签对象 1) 通过$("jquery选择器")获取标签对象注: 通过jquery函数获取到阅读全文

posted @ 2022-04-16 10:45 小小程序猿level1 阅读(56) 评论(0) 推荐(0)

56.js外联框架

摘要：见idea 阅读全文

posted @ 2022-04-14 13:35 小小程序猿level1 阅读(17) 评论(0) 推荐(0)

55，js常见功能示例，自定义弹窗

摘要：js部分 var tag_body = document.getElementsByTagName("body")[0];var tag_btn1 = document.getElementsByClassName("btn")[0];/* 绑定事件 */tag_btn1.onclick = fun 阅读全文

posted @ 2022-04-13 21:26 小小程序猿level1 阅读(337) 评论(0) 推荐(0)

54.js构造函数原型

摘要：<head> <meta charset="UTF-8"> <title>3.js对象构造原型</title></head><body> <div id="test1"></div> <div id="test2"></div></body><script> //不能在通过构造原型添加内容之前使用阅读全文

posted @ 2022-04-13 21:18 小小程序猿level1 阅读(33) 评论(0) 推荐(0)

53.js对象-构造函数

摘要：<body> <div id="test1"></div> <div id="test2"></div></body><script> //创建对象 var user1 = new User(); user1.showInfo("test1"); var user2 = new User(null, 阅读全文

posted @ 2022-04-13 21:14 小小程序猿level1 阅读(35) 评论(0) 推荐(0)

52.js自定义对象使用基础

摘要：<head> <meta charset="UTF-8"> <title>1.js自定义对象使用基础</title></head><body> <div id="show1"> <span>对象1的内容</span> </div> <hr> <div id="show2"> <span>对象2的内容阅读全文

posted @ 2022-04-13 18:18 小小程序猿level1 阅读(32) 评论(0) 推荐(0)

51..dom删除元素/标签

摘要：<head> <meta charset="UTF-8"> <title>9.dom删除元素/标签</title></head><body> <div id="no1"> <div>basic</div>  </di 阅读全文

posted @ 2022-04-13 17:12 小小程序猿level1 阅读(166) 评论(0) 推荐(0)

50.dom添加新元素/标签

摘要：<head> <meta charset="UTF-8"> <title>8.dom添加新元素/标签</title></head><body>  <div>基点</div> <div id="no1"> 阅读全文

posted @ 2022-04-13 14:49 小小程序猿level1 阅读(160) 评论(0) 推荐(0)

49.dom判断选项是否选中

摘要：<head> <meta charset="UTF-8"> <title>7.判断选项是否选中</title></head><body> <div id="gender"> <input type="radio" name="gender" value="1">男 <input type="radi 阅读全文

posted @ 2022-04-13 13:22 小小程序猿level1 阅读(58) 评论(0) 推荐(0)

48.dom操作固有属性和自定义属性

摘要：<head> <meta charset="UTF-8"> <title>6.dom操作固有属性和自定义属性</title></head><body> <div id="no1" role="我是role属性" title="冒个泡"> 测试效果 </div> <hr> <div id="btn"> 阅读全文

posted @ 2022-04-13 12:28 小小程序猿level1 阅读(76) 评论(0) 推荐(0)

47.dom操作样式属性

摘要：<head> <meta charset="UTF-8"> <title>5.dom操作样式属性</title></head><body> <div id="no1"> 测试样式效果 </div> <hr> <div id="btn"> <input type="button" value="添加背阅读全文

posted @ 2022-04-12 23:33 小小程序猿level1 阅读(36) 评论(0) 推荐(0)

46dom.操作标签class

摘要：<head> <meta charset="UTF-8"> <title>4.操作标签class</title> <style> .bg-color1{ background-color: #54f5ff; } .bg-color2{ background-color: firebrick; } . 阅读全文

posted @ 2022-04-12 23:00 小小程序猿level1 阅读(37) 评论(0) 推荐(0)

45dom,选中输入框，this

摘要：function input1(that) { if(inputO.className.indexOf("input") != -1) return that.className+="input";}input中 onclick="input1(this)"; 阅读全文

posted @ 2022-04-12 17:25 小小程序猿level1 阅读(43) 评论(0) 推荐(0)

44,dom编外篇，为下拉框找到被选中的选项

摘要：<head> <meta charset="UTF-8"> <title>4.操作标签class</title> <style> .bg-color1{ background-color: #54f5ff; } .bg-color2{ background-color: firebrick; } . 阅读全文

posted @ 2022-04-12 16:25 小小程序猿level1 阅读(49) 评论(0) 推荐(0)

43dom,操作标签value

摘要：<head> <meta charset="UTF-8"> <title>3.操作标签value</title></head><body> <div id="no1"> <input type="text" value="" name="username"> </div> <div> <select 阅读全文

posted @ 2022-04-12 15:12 小小程序猿level1 阅读(38) 评论(0) 推荐(0)

42dom，操作标签内容

摘要：<head> <meta charset="UTF-8"> <title>2. 操作标签对象的属性和内容</title></head><body>  <div id="no1"> <div>测试1</div> <div>测试2</div> </div> <hr> <div 阅读全文

posted @ 2022-04-12 13:09 小小程序猿level1 阅读(36) 评论(0) 推荐(0)

41，dom的概念和说明

摘要：DOM: Document Object Model 文档对象模型. 操作页面元素的增删改查 1. 获取需要操作的标签对象. 通过document对象获取 1) 通过id获取. 2) 通过class获取.(数组) 3) 通过标签名获取.(数组) 4) 通过name获取.(数组) 注1: js dom 阅读全文

posted @ 2022-04-12 12:35 小小程序猿level1 阅读(146) 评论(0) 推荐(0)

40jsbom,标签栏切换

摘要：<head> <meta charset="UTF-8"> <title>7.示例-常用的js效果-标签栏切换</title> <style> *{margin: 0; padding: 0;} .box{ width: 400px; border: 2px solid; background-co 阅读全文

posted @ 2022-04-11 17:10 小小程序猿level1 阅读(82) 评论(0) 推荐(0)

39jsbom,document浏览器文档对象

摘要：3. document: 浏览器文档对象 1) 根据标签id获取标签对象: let tag = document.getElementById("idName"); 2) 根据标签名获取标签数组: let tags = document.getElementsByTagName("标签名"); 3) 阅读全文

posted @ 2022-04-11 17:08 小小程序猿level1 阅读(45) 评论(0) 推荐(0)

38jsbom,isNaN

摘要：<body>  <div> 请输入数值:<input type="text" name="num"> </div> <hr> <div id="show"></div></body><script> //为num标签绑定失焦事件 //获取标签 let 阅读全文

posted @ 2022-04-11 17:03 小小程序猿level1 阅读(34) 评论(0) 推荐(0)

37jsbom,定时器

摘要：<head> <meta charset="UTF-8"> <title>5.定时器</title></head><body> <div id="show">0</div> <hr> <div> <input type="button" value="开始" onclick="toStart()"> 阅读全文

posted @ 2022-04-11 16:43 小小程序猿level1 阅读(31) 评论(0) 推荐(0)

36jsbom,open和close对象

摘要：<head> <meta charset="UTF-8"> <title>3,open和close函数</title></head><body>  < 阅读全文

posted @ 2022-04-11 16:39 小小程序猿level1 阅读(57) 评论(0) 推荐(0)

35jsbom,location

摘要：<div> <input type="button" onclick="jump('http://www.baidu.com')" value="百度"> <input type="button" onclick="jump('2.location.html?username=asde&passwo 阅读全文

posted @ 2022-04-11 16:07 小小程序猿level1 阅读(35) 评论(0) 推荐(0)

34js,bom简介

摘要：BOM: Browser Object Model, 浏览器对象模型. 对应浏览器的js内置对象: window 1. history: 浏览器历史对象 1) back(): 后退一个页面 2) forward(): 前进一个页面 3) go(参数): 参数表示前进或者后退的页面数量: 正整数: 前阅读全文

posted @ 2022-04-11 14:32 小小程序猿level1 阅读(82) 评论(0) 推荐(0)

33js事件

摘要：@charset "UTF-8";*{margin: 0;padding: 0}.box{ width: 50px; height: 10px;}.box1{ width: 100px; height: 100px; background-color: red; margin: 50px auto; 阅读全文

posted @ 2022-04-11 14:21 小小程序猿level1 阅读(56) 评论(0) 推荐(0)

32js函数

摘要：<head> <meta charset="UTF-8"> <title>js函数</title></head><body> <!-- 函数: 相当于java的方法声明函数的语法(3种): 1. 显式声明: 语法: function 函数名(形参列表){ //函数体代码 } 使用: 函数名(实参) 阅读全文

posted @ 2022-04-11 12:01 小小程序猿level1 阅读(36) 评论(0) 推荐(0)

31js基础，内置对象

摘要：</head><body> <script> //1,Math工具 var num = parseInt(Math.random()*100)+1 document.write(num+"<br>"); document.write("<hr>"); //2,String var num2 = "a 阅读全文

posted @ 2022-04-11 00:11 小小程序猿level1 阅读(33) 评论(0) 推荐(0)

30js基础，数组

摘要：<head> <meta charset="UTF-8"> <title>js数组</title></head><body> <script> //声明 var arr1 = []; var arr2 = new Array(); document.writeln("arr1长度为:"+arr1.l 阅读全文

posted @ 2022-04-10 23:37 小小程序猿level1 阅读(40) 评论(0) 推荐(0)

29js基础，循环

摘要：<head> <meta charset="UTF-8"> <title>8循环结构</title></head><body> <script> //1,while循环 //2,do-while循环 //1,for循环 for (var i = 0; i <100 ; i++) { document 阅读全文

posted @ 2022-04-10 16:51 小小程序猿level1 阅读(19) 评论(0) 推荐(0)

28js基础，选择结构

摘要：<head> <meta charset="UTF-8"> <title>7选择结构</title></head><body> <script> //if条件选择结构 var str = prompt("请输入用户名:","") if(str){ document.writeln("您输入的用户名是阅读全文

posted @ 2022-04-10 16:42 小小程序猿level1 阅读(15) 评论(0) 推荐(0)

27js基础，数据类型转换

摘要：<head> <meta charset="UTF-8"> <title>6js数据类型转换</title></head><body> <script> //1：普通转换 //将数据转换成整数，parseInt(参数); var n1 = "100" , n2 = "100.1" , n3 = "1 阅读全文

posted @ 2022-04-10 14:09 小小程序猿level1 阅读(49) 评论(0) 推荐(0)

26js基础，运算符

摘要：<head> <meta charset="UTF-8"> <title>5运算符</title></head><body> <script> //1:赋值运算符 "=" //2:算术运算符 +，-，*，/,%，++，-- var str = "10"; document.writeln("str+ 阅读全文

posted @ 2022-04-10 12:57 小小程序猿level1 阅读(39) 评论(0) 推荐(0)

25js基础,三大基础弹框

摘要：<head> <meta charset="UTF-8"> <title>4三大基础弹框</title></head><body> <script> //三大基础弹框 //1:提示框（警告框），无返回值 //alert("危险操作") //2:确认框，返回值true/fourse //var n1 阅读全文

posted @ 2022-04-10 11:43 小小程序猿level1 阅读(56) 评论(0) 推荐(0)

24js基础，数据类型

摘要：</head><body> <script> var n1 = 100 //整数 , n2 = 98.4 //浮点 , n3 = "apple" //字符串 , n4 = 'a' //字符 , n5 = true //布尔 , n6 = ["ert","wsde"] //数组 , n7 = { // 阅读全文

posted @ 2022-04-10 11:26 小小程序猿level1 阅读(65) 评论(0) 推荐(0)

23ji基础，变量

摘要：<head> <meta charset="UTF-8"> <title>变量和数据类型</title></head><body> <script> /*变量的声明*/ var num; var n1=100; let num2 = "123ff"; let n2 = 89.4; document. 阅读全文

posted @ 2022-04-10 11:25 小小程序猿level1 阅读(40) 评论(0) 推荐(0)

22js基础,js输出语句

摘要：<head> <meta charset="UTF-8"> <title>js输出语句</title></head><body> <script> document.write("大漂亮，我爱你"); document.writeln("大漂亮，我爱你"); document.writeln("大漂阅读全文

posted @ 2022-04-09 21:55 小小程序猿level1 阅读(46) 评论(0) 推荐(0)

21js基础,js的引用方式

摘要：<head> <meta charset="UTF-8"> <title>js调用方式</title></head><body> <!-- JavaScript: 目前最版本是第六代, 简称ES6 (ECMAScript) 是一种弱语言: 语法规则较弱 1.js的引用方式(3种): [1] 行内使用阅读全文

posted @ 2022-04-09 21:39 小小程序猿level1 阅读(289) 评论(0) 推荐(0)

20.绝对定位

摘要：.box{ width: 500px; height: 300px; border: solid; margin:50px auto; position: relative;}.sub-box{ width: 100px; height: 100px;}.bgc1{ background-color 阅读全文

posted @ 2022-04-08 16:53 小小程序猿level1 阅读(63) 评论(0) 推荐(0)

19.相对定位

摘要：.box{ width: 500px; height: 300px; border: solid; margin:50px auto;}.sub-box{ width: 100px; height: 100px;}.bgc1{ background-color: darkorange;}.bgc2{ 阅读全文

posted @ 2022-04-08 14:25 小小程序猿level1 阅读(28) 评论(0) 推荐(0)

18.定位文档说明

摘要：定位: 定位属性: position 定位属性值: 1) relative: 相对定位参照物: 元素本身的文档流位置文档流状态: 不脱离文档流移动方式: 通过top,bottom,left,right属性移动元素常用单位px 正数向元素内部移动. 例: top: 50px; 向下移动50px 阅读全文

posted @ 2022-04-08 14:25 小小程序猿level1 阅读(84) 评论(0) 推荐(0)

17.浮动

摘要：<meta charset="UTF-8"> <title>浮动</title> <style> *{margin: 0px;padding: 0px} .box{ width: 395px; /* height: 400px;*/ border-style: solid; border-color 阅读全文

posted @ 2022-04-07 17:39 小小程序猿level1 阅读(39) 评论(0) 推荐(0)

16.边框

摘要：<head> <meta charset="UTF-8"> <title>边框</title> <style> .box1{ width: 100px; height: 100px; } .box2{ width:100px; height: 100px; } .b1{ border-style: 阅读全文

posted @ 2022-04-07 15:33 小小程序猿level1 阅读(70) 评论(0) 推荐(0)

17.边框注意事项

摘要：<head> <meta charset="UTF-8"> <title>边框注意事项</title> <style> .box1{ width: 200px; height: 200px; background-color: teal; border-style: solid; border-co 阅读全文

posted @ 2022-04-07 15:33 小小程序猿level1 阅读(27) 评论(0) 推荐(0)

15，列表属性

摘要：<head> <meta charset="UTF-8"> <title>列表属性</title> <style> .ul{ list-style-type: armenian; } .u2{ list-style-type: lower-greek; } .u3{ list-style-type: 阅读全文

posted @ 2022-04-07 12:14 小小程序猿level1 阅读(38) 评论(0) 推荐(0)

14，背景属性

摘要：<head> <meta charset="UTF-8"> <title>背景属性</title> <style> .test1{ width: 300px; height: 300px; background-color: indianred; background-size: 200px,200 阅读全文

posted @ 2022-04-07 11:33 小小程序猿level1 阅读(26) 评论(0) 推荐(0)

13文本属性

摘要：3.文本属性: 1) color: 文本颜色值: [1] 表示颜色的单词 [2] 色号: #ff0000, #00ff00, #0000ff, #000000, #ffffff [3] rgb函数: rgb(255, 0, 0), ... [4] rgba函数: 在rgb基础上添加了透明度. op 阅读全文

posted @ 2022-04-06 17:40 小小程序猿level1 阅读(64) 评论(0) 推荐(0)

12文字属性

摘要：2.文字属性: 1) font-size: 文字大小. 常用单位: [1] px: 像素 [2] em: 以父元素文字大小为基础, 按照倍数显示. 例: 1.5em, 0.8em [3] rem: 以页面基础文字大小作为参照, 按照倍数显示. 2) font-weight: 文字粗细值: [1] 阅读全文

posted @ 2022-04-06 15:47 小小程序猿level1 阅读(236) 评论(0) 推荐(0)

编外，文字属性字体收集

摘要：1，font-family: Candara; 2，font-family: "Candara Light"; 3，font-family: "Comic Sans MS"; 4，font-family: Corbel; 5，font-family: Gabriola; 6，阅读全文

posted @ 2022-04-06 15:43 小小程序猿level1 阅读(54) 评论(0) 推荐(0)

11块元素基础属性

摘要：1.块元素基础属性: 1) width: 设置块元素的横向大小. 常用的单位: [1] px, 像素 [2] %, 占据父元素整体宽度的比例 [3] vw, 将浏览器整体宽度分成100份, 1vw就是1份 2) height: 设置块元素的纵向大小. 常用的单位: [1] px, 像素 [2] %, 阅读全文

posted @ 2022-04-06 14:44 小小程序猿level1 阅读(74) 评论(0) 推荐(0)

10高级选择器

摘要：阅读全文

posted @ 2022-04-06 14:11 小小程序猿level1 阅读(10) 评论(0) 推荐(0)

09css基础选择器

摘要：阅读全文

posted @ 2022-04-06 14:06 小小程序猿level1 阅读(21) 评论(0) 推荐(0)

08css样式

摘要：1. css的引用方式:(3种) 1) 行内样式: 在开标签中通过style属性声明使用 2) 内部样式: 在头部通过style标签声明使用 3) 外部样式: 创建编写css文件, 并在头部通过link标签或者通过css的@import命令导入注1: 优先使用外部样式, 少量配合内部样式, 尽量不阅读全文

posted @ 2022-04-06 14:04 小小程序猿level1 阅读(34) 评论(0) 推荐(0)

07表格

摘要：<!--table标签的属性：1）border:设置边框（table的边框，单元格的边框）2) cellspacing:设置单元格间距3) cellpadding:设置单元格内边框4) width:表格的整体宽度，值可以使用整数（像素）或者百分数5) align:设置表格整体页面水平方向上的位置，值阅读全文

posted @ 2022-04-05 22:38 小小程序猿level1 阅读(89) 评论(0) 推荐(0)

06，无序列表和有序列表

摘要：<ol type="disc"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li></ol><ol type="a"> <li>1</li> <li>2</li> <li>3</li> <li>4</li&g 阅读全文

posted @ 2022-04-05 16:41 小小程序猿level1 阅读(43) 评论(0) 推荐(0)

web编外注释1，关于设置大小像素等用值

摘要：1；图片大小直接填写数值，表示像素大小 2:表格的宽可以直接写数值表示像素，，50%表示占屏幕宽度的百分比阅读全文

posted @ 2022-04-05 14:32 小小程序猿level1 阅读(34) 评论(0) 推荐(0)

05form表单

摘要：<!-- form 标签使用块标签 1）action 常用，数据提交的目标地址/某个页面 //某个页面的地址 2) method 常用，提交数据请求方式属性值： 1）get,默认值携带的数据有上限（200b 阅读全文

posted @ 2022-04-05 13:48 小小程序猿level1 阅读(57) 评论(0) 推荐(0)

4：转义符

摘要：<div>1：个空格           结束</div> 阅读全文

posted @ 2022-04-04 15:47 小小程序猿level1 阅读(49) 评论(0) 推荐(0)

3:音频与视频

摘要：<video src="./data/Hold%20on%20be%20strong.mp4" controls width="200" 阅读全文

posted @ 2022-04-04 15:33 小小程序猿level1 阅读(56) 评论(0) 推荐(0)

2：图片标签

摘要：<!--图片标签img 属性: 1)src:必填，图片路径 2)alt:选填，图片引用失败时替代图片显示的文字内容 3)title:选填，常用，设置气泡文字，鼠标放到图片上会显示文字 4)wigth:选填，设置图片宽度，值时整数表示像素大小 5)hight:选填，设置图片高度，值时整数表示像素大小- 阅读全文

posted @ 2022-04-04 14:03 小小程序猿level1 阅读(53) 评论(0) 推荐(0)

1：超链接标签

摘要：<!--a标签属性：1;href,必填跳转路径2;target，选填常用，设置页面跳转后显示的位置常用值 [1]_self:默认，在当前标签栏显示 [2]_blank:常用，在新标签栏显示//显示在新标签栏后无法返回 [3]_top:跳出frame结构，在整个浏览器中显示3;name,用于设置超链阅读全文

posted @ 2022-04-04 14:02 小小程序猿level1 阅读(64) 评论(0) 推荐(0)

0:html基础标签

摘要：1：基础块元素div 2:基础行元素span 3:标题标签h1-h5 4：换行标签br 5:水平线标签hr 6：超链接标签 7：图片标签 8：视频与音频标签 //图片，超链接，视频音频都是行元素阅读全文

posted @ 2022-04-04 13:59 小小程序猿level1 阅读(89) 评论(0) 推荐(0)

日期格式化

摘要：Date date = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss") .parse(attendday+" "+attentime+":00"); 阅读全文

posted @ 2022-04-03 17:19 小小程序猿level1 阅读(20) 评论(0) 推荐(0)

获取当前日期和当前日期加一

摘要：public void setList() { this.list = new ArrayList<>(); // Date today = new Date(); for(int i=0;i<7;i++){ int k =0; for(int j=0;j<6;j++){ /*第一天/当天*/ Fo 阅读全文

posted @ 2022-04-03 17:18 小小程序猿level1 阅读(190) 评论(0) 推荐(0)