皮皮买

2020年3月1日

摘要：当DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生ready事件。由于该事件在文档就绪后发生，因此把所有的其他的jquery事件和函数，至于该事件中是非常好的做法。正如上面的例子： $(document).ready(function(){ $(".btn1"）.clic 阅读全文

posted @ 2020-03-01 22:52 皮皮买阅读(138) 评论(0) 推荐(0) 编辑

523，JQuery效果 - slideToggle（）方法

摘要：（slide：滑行的意思） slideToggle（）方法，通过使用滑动效果（高度变化）来切换元素的可见状态。如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。阅读全文

posted @ 2020-03-01 22:26 皮皮买阅读(138) 评论(0) 推荐(0) 编辑

522，jquery属性操作 - toggleClass()方法（待理解）

摘要： toggleClass()对设置和移除备选元素的一个或者多个类进行切换。该方法检查每个元素中指定的类，如果不存在就添加类，如果已经设置就删除之。这就是所谓的切换效果。不过，通过使用“switch” 参数，您能够规定只删除或者只添加类。阅读全文

posted @ 2020-03-01 22:08 皮皮买阅读(106) 评论(0) 推荐(0) 编辑

2020年2月27日

521，什么是外边距重叠？重叠的结果是什么？

摘要：外边距重叠就是margin-collapse 在css中，相邻的两个盒子可能是兄弟也可能是祖先关系，他们的外边距可以结合成一个单独的外边框。这种合并外边距的方式被称为折叠，因而，所结合成的外边距称为折叠外边距。折叠结果遵循下列计算规则：两个相邻外边距都是正数时，折叠结果是他们两之间的较大的值两阅读全文

posted @ 2020-02-27 21:39 皮皮买阅读(149) 评论(0) 推荐(0) 编辑

520，自适应布局的思路（待补充）

摘要：左侧浮动或者绝对定位，右侧通过margin撑开使用flex 使用<div>包含，然后靠margin形成bfc（百科：block formatting context块级格式化上下文 bfc是一个独立的渲染区域，只有block-level box参与，他规定了包括内部的block-level box 阅读全文

posted @ 2020-02-27 18:08 皮皮买阅读(121) 评论(0) 推荐(0) 编辑

519，伪类和伪元素的区别

摘要：伪类表示状态伪元素是真的有元素前者单冒号，后者双冒号阅读全文

posted @ 2020-02-27 15:43 皮皮买阅读(99) 评论(0) 推荐(0) 编辑

518，自定义字体的使用场景

摘要：宣传，品牌，banner（横幅广告）等固定文案字体图标阅读全文

posted @ 2020-02-27 15:42 皮皮买阅读(154) 评论(0) 推荐(0) 编辑

517，sytlus/sass/less的区别

摘要：均具有“变量”，“混合”，“嵌套”，“继承”，“颜色混合”五大基本特性 scss和less语法较为严禁，less要求一定要使用大括号“{}”，scss和stylus可以通过缩进表示层次与嵌套关系 scss没有全局变量的概念，less和stylus有类似于其他语言的作用域概念 sass是基于ruby语阅读全文

posted @ 2020-02-27 15:40 皮皮买阅读(125) 评论(0) 推荐(0) 编辑

516，base64的原理及优缺点

摘要：优点是可以加密，减少了http请求缺点是需要消耗cpu进行编解码适用于小图片 base的体积约为原图的4/3 阅读全文

posted @ 2020-02-27 15:30 皮皮买阅读(282) 评论(0) 推荐(0) 编辑

515，前端性能优化--减少http请求（待补充）

摘要：对于影响页面呈选的因素有三个地方：服务器连接数据库并计算返回数据，http请求以及数据（文件）经过网络传输，文件在浏览器中计算渲染呈选；其中大约80%的时间都消耗在了http的请求上，所以要想大幅度的优化页面，必须从http请求上入手阅读全文

posted @ 2020-02-27 15:08 皮皮买阅读(208) 评论(0) 推荐(0) 编辑

514 ，css不同选择器的权重（css层叠的规则）

摘要：！important规则最重要，大于其它规则行内样式规则，加1000 eg，<html> <head> </head> <body> <h3>站长中心</h3><p style="padding-left: 60;color: blue">站长 </p> </body></html> 对于选择器中阅读全文

posted @ 2020-02-27 12:18 皮皮买阅读(228) 评论(0) 推荐(0) 编辑

513，如果需要手写动画，你认为最小时间间隔是多久，为什么？

摘要：多数显示器默认的频率是60hz，即1秒刷新60次，所以理论上最小的时间间隔是1/60*1000ms = 16.7ms 阅读全文

posted @ 2020-02-27 12:08 皮皮买阅读(307) 评论(0) 推荐(0) 编辑

2020年2月26日

512，a标签的target属性

摘要： <a> 标签的 target 属性规定在何处打开链接文档。 1、“_blank”的意思：浏览器总在一个新打开、未命名的窗口中载入目标文档。 2、“_parent”的意思：这个目标，使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 阅读全文

posted @ 2020-02-26 00:07 皮皮买阅读(143) 评论(0) 推荐(0) 编辑

2020年2月25日

511,display:inline-block什么时候不会显示间隙？

摘要：（百科：在CSS布局中，如果我们想要将一些元素在同一行显示，其中的一种方法就是把要同行显示的元素设置display属性为inline-block，但是你会发现这些同行显示的inline-block元素之间经常会出现一定的空隙，这就是“换行符/空格间隙问题”。 display：inline；强制变成阅读全文

posted @ 2020-02-25 23:57 皮皮买阅读(504) 评论(0) 推荐(0) 编辑

510，position的值，relative和absolute定位原点是

摘要：（absolute：生成绝对定位的元素） position属性用来规定元素的定位类型和方式 ①position：static 默认值，没有定位，元素出现在正常的流中； ②position：fixed 固定定位是相对于浏览器窗口来进行定位； ③position：relative 相对定位相对于其本阅读全文

posted @ 2020-02-25 23:34 皮皮买阅读(498) 评论(0) 推荐(0) 编辑

公告