时代变了,来看看你用的那些前端技术已通过时了

首先技术过期是看你当前业务的场景的。好比说有些东西是须要用在 IE6 上的,那对于大部分人开发者来讲它就是一个过期的技术,可是若是你的业务还须要服务到 IE6 的用户,那么这个技术对你就仍是存在价值的。css

今天咱们聊得过期技术只针对于大部分人,先来聊聊性能优化中已通过时的东西。json

网络请求相关

自从有了 HTTP2 之后,有读者就说终于不用对文件作优化了。跨域

这句话有对也有错。先不说 HTTP2 对于国内大部分网站来讲仍是个新技术,即便你的网站已经用到了 HTTP2,也最好不要放弃合并打包文件。由于这样会形成你的项目一开始可能须要加载上百个文件,虽然 HTTP2 支持多路复用,基本上没有并发限制了,可是读取文件是须要句柄的,另外你还须要对几百个文件进行 parse,这一样也会带来大量的性能损耗,因此合并文件基本仍是须要的。浏览器

可是对于某些技术,好比说雪碧图这些是真的被时代抛弃了,对于大部分业务来讲几乎没有使用的必要了。性能优化

曾几什么时候 IconFont 很火热,但现在 SVG 有绝对的优点来替换掉它。虽然它和 SVG 都是矢量图形,可是浏览器会把前者当作字体来用,字体会存在抗锯齿的问题,有时候显示的样式和你预期的会有挺大出入,另外也不支持多色。可是 SVG 就不会有这种问题,因此能上 SVG 就上 SVG 吧。markdown

而后聊下域名发散。首先域名这玩意是须要解析 IP 的,你域名越多那么解析的时间也花的多。以前域名发散也是为了解决请求并发问题而存在的,可是上了 HTTP2 就基本没啥必要了,固然对于 HTTP1.1 来讲仍是须要的。网络

最后说说跨域。每次聊到跨域不少人都能说出一堆的解决办法,可是其实真实开发过程当中你八成没用过那些东西,除了代理和 CORS 是经常使用的,其它基本是没啥用武之地的,其中 jsonP 更是最过期的一块内容。并发

代码相关

挺多性能优化文章都会说到怎么怎么写 JS 代码会带来一些性能上的提高,其实大可没必要。如今浏览器对 JS 优化的愈来愈好,以前那些有用的技巧可能反倒会带来负优化,因此正常写代码就行,不须要去考虑那些。post

再来就是兼容问题了,IE 相关的没啥好说的,好比说 css hack。另外由于浏览器不一样而须要加前缀的这些东西也有 post-css 帮咱们实现了,不再用手动加各类前缀了。Babel 让咱们能用上各类新的语法而不须要考虑兼容问题,即便用些并不能转成 ES5的新语法,咱们也能够经过 polyfill 的方式打补丁,就是要注意有些 polyfill 会带来文件体积的大幅增大。性能

为啥到这里结束了呢?由于大部分能想到的我以为都写出来了,写多了还会挨喷,因此就结束了。

以上内容基于目前的大背景得出的结论,你们若是还有什么想到的内容也能够拿出来讲一下。

相关文章
相关标签/搜索