10 2020 档案
摘要:大惊小怪: 即使子元素的大小超过了父容器, 超出父容器的部分仍然会正常显示, 只不过是看起来是子元素已经独立于父容器. 事实上不是这样的, 子元素仍然包含在父容器内部, 我们之所以能够看到超出的部分, 是因为父容器的overflow属性设置为了visible 如果想让超出部分不可见, 就只需要将父容
阅读全文
摘要:第三种创建对象的方法: 关于对继承的属性的权限:
阅读全文
摘要:正常遍历: for(var i=0;i<length;i++){ } 通过下标获取相对应位置的元素并调用其Api , 没有任何问题 特殊遍历方法 错误代码演示: 1 //获取到所有的需要操作的对象 2 var imgs = document.getElementsByClassName("box")
阅读全文
摘要:第一条: 这句话的意思有没有这样的意思: 对象中的方法也是作为一个属性的存在. 第二条: 第三条: 第四条: 第五条: 第六条: 第七条: 第八条: 第八条:
阅读全文
摘要:首先, 我们需要明确: 每一个元素维护一个自己的坐标系, 这个坐标系的默认坐标原点是(center , center, 0 ) 第二: 子元素坐标系的变化不会对父元素坐标系产生任何的影响 第三: 父元素的坐标系发生变化, 子元素相对于父元素的坐标系不发生变化, 但是相对于视口的坐标系会发生变化 总之
阅读全文
摘要:由于3D变换相对于2D变换只是多了一个Z轴, 所以, 所有的关于X, Y轴的变换也都是一样的. 关于translate-origin, 之前一直以为坐标系的基础都是以元素中心点为坐标原点的, 看到translate-origin的demo之后发现, 这个有点例外 这个属性的基准也是这个元素 所以拥有
阅读全文
摘要:所谓景深, 可以理解为是以自己的眼睛为参照物, 景深越小, 就代表自己的眼睛离物体越近, 看到的东西也就越夸张 景深越大, 就代表自己的眼睛离物体越远, 看到的东西也就只有轮廓, 平淡无奇.
阅读全文
摘要:当过渡进行组合时, 会出现不符合预想的变换, 比如先放大在平移, 先旋转再平移, 由于会改变坐标轴和像素点的密度, 造成了不符合预期结果的出现, 关于每种过渡底层是如何操作的, 仍然存疑. 待解决 根据实验, 对此问题的猜想: 1 每一个元素维护一个自己的坐标系, 坐标原点是该元素的中心, 这个坐标
阅读全文
摘要:父元素清除浮动之后, 子元素是一个浮动元素, 父元素的高度是由什么决定的? 父元素的高度是由整个盒模型决定的, 包含margin border padding area, 如果margin为负值, 仍然满足吞噬理论
阅读全文
摘要:1 padding区域也是可以被背景进行渲染的 2 一般指定容器的高度和宽度时, 指定的都是内容区的宽度和高度, 并不包括padding或border或margin 如果是怪异盒模型则会包含
阅读全文
摘要:疑问一: 使用vertical-align进行垂直对齐时要求必须是内联元素, 是不是要求此元素以及它的父元素都必须是内联元素. 疑问二: 使用vertical-align进行对齐时, 都是根据参照物(父元素)的顶线,中线,基线, 底线, 上文本线, 下文本线来进行对齐, 但是这些参照都是在文本行(带
阅读全文
摘要:总结点: 内容区高度=字体高度=font-size 行高=内容区高度+行间距 行内框=内容区 行框=上半行边距+max(行内框)+下半行边距 有坑: 在一个容器中要想设置元素垂直居中对齐(或者其它的对齐方式), 会使用到行高属性(line-height), 之前看到过说对齐基准是一行中行内框最大的元
阅读全文
摘要:浮动: 如果将元素设置为浮动, 元素将脱离文档流,但是仍然对文档流中的元素布局造成一定的影响 其它元素可以移动到该元素所占位置下面, 但是, 其它元素中的文本内容以及图片不可以跟随父元素移动到该元素所占的位置下面 绝对定位: 绝对定位可以理解为完全脱离文档流, 在文档流中一点空间都不占有, 所以,
阅读全文
摘要:BFC是块级上下文对象, 主要是用来管理块级元素的, 是一组规则 详细参考文章:https://zhuanlan.zhihu.com/p/25321647
阅读全文
摘要:详细参考: https://www.jianshu.com/p/549aaa5fabaa 关于margin的一点简单粗暴的小理解: 1, margin不会影响到内容区, 或者说甚至不会影响到border及内部的任何一部分区域, 只是会影响盒子的布局. 2, 关于布局的时候, 可以理解为这两个过程:
阅读全文
摘要:diaplay: block 基本特性 1、块级元素的宽度按文本方向填充所有可用空间。 2、块级元素的高度是根据内容高度自动计算的。 3、块级元素总是从新行开始。 盒模型特性 4、width(宽度)和height(高度)属性可以应用于块级元素。 5、padding(内边距)和border(边框)属性
阅读全文
摘要:具有定位的元素的层级, 默认是后面的元素比前面的元素的层级高 (这是对同级元素来说) 标准流盒子低于浮动的盒子,浮动的盒子又低于定位的盒子。定位(relative,absolute,fixed)高于浮动,浮动高于标准流。 给定z-index的值为层级的值时。(不给默认为0) 》 (层级为0的盒子,也
阅读全文
摘要:文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。 浮动会使元素脱离标准文档流, 从而导致容器塌陷 浮动元素的特点: 脱离标准文档流 >后来又发现, 这一条是成立的, 但是, 需要配合最后一条规则 不会自动
阅读全文
摘要:如果属性border-radius:50%, 采用类似的百分比的形式, 则是分别按照长和宽的像素乘以百分比 例如: 1 div{ 2 width:200px; 3 height:100px; 4 border-radius:50% 5 } 6 7 等价于 8 9 div{ 10 width:200p
阅读全文
摘要:当所有的布局有关参数都设置完成之后, 肯定会有一部分参数引起冲突, 冲突时, 哪些参数会保留, 哪些参数会被舍去? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>
阅读全文
摘要:nth-of-type只是针对元素进行选择, 如果通过类名进行筛选, 就会疯狂不对 正确: 错误: 当子元素都是同一种标签时, 用两种进行筛选都可以 当子元素不是同一种标签是, 用nth-of-type更好一点
阅读全文
摘要:###canvas中的变换 translate(x, y) 我们先介绍 translate 方法,它用来移动 canvas的原点到一个不同的位置。 translate 方法接受两个参数。x 是左右偏移量,y 是上下偏移量, 在canvas中translate是累加的 rotate(angle) 这个
阅读全文
摘要:不知道什么原因, 每一次使用getElementById()都无法获取canvas对象, 所以会使用querySelector()来获取 但是要注意获取上下文对象时, 要判断一下, canvas对象是否存在 var mycanvas = document.querySelector("#mycanv
阅读全文
摘要:关于栈中的元素以及正在使用的元素 可以这样理解: 栈是一个仓库, 只是储存着我们需要的格式, 除了仓库中的东西, 我们手中还有一个正在使用的格式, 每一次往栈中存储的时候, 只是把我们手中的东西复制了一份放到了仓库中, 只有调用restore()函数的时候 我们才会从栈中取出一个格式替代我们手中正在
阅读全文
摘要:canvas在绘制边框时, 是以位置点为基准, 同时在两侧绘制边框, 并且格式不支持小数, 如果出现小数, 默认会向上取整 所以出现了1像素边框变成了2像素边框的问题
阅读全文
摘要:由于class在HTML中是一个关键字, 所以, 如果HTML标签中出现了以class命名的属性, 那么在生成的dom对象中的property会生成一个名为classname的property来供我们操作. 另外, Dom对象的property封装了一个classList属性, 里面存储着Dom对象
阅读全文
摘要:attribute:是HTML标签上的某个属性, 无论value的值是什么类型都会编译为字符串类型 property:是js获取的DOM对象上的属性值, 初步联系: 在js中获取到dom对象时, dom对象拥有各种property, 被封装在properties中 其中一个property为attr
阅读全文
摘要:由于在HTML中, 没有数据类型的概念, 所以, HTML只认识字符串, checked属性只要出现, 就会被选中, 要想初始值不被选中, 就只有不写checked属性
阅读全文
摘要:不懂的地方: 是不是能使用man命令进行查看的命令或文件都是linux中已经自带的安装好的, 对于自己安装的第三方的软件中的命令, 能否使用man命令进行查看详细的使用 关于man命令的参数问题, man查询的相关命令和文件都是来自于哪里??? 一句话: man命令是用来查看系统中自带的各种参考手册
阅读全文
摘要:由于在SpringMVC中支持Ant风格的请求参数类型, 所以可以直接将参数的值传入进URL地址中,(http://localhost:80/1/2) 但是这样的传参方式使得控制器端无法识别参数名, 所以, 在编码的时候, 一定要避免出现同样的参数类型的情况, 否则, 服务端将会报错, 因为无法识别
阅读全文
摘要:原因: 访问swagger测试页面时网址链接是http://localhost:8001/swagger-ui.html 但是控制器里面有一个方法通过ANT匹配的方法参数是这样的@GetMapping("/{id}"), 正好与测试页面的网址相互冲突, 导致一直都无法加载页面 首次解决办法: 在控制
阅读全文
摘要:本来一直以为@RequestBody只是可以作为方法或者类的注解, 表示直接将返回的数据返回给客户端, 但是最近第一次看见@RequestBody也可以用来作为参数的注解: 突然发现, 这是自己学习知识没有了解到的知识点, @ResponseBody是代表将方法的返回值直接返回给浏览器, @Requ
阅读全文
摘要:找到原因:配置文件出现错误, 导致无法连接到数据库, 将配置文件修改完成即可
阅读全文
摘要:1.dev 设备文件,几乎任何硬件外设都会在这里面有对应的文件,包括硬盘,U盘,光驱,串口,打印机等等。只要硬件连接上了电脑,并且正常驱动起来,/dev/下就会产生对应的文件。2.media 是自动挂载的目录,比如我们的U盘插在ubuntu下会自动挂载,就会在/media下生成一个目录,这个目录就是
阅读全文
摘要:1 环境变量文件 2 系统服务所在文件的位置, 以及systemctl list-unit-files所罗列出的所有服务的关系, 以及/usr/lib/systemd/system下的文件的关系 3 在/etc/init.d目录下的是开机自启动程序吗? 添加开机自启动程序(或者服务)是将服务启动脚本
阅读全文
摘要:自己认为的, 不知道对不对, wait()方法是定义在Object类中的, 对于sychronized限定的代码而言, 调用者是当前的监控器对象, 可以理解为java内部将该监控器与当前线程进行了绑定, 当synchronized中的代码执行完毕后, 该绑定又被一种特殊的方式解除了 对于Reentr
阅读全文
摘要:这个是正常的 这个是没有控制好时序的 这个是阻塞的, 不知道await()方法的机制, 所以不知道为什么会这样
阅读全文
摘要:第一步, 看继承结构图, 利用IDEA工具自动生成类结构图, 可以把自己关心的类一一添加到类结构图中查看各种类之间的关系 第二步: 从最顶层打开源码, 查看自己曾经用过见过的方法和属性, 对每一个方法的实现流程要理清 Executor接口: 只有一个抽象方法execute(Runnable runn
阅读全文
摘要:按照步骤配置es远程自定义词库, 服务正常启动, 但就是无法访问到远程字典
阅读全文