最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 时代变了,来看看你用的那些前端技术已经过时了

    正文概述 掘金(yck)   2020-12-31   513

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

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

    网络请求相关

    自从有了 HTTP2 以后,有读者就说终于不用对文件做优化了。

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

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

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

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

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

    代码相关

    挺多性能优化文章都会说到怎么怎么写 JS 代码会带来一些性能上的提升,其实大可不必。现在浏览器对 JS 优化的越来越好,之前那些有用的技巧可能反倒会带来负优化,所以正常写代码就行,不需要去考虑那些。

    再来就是兼容问题了,IE 相关的没啥好说的,比如说 css hack。另外因为浏览器不同而需要加前缀的这些东西也有 post-css 帮我们实现了,再也不用手动加各种前缀了。Babel 让我们能用上各种新的语法而不需要考虑兼容问题,即使用些并不能转成 ES5的新语法,我们也可以通过 polyfill 的方式打补丁,就是要注意有些 polyfill 会带来文件体积的大幅增大。

    以上内容基于目前的大背景得出的结论,大家如果还有什么想到的内容也可以拿出来说一下。


    起源地下载网 » 时代变了,来看看你用的那些前端技术已经过时了

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元