liuyunjs

如果你定期访问诸如Facebook，Pinterest或Medium等网站，你可能已经注意到，第一次加载页面时，你将会看到低质量或模糊图像的页面。然后，随着页面继续加载，模糊/低质量图像将被替换为全质量版本。要看到这个实例的例子，让我们来看看下面的图片 上面的图片是中间载入页面…

图片占据了你网站大小的较高比例。其中一些图像位于下方，这意味着网站访问者不会立即看到你的网站。他们需要向下滚动才能查看图像。如果你只能显示立即查看的图像，然后预先加载折叠下的图像呢？是的你可以。这就是这篇文章的内容。某处你必须看到这样的功能在Medium上 src包含相同图像的…

A1：页面逻辑都是原生写的，简单封装了一些对节点的操作。 A2：地图是由设计师提供的图片，而地图上闪动的光点和冒出的气泡是DOM节点，样式和动画都是通过CSS实现的。 A3：适配不同屏幕尽量还是用百分比，至于字体大小或者某些固定大小的元素，这里用到了rem适配，根据屏幕分辨率计…

之前我分享了文章《大厂前端面试考什么》,你们一定很想看答案吧？说实话，答案我是有，在准备面试的时候会时不时翻看，但内容比较多，比较凌乱，也不能指望我在一篇文章中写完。 我打算写一系列文章来进行解答面试中碰到的问题。目前只有目录，赶时间的同学可以根据关键词自行搜索资料

随着 Weex 、mpvue 的发布，他们都是支持Vue.js语法。目前vue已经你能够运行在浏览器、小程序和Native了。尽管各个平台仍有差异，但已经基本能实现 Write Once Run Everywhere 。这使得我们可以在多个端上实现尽可能大限度在代码复用。但是无…

在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ，我的第一反应也是，感觉很麻烦啊。所以我一直在想，有没…

JavaScript 是单线程的，有了 event loop 的加持，Node.js 才可以非阻塞地执行 I/O 操作，把这些操作尽量转移给操作系统来执行。 我们知道大部分现代操作系统都是多线程的，这些操作系统可以在后台执行多个操作。当某个操作结束了，操作系统就会通知 Node…

当下最流行的模块打包器 webpack 于2018年2月25日正式发布v4.0.0版本，代号legato。从官方的 发布日志 来看, 本次大版本更新带来了很多新特性更新和改善，这将会让webpack的配置更加简单。本文，笔者将会全面介绍webpack4的新特性及实践。 在发布日…

最近一个月面试了20来个公司，其中有你们应该都听过的bat，今日头条，京东，网易，大疆，oppo，还有shopee，招商金科，有赞等比较不错的公司，收获了六个offer。最后选择了入职阿里巴巴深圳(感兴趣的朋友可以发送简历到pengfei.huang@alibaba-inc.c…