- 博客(20)
- 收藏
- 关注
RSS订阅原创 2020-12-18
路径：站外资源：绝对路径站内资源：相对路径绝对路径的书写：URL的地址协议名://主机名:端口号/路径https://www.baidu.com也可以写成https://www.baidu.com:443常见协议名：http,https,filehttp协议默认端口80https默认端口443如果跳转得页面和现在用的协议相同，可以省略相对路径：./表示当前目录下，相对路径中./可以省略…/表示上一级目录...
2021-01-08 17:02:54
173
原创 居中总结css
居中（在包含块中居中）水平居中1）行盒、行块盒水平居中直接设置行盒父元素：text-align:center;2）常规流 块盒 水平居中定宽，左右设置margin为automargin:0 auto;3）绝对定位或者固定定位元素水平居中1、left:0; right:0; margin:0 auto;定宽2、left:50%; transform:translateX(-50%);不定宽定宽都可以4）flexBox盒子居中给父盒子设置display:flex;justify-conten
2021-01-06 17:31:52
155
原创 css3一些属性
1）box-shadow:inset 1px 1px 1px color;（阴影）1.第一个参数默认朝外，可设置朝内inset或者不写2.第二个参数必须写，左右水平偏移量；3.第三个参数必须写，上下垂直偏移量；4.第四个参数可选，扩散blur宽度5.第五个参数可选，颜色box-shadow里面参数可以叠加，eg：box-shadow:inset 1px 1px 1px pink， -1px -1px 2px blue; //内外阴影都可以叠加写2）text-shadow（可
2021-01-05 12:17:58
174
原创 flex布局（常用)✿✿✿✿✿✿✿✿✿✿
flex注意点1）当父盒子设置display：flex；子元素的float、clear、vertical-align都会失效2）采用flex布局的元素，称为flex容器（flex container），而其中的子元素成为项目(flex item)3）设置flex之后，其子元素都变为行内块元素，可设置宽高4）父盒子设置flex属性，来控制子盒子5）设置flex之后，子元素的盒子若装不下不会自动换行，而是按照比例压缩六个属性个父元素（容器）设置1）flex-direction（设置主轴方向，默认水
2020-12-31 11:21:11
195
原创 字体图标，特殊字体，等高布局，z-index（元素显示规则）
特殊字体（在ui设计师特定要求下显示字体–一般不会用，会影响加载速度）css@规则：<style> @import '路径' /* 导入别的样式*/</style>在别人打开网页的时候会自动下载该字体，所以不管用户有没有该字体都会显示该字体样式<style> @font-face{ font-family:'自定义字体名字'； src:'字体文件的路径'; } p{ font-family:'自定义字体的名字'； } </s
2020-12-25 10:12:48
462
1
原创 常规流，浮动流，定位，css:width:auto和margin：auto以及了解margin盒子塌陷
当在常规流下：1）设置盒子width或margin为auto时，这时候子盒子会吸收所有父盒子未设置的宽度，不影响高（这就是设置margin：0 auto；会居中的原理）；设置padding为auto不起作用2）同时设置width和margin为auto时，这时width会抢走所有的父盒子未设置的宽，margin不起作用在浮动流下：设置盒子width或margin为auto时，不起作用（因为脱离文档流），只有里面有内容时才能撑开盒子，否则的话margin或width为0设置margin塌陷 <
2020-12-22 11:14:50
387
2
原创 了解css属性值计算：为什么a元素的属性不继承
属性值计算过程：无属性值到每个属性都有值，才能显示在页面上1、确定声明值（浏览器默认声明，作者样式表）2、层叠冲突（1、比较重要性；2、比较特殊性；3、比较源次序）3、使用继承4、使用浏览器默认值直到每个属性都有值，例如一个属性值先看有没有浏览器声明或者作者声明，有的话直接使用这个样式比较层级冲突，没有的话看看父级元素的可不可以继承，父级也没有或者无法继承的属性，则使用浏览器默认属性（浏览器每个属性都有默认的属性值） <style> div { color: r
2020-12-21 15:04:33
266
原创 层叠样式表的权重：css解决样式冲突，css选择器
层叠声明冲突：同一个样式多次用到同一个元素上面层叠：解决声明冲突的过程，浏览器自动解决（权重比较）（需了解原理，才能写好样式表）权重比较比较重要性：由高到低1）作者样式表（你自己写的css）中的 ！important 样式(慎用，实际几乎不会使用，层级太高，会影响后期维护修改)div{ color:red !important; }2）作者样式表的普通样式（行间样式表 > 内嵌样式表 和 外联样式表；内嵌样式表和外联样式表如果选择器权重一样；谁写在下面谁优先级高）行间样式表（卸载ht
2020-12-20 23:49:09
329
原创 伪类选择器：爱恨法则；伪元素选择器：before，after；清除浮动
伪类选择器：爱恨法则link：超链接未访问时的状态visited:超链接访问过后的状态hover：鼠标悬停时的状态active：激活时的状态（一般为鼠标按下时）这四个连用时，需要按照顺序，即love hate：爱恨法则a:link{color:red;}a:visited{color:blue;}/*上面两种一般只能用在a元素上*/a:hover{color:green;}/*hover基本所有元素都可以使用*/a:active{color:black;}/*acti
2020-12-20 19:34:03
831
原创 视频与音频：html5
视频/音频：vidio，audio1.controls:控制控件的显示，属性值只能为controls某些属性只有两种状态：可以不写属性值，要写的话必须以属性名为属性值这种属性叫做布尔属性；在html5中可以不写属性值2：autoplay：自动播放（布尔属性）但一般网站都会禁止自动播放，因为突然有声音可能会对用户造成不好影响3：muted：静音播放，一般配合自动播放，这样视频就能播放了4：loop：循环播放，布尔属性<vidio src='地址' controls autoplay mut
2020-12-18 15:41:30
159
1
原创 post和get的区别
有几个前提：1、首先如果只考虑语法和理论上的http协议的话，那post和get基本上没有区别，只有字面量上的区别2、如果时基于RFC规范的：（1）理论上（Specification）:get和post有相同的语法，但是语义上有区别；get是获取请求的，post时发送请求的（2）实现上（Implementation）：各种浏览器就是这个规范的实现者常见的不同：1)get的数据显示再url上（但不一定是在域名上），post不显示在url上2）get数据有长度限制（url有长度限制），post则没
2020-12-17 23:00:49
127
原创 五层网络模型
应用层 http协议dns协议 通过解析不同的数据，把01渲染成我们能看的懂信息运输层 tcp协议，udp协议 传输协议网络层 ip地址–ip协议，主要功能找到具体的每一个计算机的地址数据链路层 mac地址每个网卡具有唯一的地址；以太网协议，用来规定01的格式，其中包含从哪里来的数据，要传送给谁以及请求的消息物理层 主要是光纤，电缆，用来传输01强弱电流在传输数据时数据会包裹http协议后，再由ip协议包裹http协议分为两个部分：请求：request请求头数据体请
2020-12-17 22:32:19
187
原创 浏览器内核
shell：外壳core：内核（js引擎，渲染引擎）：IE ：TridentFirfox: Geckochrome: Webkit/BlinkSafari: WebkitOpera: Presto/Blink<pre>标签会保留里面的空格，换行符，一般用于网页中的代码显示</pre>
2020-12-17 21:00:36
95
原创 因特网的起源/局域网/路由
因特网起源追溯在1969年美国的四所大学进行资料学术共享而产生在1989年欧洲粒子物理研究所–协议（格式） www(world wide web)在1991年才迅速发展
2020-12-16 21:25:52
1691
原创 js编程艺术读书笔记
window.onload和addLoadEvent以及jq得ready方法window.onload只能触发一次，下面写的会覆盖上面的addLoadEvent和jq的ready（）方法可多次触发addLoadEvent使用方法addLoadEvent（function）ready（）使用方法：$(document).ready(function)...
2020-12-11 15:12:57
123
原创 forin和forof和Object.keys() （参考mdn）
对象的遍历方法for in 和 for of 以及Object.keys1:for in 遍历数组的任意属性（symbol类型除外）for (variable in object){ statements}variable每次被迭代时，variable被赋予不同的属性值object非symbol类型的可枚举可迭代的对象for in 不应使用在数组中如果只考虑在对象本身的属性，而不是它的原型，getOwnPropertyNames()或者执行hasOwnproperty()来确定是否含
2020-12-07 10:48:37
931
原创 splice和slice(每天进步一点点)
splice是数组方法,以为截取数组并且改变原数组第一个参数start（必须）可以为正数和复数，若只有一个参数时：如果参数是正数的话，那么从这个数开始截取到这个数组的最后一位例如：let arr=[1,2,3,4,5],console.log(arr.splice(1) ) //返回的是截取的新数组（[2,3,4,5]）console.log(arr) //[1]如果参数是复数的话，那么从这个数开始截取到这个数组的最后一位例如：let arr=[1,2,3,4,5],console.lo
2020-12-01 00:08:30
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人