HTML5 元素优化

http://html5doctor.com/ 可以看看这个网站的一些东西,基本的是基于元素开始优化。 http://html5doctor.com/downloads/h5d-sectioning-flowchart.pdf 语义化与合理的元素选择 »

JAVA

public class HelloWorld { public static void main(String []args) { System.out.println("Hello World"); } } 天天挖坑!!! »

Weekly-00000000001

周刊包含: 阅读清单, 做的重大事情,或者任何值得记录的list READLIST https://davidwalsh.name/system-notifications-node http://zcfy.cc/article/building-cross-platform-desktop-apps-with-electron-toptal-2247.html electron https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/ 好吧,我就是看看语法 http: »

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变动的接口。 »