Java Web笔记

最新推荐文章于 2022-02-25 15:21:29 发布

原创最新推荐文章于 2022-02-25 15:21:29 发布 · 363 阅读

0 ·

CC 4.0 BY-SA版权

JavaWeb 专栏收录该内容

17 篇文章

订阅专栏

这篇博客记录了作者学习Java Web的过程，涵盖了HTML、CSS、JS的基础知识，如表格、音频视频处理、DOM操作、布局技巧、JavaScript环境及DOM模型，还讨论了不同样式的应用、动态语言特性以及前端框架的选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

day2

<h1>学生信息表</h1>
     <tr>
	<td>学号</td>
	<td>学号</td>
	<td>学号</td>
      </tr>

可以td>*3+tab键
》在表格的属性下面加入标题，则标题会跟随表格的变化而改变，大小位置等

<!--padding填充  单元内部与边框的距离-->
<!--margin  整个表格      与浏览器的距离-->

表格第一行是表头

<!--div块级元素  box  盒模型-->

<body>
<marqueue>滚动内容</marqueue>
<marqueue      direction="right">滚动内容</marqueue>   向右滚动
<marqueue      direction="up"  height="600">滚动内容</marqueue>   向上滚动并设置高度
</body>

scrollamount=“速度值” 设置滚动字幕的速度

day3

音频
视频
js套路
1、找到需要操作的元素（标签）
2、对元素（标签）进行操作

HTML5在HTML4基础上扩充了功能，保留了h4的常用标签

div 强制用ID或者class来标记

,那么该标签则作用会变得更加有效

placeholder=“请输入一个合法的名字，如：张三”
用于搜素栏的提示输入，浅灰色显示在搜索框中

day4

一个页面只能有一个表单

autofocus聚焦某个表单，一种属性直接添加
当一个标签的属性和值一致时只用写属性

datalist有下拉列表的效果

Points:

<input type="number" name="points" min="1" max="10" /><br/>

上下拉动选择数字

<input type="range" name="points" min="1" max="10" /><br/>

横向拉动选择数字

html 控制页面的结构
css 专门控制页面效果的技术
css1.0
css2.0(为主，2D效果)
css3.0（3D效果，动画变换矩阵）

css2.0
如何将css样式应用到页面
行级样式
页内样式
外部样式
css 后处理器 post 不需要编译
前处理器 less sass 需要编译

标签选择器（1.匹配 2.渲染） p{ }

当行级样式和业内样式重合就覆盖

行级样式只能在当前标签使用无法重用（尽量少用）
页面样式只能在当前页面使用（可以使用）
外部样式可以供多个页面使用（推荐使用）

页面是DOM（document object model）
是一个数形结构

*代表选中页面中所有的标签，杀伤力太大尽量少用

day5

DOM查找是非常耗时的，损耗性能
li一般要与ul匹配

伪类选择器如果使用四个一起用按访问次序
访问前 link
a:link{
color:red
font-size:20px;
}
hover 悬停a:
active 激活
focus 聚焦

边框border属性只设置宽度无法显示，必须要写样式，没有样式出不来

问题：(这个代码里面的-webkit目的是什么？)-webkit-border-image:
-webkit是为了适应不同的浏览器

rgba属性控制透明度

绝对定位是以浏览器的左上角为基准进行定位
相对定位是以div(层)原来的位置为基准进行定位

day6

块级元素后面不能再放其他东西，新添加的东西只能换行。

中间的div必须放在最下面

双飞翼布局
先放一个大的盒子，让这个盒子剧中；
在这个大盒子中划分为上下俩个部分；
在下面这部分中划分为竖向的三块布局；
其中左面内容靠左浮动，右面内容靠右浮动(合理的设置宽高)

clear:“属性” 根据对应属性清除相应的浮动

day7

原来的js运行环境就是浏览器
服务器（全栈）
js->nodejs(环境) 注意：运行Linux
DOM是一种文档对象模型标准
值相等，类型不相等== 相当于Java中的equals
值相等，类型相等=== 相当于Java中的==
for in 循环迭代方式不要使用

day8

location对象当前页面地址
history对象相当于后退
document对象文件操作
HTML css 叫静态页面无交互写成什么样就是什么样
js 动态语言可以和用户交互 ES6不能直接支持

json前后端交互一种数据格式
es5没有类这个概念

字面量封装性可以重用建议使用字面量

原型链挂载自己定义的方法来模拟面向对象的实现

day9

小项目用jpuery
大项目用react

基于object继承原型链实现
shift可以遍历并清空一个数组
数据结构》线性表 1.数组 2.链表 3.队列（头操作，出；尾操作，入） 4.栈（只能在栈顶操作）

正则表达式是一种表达文本模式的方法

编译期检查语法错误
运行期面向对象语言都是运行时做的事情
多态-动态绑定
反射运行期拿到类所有的类型信息

位置字符
^字符串开始
$字符串结尾

匿名函数无法函数提升

每一个需要执行功能抽取做成可以复用的函数
调用时候多个函数进行叠加高阶函数
使用函数的好处，只要传入的值按照要求传入它的返回值就稳定

类与类之间关系: 1、继承复写方法 2、组合（相互调用）

callee用于递归