akaee-CSDN博客

原创 jQuery 源码 jsonp 冷知识

当ajax请求jsonp时分两种情况：1.跨域跨域会进入到源码的 if(s.crossDomain)判断，在network中就会发现，源码创建了script标签并发送了请求。以下为jQuery源码部分// Bind script tag hack transport jQuery.ajaxTransport("script", function (s) { // This transport only deals with cross domain requests if (s.c

2021-09-07 20:01:34 170

原创 JS事件委托

<body> <ul> <li>item1</li> <li>item2</li> <li>item3</li> </ul> <!-- <script> // 此方法弊端就是如果有很多个li的话会给每个li都绑定事件浪费性能 var lis = document.query.

2021-08-14 10:45:41 83

原创通过JS或运算返回具体值的特性实现选择默认页数

function display(pageid) { // 设置默认值 var page = pageid || 1; console.log(page); } // 初始化调用需要默认显示第1页 display(); // 1 display(2); // 2

2021-08-09 21:55:24 94

原创 Javascript运算符相关冷门知识点

console.log(7 < 'f') // falseconsole.log('f'< 7) // falseconsole.log(7 < '8') //true原因:当比较时,会默认把非数字字符串转为NaN,数字则就转为数字console.log("hello"||1<2);//hello||或运算会短路，就是先判断左侧表达式的结果是否为true，如果为true则返回左边表达式的值，不判断右侧如果左侧不为true则执行右...

2021-08-03 15:49:24 108

原创 BFC知识点

BFC块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。生成条件：根元素 float的值不为none overflow的值不为visible，可用(hidden、auto、scroll) display的值为inline-block、table-cell、table-caption position的值为absolute或fixed BFC规

2021-07-31 12:43:12 171

原创 table表格知识点

（一）关于表格的CSS属性1、单元格间距(该属性必须给table添加) border-spacing:value;2、合并相邻单元格边框 border-collapse:separate(边框分开)/collapse(边框合并)；3、无内容单元格显示、隐藏 empty-cells:show/hide;4、固定单元格宽高(只能固定宽度) 表格布局算法 table-layout：auto/fixed 固定表...

2021-07-31 12:41:56 428

原创 html高度塌陷的原因与解决方法

原因：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）解决方式：1.给父元素添加声明overflow:hidden; (overflow:hidden会隐藏定位到BFC区域外部的内容)2.在浮动元素下方添加空div,并给该元素添加声明：clear:both;height:0;overflow:hidden; (缺点：会造成大量的代码冗余)3.万能清除浮动法.clean:after{content:"";display:block...

2021-07-31 11:54:08 965

原创 html文本溢出

溢出属性（容器的）overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit; visible:默认值，内容不会被修剪，会呈现在元素框之外；hidden：内容会被修剪，并且其余内容是不可见的；scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容;auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容;inherit：规定应该从父元素继承overflow 属性的值(ie浏览器不支持此属性值) 。...

2021-07-31 11:50:18 694

原创盒模型 margin 相关知识点

属性值的4种方式：四个值：上右下左三个值：上左右下二个值：上下左右一个值：四个方向margin问题：（1）margin-top问题原因：给父元素下第一个子元素加了margin-top，会默认添加到父元素，导致整个父元素下降解决方法：给父元素添加overflow:hidden; 给父元素添加盒模型相关属性（border）给其中一个元素浮动（2）margin上下重...

2021-07-31 11:47:17 267

原创 link和import导入外部样式的区别

link和import导入外部样式的区别：老祖宗的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义rel连接属性等，@import就只能加载CSS。加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式。兼容...

2021-07-31 11:42:10 196

原创图片 title 和 alt区别

图片 title 和 alt区别：alt:1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。2、alt属性值得长度必须少于100个英文字符3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO...

2021-07-31 11:39:35 1091

llmoskk的博客