轩悦 - 博客园

2017年7月28日

摘要：浏览器的渲染过程 1，浏览器解析html源码，然后创建一个 DOM树。在DOM树中，每一个HTML标签都有一个对应的节点，并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement，对应的是html标签。2，浏览器解析CSS代码，计算出最终的样式数据。对CSS代码阅读全文

posted @ 2017-07-28 21:08 轩悦阅读(823) 评论(0) 推荐(0) 编辑

常见的浏览器端的存储技术

摘要：在客户端(浏览器端)存储数据有诸多益处，最主要的一点是能快速访问(网页)数据。(以往)在客户端有五种数据存储方法，而目前就只有四种常用方法了(其中一种被废弃了)： Cookies Local Storage Session Storage IndexedDB WebSQL (被废弃) 我在查阅资料的阅读全文

posted @ 2017-07-28 15:10 轩悦阅读(1326) 评论(0) 推荐(0) 编辑

device-pixel-radio

摘要：移动web开发之像素和DPR 今天看到一个面试题，为iphone6s的自适应，答案是@media(min-device-width:414px) and(max-device-width:736px) and(-webkit-min-device-pixel-ratio:3){} 当时不理解DPR是阅读全文

posted @ 2017-07-28 10:16 轩悦阅读(1270) 评论(0) 推荐(0) 编辑

屏幕自适应宽度

摘要：移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好阅读全文

posted @ 2017-07-28 10:06 轩悦阅读(492) 评论(0) 推荐(1) 编辑

2017年7月27日

H5新增语义化标签

摘要：一、根据页面的结构，由div派生的标签。 <header> <footer> <nav> 导航在H4中导航栏一般用ul-li标签，H5中可以直接用<nav>标签 eg. <nav> <a href="#">导航标题1 </a> <a href="#">导航标题2 </a> </div> <hgro 阅读全文

posted @ 2017-07-27 12:47 轩悦阅读(15847) 评论(0) 推荐(0) 编辑

2017年7月26日

单列布局、两列布局、三列布局

摘要：一、单列布局 HTML 代码： 1.1、定宽思路：设置div的左右margin为auto #header,#footer,#content{ margin:0 auto; width:800px; margin-top: 10px; } 1.2、变宽思路设置宽度为相对宽度，常用百分比 #hea 阅读全文

posted @ 2017-07-26 15:56 轩悦阅读(1300) 评论(0) 推荐(0) 编辑

2017年7月25日

水平居中与垂直居中

摘要：一、水平居中 1）如果是行内元素，需要在它的父元素上设置text-align: center; 2）如果是块元素，直接设置元素的css属性text-align: center; 或则可以定宽再加上margin:0 auto; 二、垂直居中垂直居中的时候情况会比较多，根据不同的情况分别有下列几种方法阅读全文

posted @ 2017-07-25 21:26 轩悦阅读(752) 评论(0) 推荐(0) 编辑

盒子模型与flex模型

摘要：一、盒子模型注意：两个相邻元素的margin值是重叠在一起的，取当中最大的那个值。水平方向auto， margin:0 auto;会居中但是margin-left:auto;，元素会到最右边标准盒子模型中：盒子的总宽度＝左右margin + 左右border + 左右padding + 阅读全文

posted @ 2017-07-25 19:35 轩悦阅读(737) 评论(0) 推荐(0) 编辑

圣杯布局与双飞翼布局

摘要：一、CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）流动模型是默认的网页布局模式。在流动模型下，内联元素都会在所处的包含元素内从左到右按顺序水平分布显示。在流动模型下，块状元素都会在所处的包含元素内自上而下阅读全文

posted @ 2017-07-25 19:33 轩悦阅读(305) 评论(0) 推荐(0) 编辑

字体格式类型(.eot/.otf/.woff/.svg)

摘要： @font-face语句是css中的一个功能模块，用于实现网页字体多样性的模块(设计者可随意指定字体，不需要考虑浏览者电脑上是否安装)。 @font-face文件而由于网页中使用的字体类型，也是各浏览器对字体类型有不同的支持规格。字体格式类型主要有几个大分类：TrueType、Embedded 阅读全文

posted @ 2017-07-25 18:45 轩悦阅读(3469) 评论(0) 推荐(1) 编辑

轩悦

公告