归档: 2017

BFC(Flow Root)

BFC 定义CSS2.1的定义 Block formatting contexts9.4.1 Block formatting contextsFloats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not b

也说说三栏布局

注:很多代码直接来自详解 CSS 七种三栏布局技巧 流体布局原理:左右模块各自向左右浮动,并设置中间模块的 margin 值使中间模块宽度自适应。缺点: 主要内容无法最先加载,当页面内容较多时会影响用户体验。 窗体足够小的时候是会掉行破坏布局,一般会设置上层容器的min-width。 三栏布局之流体布局 BFC 三栏布局原理:BFC 区域,不会与浮动元素重叠。因此我们可以利用这一点来

2个经纬度之间距离

根据 2 个经纬度点,计算这 2 个经纬度点之间的距离(通过经度纬度得到距离)Great-circle distanceHaversine formulaJSAPI 类参考三角函数公式附近地点搜索初探

各种位置和长度

window.screen.width ,window.screen.height屏幕宽/高度 window.screen.availWidth, window.screen.availHeight屏幕宽/高度(空白空间),拖拽任务栏可以看到各个值的变化 window.screen.availTop, window.screen.availLeft返回窗口相对于屏幕的X/Y坐标,拖拽任务栏可

Flutter之Hello World

先展示一下当时环境信息,执行 flutter --version 1234Flutter 0.11.7-pre.21 • channel master • https://github.com/flutter/flutter.gitFramework • revision 33f8030b32 (26 hours ago) • 2018-11-14 23:06:49 -0500Engine • r

重要但是少用的运算符

先了解 1.原码,反码,补码正数的反码和补码都与原码相同。负数的反码为对该数的原码除符号位外各位取反。负数的补码为对该数的原码除符号位外各位取反,然后在最后一位加1    2. 负数在计算机中是怎么存的首先声明在计算机中负数的存储是采用二进制补码的形式的以-3为例,32位为基础:原码:00000000 00000000 00000000 00000011反码:11111111 11111111

进制转换

javascript进制转换其他进制转十进制原理 parseInt 或者 Number.parseInt 语法parseInt(string, radix);string 必需。要被解析的字符串。radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16

CSS float

定义和用法float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。 借用CSS浮动float详

CSS Content 属性

content 属性,用在after,before伪元素上,用于在选中的元素前后插入内容。插入的内容多种多样, 纯文字 123h1::after{content:"h1后插入内容"} 文字符号关于 quotes ,参考CSS quotes 属性 123456789h1{ quotes:"(" ")"; }h1::befo