01 2021 档案
摘要：1.响应式布局 网页可以根据不同的设备或窗口大小呈现出不同的效果 通过响应式布局，可以使一个网页适用于所有设备 响应式布局的关键就是媒体查询，通过媒体查询，可以为不同的设备，或设备的不同状态来分别设置样式 1.2媒体查询 语法：@media 查询规则 媒体类型： all：所有设备 print：打印设
阅读全文
摘要：1.像素 屏幕是由一个一个发光的小点构成，这一个个小点就是像素 分辨率：1920*1080 说的是屏幕中小点的数量 在前段开发中像素要分成两种情况进行讨论，css像素和物理像素 物理像素：上述所说的小点就属于物理像素 css像素：编写网页时，我们所用像素都是css像素 一个css像素最终由几个物理像
阅读全文
摘要：1.弹性盒简介 flex（弹性盒，伸缩盒），是css的又一种布局手段 主要用来代替浮动来完成页面的布局 flex可以使元素具有弹性，让元素可以跟随页面的大小的改变而改变 1.1弹性容器 要使用弹性盒，必须先将一个元素设置为弹性容器 通过display来设置弹性容器 display：flex 设置为块
阅读全文
摘要：布局 min-width：1226px 浏览器网页最小宽度（缩小后还是会有水平滚轮，只是会铺满） 作用：不让浏览器过小导致容器溢出 css动画效果 text-indent：2px文本首行缩进 让元素隐藏 隐藏后仍保留位置 visibility：hidden； 隐藏后不保留位置 display：hid
阅读全文
摘要：1.css的一些附加功能 变量的设置 兼容性不好，ie没有 <style> html{ --color:#bfa; } div{ color:var(--color) } </style> calc()计算函数 兼容性不好，ie没有 <style> width:calc(136px*12); </s
阅读全文
摘要：1.过渡（transition） 通过过渡可以指定一个属性发生变化时的切换方式 1.1transition-property:指定执行过渡的属性 多个属性使用“，”隔开，如果所有属性都需要过渡，则使用all关键字 大部分属性都支持过渡效果 注意：过渡必须是从一个有效数值向另外一个有效数值过渡 1.2
阅读全文
摘要：在现实生活中，我们经常需要使用表格来表示一些格式化数据，例如：课程表、人名单、成绩单。。。 在网页中也要使用表格 通过table标签创建一个表格 1.表格 1.1常用表格 标签 table tr 表示一行 td 表示一个单元格 默认情况下元素在td中是垂直居中的，可以通过vertical-align
阅读全文
摘要：1.层级 对于开启了定位的元素，可以通过z-index属性来指定元素的层级 z-index需要一个整数作为参数，值越大元素的层级越高，元素的层级越高越优先显示 如果元素的层级一样，则优先显示靠下的元素 祖先元素的层级再高也不会盖住后代元素 2.字体相关 2.1字体相关的样式 (https://blo
阅读全文
摘要：1.背景 1.1一些属性 background-color:设置背景颜色 ###background-image：设置背景图片 background-image：url(图片的路径)； 可以同时设置背景颜色和背景图片，这样将会成为图片的背景色 如果背景的图片小于元素，则背景图片会自动在元素中平铺及那
阅读全文
摘要：1.原型（prototype） 2.函数的protype属性 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象) 原型对象中有一个属性constructor, 它指向函数对象 3.给原型对象添加属性（一般都是方法） 作用: 函数的所有实例对象自动拥有原型
阅读全文
摘要：1.定位position 定位是一种更加高级的布局手段 单纯的用margin实现元素的移动，会显得很麻烦且笨拙，因此使用position属性改变元素的定位方式，从而更好的布局 通过定位可以将元素摆放到页面的任意位置 可选值 static 默认值，元素是静止的没有开启定位 relative：开启元素的
阅读全文
摘要：float浮动 通过浮动可以使一个元素相其元素的左侧和右侧移动 使用float属性来设置于元素的浮动，只是在父元素的范围内，不会超出 可选值： none（默认值）：元素不浮动 left：元素向左浮动 right：元素向右浮动 注意1：元素设置浮动以后，水平布局的等式遍不需要强制成立 之前 设置了fl
阅读全文
摘要：线程 join join()方法的作用就是让主线程等待子线程执行结束之后再运行主线程，其中子线程强占cpu资源 https://blog.csdn.net/xiaozhu0301/article/details/111579801 CountDownLatch 允许一个或==多个==线程去等待其他线
阅读全文
摘要：1.文档流（normal flow） 网页是一个多层的结构，一层叠着一层 通过CSS可以分别为每一层来设置样式，作为用户只能看到最顶上一层 这些层中，最底下的一层称为文档流。文档流是网页的基础，我们所创建的元素默认都是在文档流中进行排列 对于我们来说元素主要有两个状态 在文档流中 不再文档流中（脱离
阅读全文
摘要：1.继承（样式） 样式的继承，我们为一个元素设置的样式同时也会应用到他的后代元素上 继承是发生在祖先和后代之间的 继承的设计是为了方便我们的开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素伤，这样只需要设置一次即可 注意：并不是所有的方法都会被继承，比如，背景相关的，布局相关等这些样式
阅读全文
摘要：(https://www.cnblogs.com/bai2018/p/10801430.html) (https://www.yuque.com/awescnb/user/rycpvv#8e1b944f) (https://www.cnblogs.com/weijiaxin/p/11135400.h
阅读全文
摘要：html和css资料链接 提取码zyq6 1.CSS 层叠样式表 网页实际上是一个多层的结构，通过css可以分别为网页的每一个层来设置样式，而最终我们能看到的只是网页的最上边的一层 总之一句话，css用来设置网页中元素的样式 内联样式，行内样式 在标签内部通过style属性来设置元素的样式 <p s
阅读全文
摘要：html和css资料链接 提取码zyq6 w3school的HTML教程 1.网页的结构 根据W3C标准，一个网页主要分为三部分组成：结构（HTML）、表现（CSS）、行为（JS） 结构：HTML用于描述页面的结构 表现：CSS用于控制页面中元素的样式 行为：JS用于响应用户操作 2.HTML 超文
阅读全文
摘要：定时器方法 是BOM的window的方法 setInterval&clearInterval 定时调用 可以将一个函数每隔一段时间执行一次 -参数： 回调函数：该函数会每隔一段时间被调用一次 每次调用间隔的时间，单位是毫秒 返回值： 返回一个NUmber类型的数据 这个数字作为定时器的唯一标识 va
阅读全文
摘要：(https://www.w3school.com.cn/js/js_window_navigator.asp) BOM bom是浏览器对象模型 bom可以使我们通过JS来操作浏览器 1. BOM对象 在bom中为我们提供了一组对象，，用来完成对浏览器的操作 这些BOM对象在浏览器中都是作为wind
阅读全文
摘要：HTML DOM Event 对象(https://www.w3school.com.cn/jsref/dom_obj_event.asp) 本节要点记录 callback.call(obj) callback函数有call和apply方法，可以在执行函数是动态的绑定上下文 callback.cal
阅读全文
摘要：CSS设置参考手册(https://www.w3school.com.cn/cssref/index.asp) 1.操作内联样式 语法 元素.style.样式名 = 样式值 注意 如果CSS的样式名中含有-，这种名称在JS中是不合法的需要将这种样式名修改为驼峰命名法，去掉-，然后将-后的字母大写 b
阅读全文
摘要：DOM增删改 (https://www.w3school.com.cn/htmldom/dom_methods.asp) <script type="text/javascript"> window.onload = function(){ myClick("btn01",function(){ /
阅读全文
