Weekly 00000010

https://www.sitepoint.com/es6-arrow-functions-new-fat-concise-syntax-javascript/ https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/ 箭头函数的由来 https://github.com/reactjs/react-basic REACT 思想 http://taobaofed.org/blog/2017/03/ »

inline formatting context

CSS 内联格式化上下文与层叠上下文 line-box 每一行是由一个或多个行内元素(HTML标签元素或匿名内联元素文本内容)组成,专业术语称为行盒(line-box). 而 line-box 的高度由 不是由单一元素决定。 line-box 说明: <p> Good design will be better. <span class="a" »

Non-replaced vs. replaced element

http://stackoverflow.com/questions/12468176/what-is-a-non-replaced-inline-element http://stackoverflow.com/questions/8012297/html5-non-replaced-vs-replaced-element https://developer.mozilla.org/zh-CN/docs/Web/CSS/Replaced_element replaced Element 以 MDN »

API 设计与思考

API 设计 http://taobaofed.org/blog/2017/02/16/a-guide-to-api-design/ 很好。 https://medium.com/javascript-scene/elements-of-javascript-style-caa8821cb99f 此文内容丰富[英] https://www.slideshare.net/DenisRadin/jshtml-in-aircraft-and-shipbuilding-industries-or-airspace-is-closer-than-you-may-think NASA 的代码规范指南 »

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 标准) »