PNG 相关

玩玩竞赛扩充下知识还是很不错的,虽然都不会23333。 平常接触最多的就是 png 格式的图片格式了。但是没有好好了解过。 简介 https://zh.wikipedia.org/wiki/PNG 简单看下一些特性: 支持256色调色板技术以产生小体积文件 最高支持24位真彩色图像以及8位灰度图像。 支持Alpha通道的透明/半透明特性。 支持图像亮度的Gamma校准信息。 支持存储附加文本信息,以保留图像名称、作者、版权、创作时间、注释等信息。 使用无损压缩。 »

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://www.h5jun.com/post/how-to-write-better-js-code.html http://taobaofed.org/blog/2017/01/05/writing-readable-code/ »

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 »