js运行机制和事件循环

2019-10-11
阅读 2 分钟
1.1k
任何 JavaScript 代码片段在执行前都要进行编译(通常就在执行前)。因此,JavaScript编译器首先会对 var a = 2; 这段程序进行编译,然后做好执行它的准备,并且通常马上就会执行它。

js的遍历

2019-10-11
阅读 1 分钟
1.3k
有iterator接口的除手动部署的外,包括数组、Set 和 Map 结构、某些类似数组的对象(比如arguments对象、DOM NodeList 对象)、后文的 Generator 对象,以及字符串。可以使用Array.from将类数组转换为数组。

抓取县市地图json数据

2019-10-11
阅读 3 分钟
3.1k
找了网上很多资源,不是数据太老数据有问题,就是要收费☹,于是自己抓取了一下阿里的数据 数据源 项目源码 数据都是异步获取写入,所以使用了axios,node版本是12.10.0引入需要的资源: {代码...} 地址和地址拼接函数: {代码...} nodejs里面异步接口都是回调函数,在这里不太好用,转换成基于promise的: {代码...} pro...

HTTP系列2 HTTP缓存

2018-02-27
阅读 5 分钟
1.6k
通过网络获取内容既速度缓慢又开销巨大。较大的响应需要在客户端与服务器之间进行多次往返通信,这会延迟浏览器获得和处理内容的时间,还会增加访问者的流量费用。因此,缓存并重复利用之前获取的资源的能力成为性能优化的一个关键方面。

HTTP系列1 HTTP概述

2018-02-24
阅读 4 分钟
1.9k
HTTP是在 Web 上进行数据交换的基础,是一种 client-server 协议,也就是说,请求通常是由像浏览器这样的接受方发起的。在client和server之间,还有很多proxy实体,如网关/caches。

Google web 用户体验部分总结

2017-09-27
阅读 2 分钟
2.5k
本文是Google web Fundamentals用户体验部分的总结哦,非原创,只是方便复习和查阅。 开撸! 使用 RAIL 模型评估性能 RAIL 是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面,且这些方面以不同的方式影响着性能 以用户为中心;最终目标不是让您的网站在任何特定设备上都能运行很快,而...

网页图片缩放的深入剖析

2017-06-06
阅读 3 分钟
5.3k
一、浏览器图片缩放默认表现行为行为 在想出解决方案之前,首先要弄清楚浏览器对于图片尺寸是怎么处理的,稍安勿躁,一步一步来分析下。一个图片可以改变成任意尺寸,容器是80%: {代码...} 不加任何属性: {代码...} 图片默认是不会缩放的,宽高是图片原尺寸,图片宽高高于容器时会溢出。 width:100% {代码...} 图片宽...

转载:[译] 内容加速黑科技趣谈

2017-06-06
阅读 4 分钟
1.4k
原文作者:@Jake Archibald原文地址:[链接]中文翻译:文蔺译文地址:[链接]蒙原作者惠允翻译发布,转载请保留此声明。著作权属于原作者,本译文仅用于学习、研究和交流目的,请勿用于商业目的。

css常用字体速查

2017-06-06
阅读 1 分钟
3.9k
苹方 苹方简体 font-family: PingFangSC-Regular, sans-serif; font-family: PingFangSC-Ultralight, sans-serif; font-family: PingFangSC-Light, sans-serif; font-family: PingFangSC-Thin, sans-serif; font-family: PingFangSC-Medium, sans-serif; font-family: PingFangSC-Semibold, sans-serif; 苹方繁体 font-f...

垂直居中

2017-06-06
阅读 1 分钟
1.5k
margin百分比行不通,因为margin的百分比值是以父元素的宽度作为解析基准的。没错,即使对于margin-top和margin-bottom来说也是这样!

移动端响应式

2017-06-06
阅读 3 分钟
2.3k
请看这篇:HcySunYang的blog:一篇真正教会你开发移动端页面的文章(二)width=device-width 这段代码是让布局视口的尺寸等于理想视口。设备像素比(DPR) = 设备像素个数 / 理想视口像素个数(device-width)

clearfix清除浮动最佳实践

2017-03-07
阅读 1 分钟
2.4k
解释下:content:"200B";这个参数,Unicode字符里有一个“零宽度空格”,即 U+200B,代替原来的“.”,可以缩减代码量。而且不再使用visibility:hidden。