2018年11月_Q久夏青

原创 cookies,sessionStorage和localStorage的区别

联系：sessionStorage和localStorage一样，都是用来缓存客户端缓存信息。他们都只能存储字符串类型对象。区别：localStorage的生命周期是永久的，除非用户主动清除浏览器UI上存储的localStorage信息，否则它将永久存在。sessionStorage的生命周期是存在于标签页或窗口，用于本地存储一个会话（session）中的数据，这些数据随着窗口或标签页的...

2018-11-28 22:44:52 133

原创介绍浏览器的内核

介绍一下对浏览器内核的理解主要分成两个部分：渲染引擎(Render Engine)和JS引擎。渲染引擎：负责取得网页的内容(html,xml和图像等)，整理讯息(例如假如css)，以及计算网页的显示方式，然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。JS引擎：解...

2018-11-28 22:16:43 144

原创清除浮动方法

浮动对页面的影响：如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0，下面的元素会自动补位，所以这个时候要进行浮动的清除。关于清除浮动的方式:方式一:使用overflow属性来清除浮动.ovh{overflow:hidden;}先找到浮动盒子的父元素，再在父元素中添加一个属性：overflow:hidden...

2018-11-28 22:11:33 380

原创 HTML行内元素、块状元素、行内块元素的区别，行内块元素在IE8-的兼容性

HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是，这三者是可以互相转换的，使用display属性能够将三者任意转换：　　(1)display:inline;转换为行内元素　　(2)display:block;转换为块状元素　　(3)display:inline-block;转换为行内块状元素1.行内元素　　行内元素最常使用的就是span，其...

2018-11-28 21:54:53 579

原创 web前端兼容性问题总结

1. HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);2. const问题说明:Firefox下,可以使用const关键字或var关键字来定...

2018-11-22 16:38:00 187

原创异步加载js方案

默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。异步加载方式：defer，只支持IEasync：创建script，插入到DOM中，加载完毕后callBack，见代码：function lo...

2018-11-21 13:15:07 163

原创尝试实现ready方法

$(document).ready() 是个什么函数？跟window.onload有什么区别？1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$(...

2018-11-21 13:11:18 230

原创前端开发有哪些优化问题？

减少http请求次数：css spirit,data uriJS，CSS源码压缩前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能用setTimeout来避免页面失去响应用hash-table来优化查找当需要设置的样式很多...

2018-11-21 13:07:11 570

原创 4. CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS 3新增伪类有哪些？

 id选择器（# myid） 类选择器（.myclassname） 标签选择器（div、h1、p） 相邻选择器（h1 + p） 子选择器（ul< li） 后代选择器（li a） 通配符选择器（ * ） 属性选择器（a[rel = “external”]） 伪类选择器（a: hover, li: nth - child）可继承： font-size font...

2018-11-09 08:45:12 251

原创 1. AJAX的优点和缺点

ajax 优点是：1、最大的一点是页面无刷新，用户的体验非常好。2、使用异步方式与服务器通信，具有更加迅速的响应能力。3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。4、基于标准化的并被广泛支持的技术，不需要...

2018-11-09 08:43:26 514

Starjg101的博客