摘要: 练习格式: 快速入门 style 基本入门 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范,<style> 可以编写css的代码,每一个声明最好使用分号结尾 语法: 阅读全文
posted @ 2022-02-09 23:57 摘星丶仙 阅读(23) 评论(0) 推荐(0)
摘要: 什么是CSS Cascading Style Sheets 层叠样式表 CSS:表现(美化网页) 字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动...... 发展史 CSS1.0 CSS2.0 DIV(块)+ CSS,HTML 与CSS结构分离的思想,网页变得简单,SEO CSS2.1 阅读全文
posted @ 2022-02-09 22:24 摘星丶仙 阅读(26) 评论(0) 推荐(0)
摘要: 什么是CSS 如何学习 CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表,渐变......) 盒子模型 浮动 定位 网页动画(特效效果) 阅读全文
posted @ 2022-02-09 22:14 摘星丶仙 阅读(22) 评论(0) 推荐(0)
摘要: 为什么要进行表单验证? 减轻服务器的压力 保证数据的安全性 常用方式 placeholder:提示信息 required:非空判断 pattern:正则表达式 <!-- https://www.jb51.net/tools/regexsc.htm --> <p>自定义邮箱: <input type= 阅读全文
posted @ 2022-02-09 21:50 摘星丶仙 阅读(24) 评论(0) 推荐(0)
摘要: 隐藏域 hidden 只读 readonly 禁用 disabled <!--增强鼠标可用性--> <label for="mark">你点我试试</label> <input type="text" id="mark"> 阅读全文
posted @ 2022-02-09 21:40 摘星丶仙 阅读(30) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以是一个请求 阅读全文
posted @ 2022-02-09 21:34 摘星丶仙 阅读(27) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以是一个请求 阅读全文
posted @ 2022-02-09 21:23 摘星丶仙 阅读(21) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以是一个请求 阅读全文
posted @ 2022-02-09 20:46 摘星丶仙 阅读(25) 评论(0) 推荐(0)
摘要: 表单元素格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也 阅读全文
posted @ 2022-02-09 20:37 摘星丶仙 阅读(25) 评论(0) 推荐(0)
摘要: 表单语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以 阅读全文
posted @ 2022-02-09 20:27 摘星丶仙 阅读(33) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--iframe 内联框架 src:地址 w-h:宽度高度 --> <iframe src="" 阅读全文
posted @ 2022-02-09 20:09 摘星丶仙 阅读(27) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面结构分析</title> </head> <body> <header> <h2>网页头部</h2> </header> <section> <h2>网页主 阅读全文
posted @ 2022-02-09 19:35 摘星丶仙 阅读(22) 评论(0) 推荐(0)
摘要: 视频和音频 视频元素 video 音频元素 audio <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>媒体元素学习</title> </head> <body> <!--音频和视频 src:资源路径 con 阅读全文
posted @ 2022-02-09 19:29 摘星丶仙 阅读(44) 评论(0) 推荐(0)
摘要: 表格 为什么使用表格 简单通用 结构稳定 基本结构 单元格 行 列 跨行 跨列 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格学习</title> </head> <body> <!--表格table 阅读全文
posted @ 2022-02-09 17:36 摘星丶仙 阅读(13) 评论(0) 推荐(0)
摘要: 列表 什么是列表 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息 列表的分类 无序列表 有序列表 定义列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 阅读全文
posted @ 2022-02-09 16:34 摘星丶仙 阅读(27) 评论(0) 推荐(0)
摘要: 行内元素和块元素 块元素 无论内容多少,该元素独占一行 (p、h1-h6...) 行内元素 内容撑开宽度﹐左右都是行内元素的可以在排在一行 ( a . strong . em ...) 阅读全文
posted @ 2022-02-09 16:24 摘星丶仙 阅读(24) 评论(0) 推荐(0)
摘要: 链接标签 文本超链接 图像超链接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>链接标签学习</title> </head> <body> <!--使用name作为标记--> <a name="top">顶 阅读全文
posted @ 2022-02-09 16:16 摘星丶仙 阅读(24) 评论(0) 推荐(0)
摘要: 常见的图像格式 JPG(常用) GIF PNG(常用) BMP:位图 ...... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像标签学习</title> </head> <body> <!--img学 阅读全文
posted @ 2022-02-09 15:57 摘星丶仙 阅读(24) 评论(0) 推荐(0)
摘要: 标题标签 段落标签 换行标签 水平线标签 字体样式标签 注释和特殊符号 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签学习</title> </head> <body> <!--标题标签--> <h 阅读全文
posted @ 2022-02-09 15:37 摘星丶仙 阅读(28) 评论(0) 推荐(0)
摘要: HTML基本结构 网页基本信息 DOCTYPE声明 标签 标签 <!--DOCTYPE:告诉浏览器,我们要使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <head> <!--meta描述性标签,它用来描述我们网站的一些 阅读全文
posted @ 2022-02-09 14:01 摘星丶仙 阅读(37) 评论(0) 推荐(0)
摘要: 什么是HTML HTML Hyper Text Markup Language (超文本标记语言) 超文本包括:文字、图片、音频、视频、动画等 HTML5的优势 世界知名浏览器厂商对HTML5的支持 微软 Google 苹果 Opera Mozilla 市场的需求 跨平台 W3C标准 w3C Wor 阅读全文
posted @ 2022-02-09 13:36 摘星丶仙 阅读(19) 评论(0) 推荐(0)
摘要: JMM 什么是JMM? JMM:(Java Memory Model的缩写) 它干嘛的?︰官方,其他人的博客,对应的视频! 作用:缓存一致性协议,用于定义数据读写的规则(遵守,找到这个规则)。 JVM定义了线程工作内存和主内存之间的抽象关系:线程之间的共享变量存储在主内存(Main Memory)中 阅读全文
posted @ 2022-02-09 12:58 摘星丶仙 阅读(49) 评论(0) 推荐(0)
摘要: 总结 内存效率:复制算法>标记清除算法>标记压缩算法(时间复杂度) 内存整齐度:复制算法=标记压缩算法>标记清除算法 内存利用率:标记压缩算法=标记清除算法>复制算法 思考一个问题:难道没有最优算法吗? 答案:没有,没有最好的算法,只有最合适的算法 > GC∶分代收集算法 年轻代: 存活率低 复制算 阅读全文
posted @ 2022-02-09 12:28 摘星丶仙 阅读(20) 评论(0) 推荐(0)
摘要: 标记清除算法 优点:不需要额外的空间! 缺点:两次扫描,严重浪费时间,会产生内存碎片。 标记压缩 再优化: 标记清除压缩 先标记清除几次 再压缩~ 阅读全文
posted @ 2022-02-09 12:14 摘星丶仙 阅读(46) 评论(0) 推荐(0)
摘要: 复制算法 好处:没有内存的碎片~ 坏处:浪费了内存空间~:多了一半空间永远是空to。假设对象100%存活(极端情况) 复制算法最佳使用场景:对象存活度较低的时候;新生区~ 阅读全文
posted @ 2022-02-09 12:04 摘星丶仙 阅读(22) 评论(0) 推荐(0)
摘要: GC:垃圾回收 JVM在进行GC时,并不是对这三个区域统一回收。大部分时候,回收都是新生代- 新生代 幸存区(from , to) 老年区 GC两种类:轻GC(普通的GC),重GC(全局GC) 阅读全文
posted @ 2022-02-09 00:13 摘星丶仙 阅读(28) 评论(0) 推荐(0)