吐血公嘈

浏览器只对网络请求有同源限制，同源就是协议、域名和端口号一致，不同源的客户端脚本在没有明确授权的情况下，不能读写对方XHR资源，反之不同源脚本读取对方XHR资源就是跨域。以http://www.a.com/test/index.html 的同源检测举例： 浏览器对script标…

这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…

自我介绍下：某985硕士，程序媛，接触前端一年时间。从八月份开始校招面试笔试，前前后后大厂小厂也都面了挺多，不过大厂基本都被我挂完了，哭晕我，还是太菜啊。面过的公司：ThoughtWorks，大疆，阿里，网易，百度，电信it研发中心，深信服，华为，小米，搜狗，腾讯。拿了offe…

正则表达式（regular expression）是一种表达文本模式（即字符串结构）的方法。 一种是使用字面量，以斜杠表示开始和结束。 另一种是使用RegExp构造函数。 它们的主要区别是，第一种方法在引擎编译代码时，就会新建正则表达式，第二种方法在运行时新建正则表达式，所以前…

先说一下 HTTP 的发展简史，以及 HTTP/2.0的优势在哪里。 1991年发布的 HTTP/0.9 版本 是基于 TCP/IP 协议的应用层协议。它不涉及数据包的传输，只规定了客户端和服务器之间的通信格式，默认使用80端口，该版本极其简单，只有一个命令 GET ， 并且只…

截至2017年3月，超过65%的网页内容都是由图片组成的。 这并不是一件令人意外的事情：图片是一种美观并具有感染力的信息载体，它可以直观的和你网站的访问者建立联系并讲述内容。 但出于事物的两面性，如果使用的不得当，图片往往会变成导致网页加载缓慢和差劲用户体验的罪魁祸首。 在这篇…

在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewpor…

模块化 CSS 是一组编写代码的原则，基于这个原则编写的代码具有高性能和可维护性。它起源于雅虎和 Yandex 的开发人员，目的是迎接维护大型代码库带来的挑战。有些规则在提出之初稍有争议，但后来被认为是最佳实践。 （偷偷告诉你：如果你对这篇文章的篇幅感到不知所措，观看视频可能更…