摘要: 因为工作需要,可能我离前端走远了,偏node方向了。所以异步编程的需求很多,于是乎,不得不带着学习async了。 我有个习惯,用别人的东西之前,喜欢稍微搞明白点,so就带着看看其源码。 github: https://github.com/caolan/async 文档:http://caolan. 阅读全文
posted @ 2017-05-29 16:46 Sorrow.X 阅读(1096) 评论(0) 推荐(0) 编辑
摘要: 数组中的元素只能为数字 // 方法一 function unique(arr) { var i = 0, item, result = [], hash = {}; for (; (item = arr[i]) != null; i++) { ... 阅读全文
posted @ 2017-05-25 15:27 Sorrow.X 阅读(131) 评论(0) 推荐(0) 编辑
摘要: function upload(callback) { let boundaryKey = ' ' + new Date().getTime(); // 用于标识请求数据段 let options = { host: 'localhost', // 远端服务器域名 port: 80, // 远端服务 阅读全文
posted @ 2017-05-23 15:00 Sorrow.X 阅读(4665) 评论(0) 推荐(1) 编辑
摘要: position例子 通过具体的例子可以帮助我们更好地理解“position”。下面是一个真正的页面布局。 结果: 代码如下: 这个例子在容器比nav元素高的时候可以正常工作。 如果容器比nav元素低,那么nav会溢出到容器的外面。 之后我们会讨论下其他布局技术,它们都各有优劣。 原文地址: htt 阅读全文
posted @ 2017-05-03 15:07 Sorrow.X 阅读(518) 评论(0) 推荐(0) 编辑
摘要: position 为了制作更多复杂的布局,我们需要讨论下 position 属性。 它有一大堆的值,名字还都特抽象,别提有多难记了。 让我们先一个个的过一遍,不过你最好还是把这页放到书签里。 先看下运行结果,在看下源码,最后解释一下position的各个属性。 结果: 源码看一下: 接下来看一下属性 阅读全文
posted @ 2017-05-03 14:41 Sorrow.X 阅读(256) 评论(0) 推荐(0) 编辑
摘要: box-sizing 人们慢慢的意识到传统的盒子模型不直接,所以他们新增了一个叫做 box-sizing 的CSS属性。 当你设置一个元素为 box-sizing: border-box; 时,此元素的内边距和边框不再会增加它的宽度。 这里有一个与前一页相同的例子,唯一的区别是两个元素都设置了 bo 阅读全文
posted @ 2017-05-03 13:34 Sorrow.X 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 盒模型 在我们讨论宽度的时候,我们应该讲下与它相关的另外一个重点知识:盒模型。 当你设置了元素的宽度,实际展现的元素却超出你的设置: 这是因为元素的边框和内边距会撑开元素。 看下面的例子,两个相同宽度的元素显示的实际宽度却不一样。 看看代码: 根据输出来的结果,或者盒子模型就知道,offsetWid 阅读全文
posted @ 2017-05-03 11:53 Sorrow.X 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 结果: 调整浏览器的窗口,div宽高自动缩放,真是很棒啊。 原文地址: http://zh.learnlayout.com/max-width.html 阅读全文
posted @ 2017-05-03 11:34 Sorrow.X 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 结果: 原文地址: http://zh.learnlayout.com/margin-auto.html 阅读全文
posted @ 2017-05-02 17:58 Sorrow.X 阅读(225) 评论(0) 推荐(0) 编辑
摘要: "display"属性 display 是CSS中最重要的用于控制布局的属性。 每个元素都有一个默认的 display 值,这与元素的类型有关。 对于大多数元素它们的默认值通常是 block 或 inline 。 一个 block 元素通常被叫做块级元素。 一个 inline 元素通常被叫做行内元素 阅读全文
posted @ 2017-05-02 17:47 Sorrow.X 阅读(491) 评论(0) 推荐(0) 编辑