2017年8月19日
JS的内建对象
摘要： JS中内置了17个对象,常用的是Array对象、Date对象、正则表达式对象、string对象、Global对象,即js已经创建好了,你不用自己再创建的对象,直接就可以调用。 Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Numb 阅读全文
posted @ 2017-08-19 09:48 缘现贝加尔 阅读(780) 评论(0) 推荐(0) 编辑
HTML5 的离线储存
摘要： localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 数据在浏览器关闭后自动删除。 在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件。原理：HTML5 的离线存储是基于一个新建的.appcache 文件的缓存机制 阅读全文
posted @ 2017-08-19 09:42 缘现贝加尔 阅读(198) 评论(0) 推荐(0) 编辑
2017年8月14日
前端相关的网站优化
摘要： 图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。如果图片为 css 图片,可以使用 CSSsprite,SVGsprite,Iconf 阅读全文
posted @ 2017-08-14 18:03 缘现贝加尔 阅读(125) 评论(0) 推荐(0) 编辑
src与href的区别
摘要： src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系。 src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本,img 图片和 frame 等元素。 <scrip 阅读全文
posted @ 2017-08-14 17:53 缘现贝加尔 阅读(107) 评论(0) 推荐(0) 编辑
cookies，sessionStorage和localStorage 的区别
摘要： sessionStorage 用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此 sessionStorage 不是一种持久化的本地存储,仅仅是会话级别的存储。而 localStorage 用于持久化的本地存储,除非主动删除数 阅读全文
posted @ 2017-08-14 17:50 缘现贝加尔 阅读(199) 评论(0) 推荐(0) 编辑
渐进增强和优雅降级之间的区别
摘要： 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。 区别：优雅降级 阅读全文
posted @ 2017-08-14 17:47 缘现贝加尔 阅读(207) 评论(0) 推荐(0) 编辑
怎么让Chrome支持小于12px 的文字
摘要： 1、用图片:如果是内容固定不变情况下,使用将小于 12px 文字内容切出做图片,这样不影响兼容也不影响美观。 2、使用 12px 及 12px 以上字体大小:为了兼容各大主流浏览器,建议设计美工图时候设置大于或等于 12px 的字体大小,如果是接单的这个时候就需要给客户讲解小于12px 浏览器不兼容 阅读全文
posted @ 2017-08-14 17:45 缘现贝加尔 阅读(701) 评论(0) 推荐(0) 编辑
对BFC规范(块级格式化上下文：block formatting context) 的理解
摘要： BFC 是什么？ BFC 就是“块级格式化上下文”的意思,创建了 BFC 的元素就是一个独立的盒子,不过只有 Block-level box 可以参与创建 BFC, 它规定了内部的 Block-level Box 如何布局,并且与这个独立盒子里的布局不受外部影响,当然它也不会影响到外面的元素。 BF 阅读全文
posted @ 2017-08-14 17:43 缘现贝加尔 阅读(1395) 评论(0) 推荐(0) 编辑
absolute 的 containing block( 容器块)计算方式跟正常流有什么不同？
摘要： 无论属于哪种,都要先找到其祖先元素中最近的 position 值不为 static 的元素,然后再判断：1、若此元素为 inline 元素,则 containing block 为能够包含这个元素生成的第一个和最后一个 inline box 的 padding box (除 margin, bord 阅读全文
posted @ 2017-08-14 17:33 缘现贝加尔 阅读(2249) 评论(0) 推荐(1) 编辑