摘要: 原文首发于个人博客: "不再混淆,一次搞懂!图解flexbox十余个属性" flexbox的发明简直是csser的一大福音,终于可以不再需要为垂直居中一个元素而绞尽脑汁了。同时它还能够实现弹性布局,可以说没有它做不到,只有你想不到。但是由于历史原因,flexbox的有多个版本在市面上流通,需要使用不 阅读全文
posted @ 2016-07-29 02:17 水乙 阅读(4843) 评论(3) 推荐(12) 编辑
摘要: 第一章:了解Web及网络基础 现在已提出3项WWW构建技术:HTML超文本标记语言、HTTP文档传递协议、URL统一资源定位符。 通常使用的网络是在TCP/IP协议族的基础上运作的。HTTP属于它内部的一个子集。 第四章:返回结果的HTTP 状态码的类别 第五章:与HTTP协作的Web服务器 即使物 阅读全文
posted @ 2016-06-30 23:31 水乙 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 原文地址:Vertical-Align: All You Need To Know 通常我们需要垂直对齐并排的元素。 CSS提供了一些可实现的方法:有时我用浮动float来解决,有时用position: absolute来解决,有时甚至是“肮脏”地手动添加的margin或padding。 我真的不喜 阅读全文
posted @ 2016-06-27 00:15 水乙 阅读(4407) 评论(2) 推荐(4) 编辑
摘要: 最近和设计同学调ui,遇到的是一位对1px有极致追求的同学,像素眼一眼看出我写的是不是1px,所以让我好好地研究了一番1px到底怎么写最方便。 一、为什么出不来1px? 简而言之:css的1px只是一个抽象的单位,并非实际设备中的1px。 关于retina屏: 我们知道现在iphone大多数型号都用 阅读全文
posted @ 2016-06-11 22:21 水乙 阅读(2822) 评论(4) 推荐(1) 编辑
摘要: 逗号运算符比较怪异。如 var a =(1,2,3,4);alert(a);// 4 var a = 1,2,3,4;//报错 注意a++和++a的差别,变量在参与运算中不断地变化。var a; a = (a++) + (++a) - (a++) - (a++); 在if语句中禁止使用functio 阅读全文
posted @ 2016-04-25 23:34 水乙 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 开篇总结:其实目前无法解决这个bug。 这两天做项目遇到了这个case,项目需求是打开页面的时候,input元素自动弹起键盘。由于各种方面的考虑,我们希望通过setTimeout延时200毫秒让input元素focus,demo代码如下: 问题出在哪? 上面的代码在pc上显示没有问题,但是在安卓上也 阅读全文
posted @ 2016-04-22 08:37 水乙 阅读(4125) 评论(1) 推荐(2) 编辑
摘要: 我在写一篇图解prototype和__proto__的区别时,搜资料搜到了一个有意思的现象,下面这两个运算返回的结果是一样的: 这个是怎么一回事呢?要从运算符instanceof说起。 一、instanceof究竟是运算什么的? 我曾经简单理解instanceof只是检测一个对象是否是另个对象new 阅读全文
posted @ 2016-04-02 08:14 水乙 阅读(7999) 评论(4) 推荐(5) 编辑
摘要: 对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来prototype容易与__proto__混淆,二来它们之间的各种指向实在有些复杂,其实市面上已经有非常多的文章在尝试说清楚,有一张所谓很经典的图,上面画了各种线条,一会连接这个一会连接那个,说实话我自己看得就非常头晕,更谈不上完全 阅读全文
posted @ 2016-03-23 10:38 水乙 阅读(96367) 评论(17) 推荐(51) 编辑
摘要: 一、这四个方法的用处 1、用来编码和解码URI的 统一资源标识符,或叫做 URI,是用来标识互联网上的资源(例如,网页或文件)和怎样访问这些资源的传输协议(例如,HTTP 或 FTP)的字符串。除了encodeURI、encodeURIComponent、decodeURI、decodeURICom 阅读全文
posted @ 2016-03-15 00:19 水乙 阅读(85969) 评论(8) 推荐(22) 编辑
摘要: 一、图解call、apply、bind的异同 JavaScript中函数可以通过3种方法改变自己的this指向,它们是call、apply、bind。它们3个非常相似,但是也有区别。下面表格可以很直观看出三者的不同 (context,arg1,arg2,arg3...) 第二个参数之后都是实参 fu 阅读全文
posted @ 2016-02-02 23:25 水乙 阅读(1335) 评论(0) 推荐(5) 编辑