文科生的前端之路

摘要： 原文首发于个人博客： "不再混淆，一次搞懂！图解flexbox十余个属性" flexbox的发明简直是csser的一大福音，终于可以不再需要为垂直居中一个元素而绞尽脑汁了。同时它还能够实现弹性布局，可以说没有它做不到，只有你想不到。但是由于历史原因，flexbox的有多个版本在市面上流通，需要使用不 阅读全文

摘要： 第一章：了解Web及网络基础 现在已提出3项WWW构建技术：HTML超文本标记语言、HTTP文档传递协议、URL统一资源定位符。 通常使用的网络是在TCP/IP协议族的基础上运作的。HTTP属于它内部的一个子集。 第四章：返回结果的HTTP 状态码的类别 第五章：与HTTP协作的Web服务器 即使物 阅读全文

摘要： 原文地址：Vertical-Align: All You Need To Know 通常我们需要垂直对齐并排的元素。 CSS提供了一些可实现的方法：有时我用浮动float来解决，有时用position: absolute来解决，有时甚至是“肮脏”地手动添加的margin或padding。 我真的不喜 阅读全文

摘要： 最近和设计同学调ui，遇到的是一位对1px有极致追求的同学，像素眼一眼看出我写的是不是1px，所以让我好好地研究了一番1px到底怎么写最方便。 一、为什么出不来1px？ 简而言之：css的1px只是一个抽象的单位，并非实际设备中的1px。 关于retina屏： 我们知道现在iphone大多数型号都用 阅读全文

摘要： 逗号运算符比较怪异。如 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 阅读全文

摘要： 开篇总结：其实目前无法解决这个bug。 这两天做项目遇到了这个case，项目需求是打开页面的时候，input元素自动弹起键盘。由于各种方面的考虑，我们希望通过setTimeout延时200毫秒让input元素focus，demo代码如下： 问题出在哪？ 上面的代码在pc上显示没有问题，但是在安卓上也 阅读全文

摘要： 我在写一篇图解prototype和__proto__的区别时，搜资料搜到了一个有意思的现象，下面这两个运算返回的结果是一样的： 这个是怎么一回事呢？要从运算符instanceof说起。 一、instanceof究竟是运算什么的？ 我曾经简单理解instanceof只是检测一个对象是否是另个对象new 阅读全文

摘要： 对于新人来说，JavaScript的原型是一个很让人头疼的事情，一来prototype容易与__proto__混淆，二来它们之间的各种指向实在有些复杂，其实市面上已经有非常多的文章在尝试说清楚，有一张所谓很经典的图，上面画了各种线条，一会连接这个一会连接那个，说实话我自己看得就非常头晕，更谈不上完全 阅读全文

摘要： 一、这四个方法的用处 1、用来编码和解码URI的 统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。除了encodeURI、encodeURIComponent、decodeURI、decodeURICom 阅读全文

摘要： 一、图解call、apply、bind的异同 JavaScript中函数可以通过3种方法改变自己的this指向，它们是call、apply、bind。它们3个非常相似，但是也有区别。下面表格可以很直观看出三者的不同 (context,arg1,arg2,arg3...) 第二个参数之后都是实参 fu 阅读全文