margin重叠和 BFC

有些东西回过头来再看,都会有不同的理解,当然这是因为当初没有理解清楚,哈哈。 对于上下 margin 重叠: 先给出解决方案: 在开发的时候尽量用同一方向的margin,比如都设置为top或者bottom 为元素设置浮动、inline-block或者absolute 来消除 margin 重叠。 BFC 不是使得 margin 不重叠的方法,毕竟 overflow 也会触发 BFC, 但是子元素依然重叠, 只是设置了 overflow »

HTML 基础回顾

对于 HTML 在浏览器渲染时,容错能力很强,所以我们在开发时也基本忽略了元素和元素之间的关系。想到这里得原因主要是自己对元素嵌套这一块模糊了。 HTML5 标准 说实话,这个标准真得是懒的读啊,当然造成这个原因是感觉花的时间不值。要是少玩点游戏就好了。 在 HTML5 里对于元素有定义【 Element definitions】。包括以下6部分内容: Categories: A list of categories to which the »

TODO:SVG

http://www.one-tab.com/page/9-BK9Ek0SbWqW9xh3zLROg 暂时先放着了,只能需要再研究。 SVG SVG是一种用 XML 定义的语言,用来描述二维矢量及矢量/栅格图形。 比如常用的矢量设计软件Illustrator中的形状、路径,或者是用Illustrator创作的任何图形都是矢量图形。 SVG是跟web中常用的JPEG一样是一种的图形格式。 但是SVG比其它图形格式有一个很突出的特点,就是能使用CSS / JS等web技术对它进行控制。 与分辨率无关 被现代浏览器支持 面向未来 (W3C 标准) »

[待补充]vertical-align and line-height ==> line box

终于能够解决这个问题了,困扰多时。 主要原因:设置了 vertical-algin 后的表现不能根据设置的值进行位置变化,或者说有时不能像想象中的那样剧中。 TODO 参考: http://www.zhangxinxu.com/wordpress/2015/06/about-letter-x-of-css/ http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/ http: »

Shadow DOM

这个简单了解下吧,也不清楚会怎么发展。与之 相关需要了解的: Web_Components、<content>、<template> https://developer.mozilla.org/en-US/docs/Web/WebComponents/ShadowDOM https://aotu.io/notes/2016/ »

[待补充] MutationObserver

又是一个不熟悉的属性: https://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/ https://davidwalsh.name/mutationobserver-api http://chrisyip.github.io/post/mutation-events-and-mutationobserver/ https://davidwalsh.name/mutationobserver-api Mutation Observer(变动观察器)是监视DOM变动的接口。 »

transform带来的影响

我们在使用定位时,常常使用 fixed 来对视口做相对定位。但今天,我遇到了一个问题,fixed 居然定位不准,表现为 absolute; 找了半天原因,结果是: 当元素祖先的 transform 属性非 none 时,容器由视口改为该祖先 fixed Do not leave space for the element. »

Node 我想认识你

持续更新中 莫名其妙,又开坑了。哈哈哈哈。 对于这里来说,不仅仅是Nodejs的内容,更多的是后端的一些知识: 网络、服务器的各项配置、端口、nginx、一个完整的后端应具有的东西: 查看: Nodejs路线图 和 awesome Nodejs 来了解整体需要的。 ========================================================= 问题 端口可用,端口占用 Node是单线程的, 所以每次在终端 node 一下, 就是 »

let's trigger

jQuery Event 关于 jQuery 事件部分的内容: http://youmightnotneedjquery.com/ https://github.com/oneuijs/You-Dont-Need-jQuery http://blog.garstasio.com/you-dont-need-jquery/events/ http://stylechen.com/trigger.html trigger 的实现 »