07 2016 档案

CSS 宽高的计算
摘要：height和margin的计算 计算 'top', 'margin top', 'height', 'margin bottom', and 'bottom' 的时候。需要对不同类型的盒子进行区分。 1.inline, non replaced elements 2.inline, replace 阅读全文
posted @ 2016-07-19 17:48 郭逊 阅读(584) 评论(0) 推荐(0)
行高计算
摘要：行高计算 在行内格式化上下文中，UA把行内级别的盒子放入行框组成的竖直堆栈。行框的高度由下面规则确定： 1.计算每个行内级别元素的高。对可替换元素、行内块元素、行内表格元素，这个高是它们的marign 盒子的高；对行内盒子来说，这是它们的行高。(参阅：leading，行内盒子的高，高和margin的 阅读全文
posted @ 2016-07-19 17:32 郭逊 阅读(416) 评论(0) 推荐(0)
White-space 属性
摘要：White space Name: white space Value: normal | pre | nowrap | pre wrap | pre line | inherit Initial: normal Applies to: all elements Inherited: yes Per 阅读全文
posted @ 2016-07-19 16:56 郭逊 阅读(191) 评论(0) 推荐(0)
diplay,Position,Float 之间的关系
摘要：diplay,Position,Float 之间的关系 影响盒子的产生和布局的三个属性是： 'display','position','float'。他们之间的关系如下： 1.如果display的值是'none',那么'position','float'没用。这时，元素不产生盒子。 2.否则：如果' 阅读全文
posted @ 2016-07-19 16:26 郭逊 阅读(186) 评论(0) 推荐(0)
IFC,BFC
摘要：自然流(Normal flow) 在自然流中的盒子，属于某种格式化上下文。CSS2.2中。块级盒子参与块格式化上下文，行内盒子参与行内格式化上下文。未来可能有其他的。 块格式化上下文 浮动、绝对定位、不是块盒子的块容器(例如，inline block,table cells,table captio 阅读全文
posted @ 2016-07-19 16:12 郭逊 阅读(188) 评论(0) 推荐(0)
可视化格式模型
摘要：什么是可视格式化模型(visual formatting model) 可视格式化模型：浏览器按照一定规则对文档树进行可视化处理。 在可视化模型中，文档树中的每个元素根据盒子模型产生0个或多个盒子，盒子的布局遵循下面规则： 盒子尺寸和类型 位置类型(自然流，浮动，绝对定位) 文档树中的位置关系 其他 阅读全文
posted @ 2016-07-19 14:55 郭逊 阅读(773) 评论(0) 推荐(0)
网站素材收集
摘要：保存网站开发相关的素材 阅读全文
posted @ 2016-07-15 17:01 郭逊 阅读(118) 评论(0) 推荐(0)
Viewport的概念
摘要：视窗相关的概念 阅读全文
posted @ 2016-07-15 15:46 郭逊 阅读(249) 评论(0) 推荐(0)
布局适配
摘要：布局适配 多分辨率布局 手机app开发中，目标设备特别多。设计师一般针对iphone 6的分辨率(750 1334)标准进行设计。可以利用REM这个单位进行布局。 REM是相对单位，相对HTML的font size 大小。例如设置font size=75.那么整个设计图就分为10份。 var uni 阅读全文
posted @ 2016-07-15 15:18 郭逊 阅读(135) 评论(0) 推荐(0)
CSS 像素相关
摘要：基本概念 DPI,PPI,DP "DPI,PPI概念解释" iphone6参数(PPI:326,尺寸比率:16:9,尺寸:4.7in) iphone6 PPI，物理像素 计算公式: x =Math.sqrt(Math.pow(4.7,2)/(Math.pow(9,2)+ Math.pow(16,2) 阅读全文
posted @ 2016-07-14 14:32 郭逊 阅读(155) 评论(0) 推荐(0)
Meta标签
摘要：Meta标签的用法 控制手机缩放 搜索引擎 "meta 描述全集" 阅读全文
posted @ 2016-07-13 16:57 郭逊 阅读(145) 评论(0) 推荐(0)
Mbps
摘要：Mbps 网络中一般使用Mbps来表述网速。Mbps的意思是兆位美妙。 1Mbps是1024 1024 位。 换算成K是 1024 1024/8/1024=128K/S。也就是128字节每秒。 1Mbps的带宽。一秒可以下载128K大小的文件。一兆字节大小的文件，需要10秒才可以下载完毕。 MB,K 阅读全文
posted @ 2016-07-13 14:05 郭逊 阅读(558) 评论(0) 推荐(0)
webpack 产生原因
摘要：WebPack 缘由 前端模块化现状 今天的web网站越来越像Web APP。 页面中的JS代码越来越多 浏览器提高的接口越来越丰富 越来越少的全页面重载 页面中更多的代码。 最终：客户端代码中越来越多的代码。 这个时候，很大量的代码需要组织。模块化系统可以帮助我们把代码拆分为模块。 当下的模块化系 阅读全文
posted @ 2016-07-13 13:54 郭逊 阅读(573) 评论(0) 推荐(0)
工具链
摘要：前端的工具链。 webpack，glup,npm,flow，babel 等等。 阅读全文
posted @ 2016-07-07 13:42 郭逊 阅读(121) 评论(0) 推荐(0)
模块化系统现状
摘要：WebPack 缘由 前端模块化现状 今天的web网站越来越像Web APP。 页面中的JS代码越来越多 浏览器提高的接口越来越丰富 越来越少的全页面重载 页面中更多的代码。 最终：客户端代码中越来越多的代码。 这个时候，很大量的代码需要组织。模块化系统可以帮助我们把代码拆分为模块。 当下的模块化系 阅读全文
posted @ 2016-07-07 13:40 郭逊 阅读(354) 评论(0) 推荐(0)
WatchMan
摘要：WatchMan 一个文件观测服务 WatchMan观察和记录文件变化。 当匹配的文件有变化的时候，可以触发定义的行为（重建资源）. 阅读全文
posted @ 2016-07-06 16:00 郭逊 阅读(298) 评论(0) 推荐(0)
React Event
摘要：React Event React的事件是React封装的跨浏览器的合成事件（syntheticEvent）。 他拥有一些和本地事件一致的接口（例如：stopPropagation()，preventDefault()） 可以通过nativeEvent获取本地事件。 React 的事件机制 Reac 阅读全文
posted @ 2016-07-05 17:15 郭逊 阅读(915) 评论(0) 推荐(0)
webpack 相关问题
摘要：sourcemap 使用了webpack打包了react＋babel应用。发现 sourcemap google中映射不正确。google浏览器中sourcemap大于5m会出现不正确。canary版本中解决了这个问题。 webpack.config.js中配置 devtool: "inline e 阅读全文
posted @ 2016-07-05 10:56 郭逊 阅读(125) 评论(0) 推荐(0)