05 2017 档案
摘要：自己搞个创建文件的实例，看看 我一直纳闷，他怎么做到，上一个异步什么时候做完后，通知下一个异步开始执行，并且把参数传给下一个异步函数的。看看源码实现：
阅读全文
摘要：因为工作需要，可能我离前端走远了，偏node方向了。所以异步编程的需求很多，于是乎，不得不带着学习async了。 我有个习惯，用别人的东西之前，喜欢稍微搞明白点，so就带着看看其源码。 github: https://github.com/caolan/async 文档：http://caolan.
阅读全文
摘要：数组中的元素只能为数字 // 方法一 function unique(arr) { var i = 0, item, result = [], hash = {}; for (; (item = arr[i]) != null; i++) { ...
阅读全文
摘要：function upload(callback) { let boundaryKey = ' ' + new Date().getTime(); // 用于标识请求数据段 let options = { host: 'localhost', // 远端服务器域名 port: 80, // 远端服务
阅读全文
摘要：position例子 通过具体的例子可以帮助我们更好地理解“position”。下面是一个真正的页面布局。 结果： 代码如下： 这个例子在容器比nav元素高的时候可以正常工作。 如果容器比nav元素低，那么nav会溢出到容器的外面。 之后我们会讨论下其他布局技术，它们都各有优劣。 原文地址： htt
阅读全文
摘要：position 为了制作更多复杂的布局，我们需要讨论下 position 属性。 它有一大堆的值，名字还都特抽象，别提有多难记了。 让我们先一个个的过一遍，不过你最好还是把这页放到书签里。 先看下运行结果，在看下源码，最后解释一下position的各个属性。 结果： 源码看一下： 接下来看一下属性
阅读全文
摘要：box-sizing 人们慢慢的意识到传统的盒子模型不直接，所以他们新增了一个叫做 box-sizing 的CSS属性。 当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。 这里有一个与前一页相同的例子，唯一的区别是两个元素都设置了 bo
阅读全文
摘要：盒模型 在我们讨论宽度的时候，我们应该讲下与它相关的另外一个重点知识：盒模型。 当你设置了元素的宽度，实际展现的元素却超出你的设置： 这是因为元素的边框和内边距会撑开元素。 看下面的例子，两个相同宽度的元素显示的实际宽度却不一样。 看看代码： 根据输出来的结果，或者盒子模型就知道，offsetWid
阅读全文
摘要：结果： 调整浏览器的窗口，div宽高自动缩放，真是很棒啊。 原文地址： http://zh.learnlayout.com/max-width.html
阅读全文
摘要：结果： 原文地址： http://zh.learnlayout.com/margin-auto.html
阅读全文
摘要："display"属性 display 是CSS中最重要的用于控制布局的属性。 每个元素都有一个默认的 display 值，这与元素的类型有关。 对于大多数元素它们的默认值通常是 block 或 inline 。 一个 block 元素通常被叫做块级元素。 一个 inline 元素通常被叫做行内元素
阅读全文
摘要：如果你只想把所有内容都塞进一栏里，那么不用设置任何布局也是OK的。 然而，如果用户把浏览器窗口调整的很大，这时阅读网页会非常难受： 读完每一行之后，你的视觉焦点要从右到左移动一大段距离。 试着调整下浏览器窗口大小你就明白我的意思了！ 在解决这个问题之前，我们需要了解一个很重要的属性： display
阅读全文
浙公网安备 33010602011771号