使用 Proload/Prefetch 优化你的应用

2018-11-04 性能优化

原文地址 衡量网站的性能的指标有很多,其中有项重要的指标就是网站的首屏时间,为此前端工程师们都是绞尽脑汁想尽办法进行优化自己的应用,诸如像服务端渲染,懒加载,CDN 加速,ServiceWorker 等等方法,今天介绍的 preload/p...

国际化 - 通用 LTR/RTL 布局解决方案

2018-10-28 CSS技巧国际化多语言

原文地址 在英文或者中文的网站,我们习惯的阅读方式都是从左往右的,所以你在访问国内外的网站的时候会发现,不管是文字还是布局,都是从左往右进行排版,而我们也熟悉和适应了这种阅读习惯,但是在中东地区,有很多国家,诸如像阿拉伯语、希伯来语,他们的...

深入浅出 sideEffects

2018-08-11 webpack

原文地址 前言 最近在给团队对 webpack 中的 sideEffects 字段用途进行微分享,于是乎,我最后就整理成一篇文章,希望帮助更多的人理解 sideEffects 的作用。 sideEffects 是什么呢?我用一句话来概括就是...

React 同构应用 PWA 升级指南

2018-05-22 ReactPWA

原文地址 前言 最近在给我的博客网站 PWA 升级,顺便就记录下 React 同构应用在使用 PWA 时遇到的问题,这里不会从头开始介绍什么是 PWA,如果你想学习 PWA 相关知识,可以看下下面我收藏的一些文章: 您的第一个 Progr...

让 BAT Offer 不再难拿

2018-04-03 BAT校招

原文地址 最近有幸受老师邀请,总结一篇关于应届生校招求职的文章,我将它分享出来,希望可以帮助到跟我曾经一样找工作迷茫的同学。 个人介绍 首先介绍一下个人情况,我是某双一流大学的学生,专业是软件工程,在大学期间一直学习从事 Web 前端相关的...

纯 CSS 实现多行文字截断

2018-03-07 CSS技巧

原文地址 前言 最近在做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果,如下图: 看似十分简单的标题截断效果,但是竟然没有一个统一 CSS 属性实现标准,需要用到一些奇淫妙计来实现,一般来说,在做这样文字截断效果时我们更多是希望...

深入理解 CSS 属性 z-index

2018-02-24 CSS技巧

原文地址 前言 最近在使用 CSS3 动画的时候遇到一个 DOM 层叠的问题,故此重新学习了一下 z-index,感觉这个 CSS 属性还是挺复杂的,希望本文可以帮助你重新认识 z-index 的魅力。 事情的经过是这样的(背景有点长),最...

深入理解 ES6 模块机制

2018-02-16 ES6

原文地址 前言 在 ES6 中,我们知道 import、export 取代了 require、module.exports 用来引入和导出模块,但是如果不了解 ES6 模块特性的话,代码可能就会运行出一些匪夷所思的结果,下面我将通过这篇文章...

webpack 大型应用优化实践

2018-01-28 webpack

原文地址 前言 最近在团队分享一些 webpack 技巧,于是便准备梳理出一篇博文总结一下,不过由于讲的内容太多了,无法描述的很详细,更多地是提供一个思路,希望读者感兴趣可以动手去实践实践。 我认为理想的 webpack 配置: 配置多份 ...

webpack 持久化缓存实践

2018-01-13 webpack

原文地址 前言 最近在看 webpack 如何做持久化缓存的内容,发现其中还是有一些坑点的,正好有时间就将它们整理总结一下,读完本文你大致能够明白: 什么是持久化缓存,为什么做持久化缓存? webpack 如何做持久化缓存? webpac...
系统繁忙,请稍后重试

TOP