原生JS灵魂之问,点击 全文 查看
关注前端知识,收集精彩博文,做技术的搬运工
原文地址:https://www.jianshu.com/p/54cc04190252
缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。
对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求,或者发起了请求但后端存储的数据和前端一致,那么就没有必要再将数据回传回来,这样就减少了响应数据。
接下来的内容中我们将通过缓存位置、缓存策略以及实际场景应用缓存策略来探讨浏览器缓存机制。
作者:鱼头的Web海洋 公号 / 陈大鱼头 (本文来自作者投稿)
原文地址:https://mp.weixin.qq.com/s/
pPtzhXbAaXfoTV2q3u0Dww最近听说TypeScript3.7添加了对Optional Chaining[2]的支持,然后就想着给鱼头的脚手架ying-template[3]的TS版本升级,然后在命令行发现这样的一句信息: 'postcss-cssnext' 已经被 'postcss-preset-env'代替了。详情请查看 https://moox.io/blog/deprecating-cssnext/ 其实鱼头的脚手架里早就把
postcss-cssnext换成了
postcss-preset-env`,不过一直没删,但是看到这句话之后,处于好奇,就去翻了翻PostCSS的官网,然后又思考了下这些年CSS的发展历程,遂有这篇文章的出炉。
作者:前端工匠 公号 / 浪里行舟君(本文来自作者投稿)
原文地址:https://mp.weixin.qq.com/s/TA7LtidrUPkU42H827VnKQ
一个ECMAScript标准的制作过程,包含了Stage 0到Stage 4五个阶段,每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3或者Stage 4阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。
作者: code秘密花园 公号 / ConardLi (本文来自作者投稿)
原文地址:https
://mp.weixin.qq.com/s/5tmND0G_ZkYVR7Dmug0ugQ`
开门见山,npm install
大概会经过上面的几个流程,本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。
综合整理:技术最前线(ID:TopITNews)参考:solidot、W3C
原文地址:https://mp.weixin.qq.com/s/lFiRctivRUcTAA9m4SnxiA
据 W3C 官网本月宣布,WebAssembly 正式成为 World Wide Web Consortium (W3C) 的标准,加入到了 HTML、CSS 和 JavaScript 的行列。
原文地址:https://juejin.im/post/5e00240ee51d45583c1cc9a7
循序渐进,看看只使用 CSS ,可以鼓捣出什么样的充电动画效果。
原文地址:https://juejin.im/post/5df5bcea6fb9a016091def69
作为一个合格的前端工程师,浏览器相关的工作原理是我们进行性能优化的基石,我之前也强调过知识体系的重要性,这部分原理性的内容就是知识体系中的重要部分,必须牢牢掌握才能面对瞬息万变的实际场景,针对性地给出实际方案,而不是背诵各种开发军规和性能优化的条例,这样很难发现真正的问题所在, 更无法真正地解决问题。
作者:前端技匠 公号 / 罗学 (本文来自作者投稿)
原文地址:https://mp.weixin.qq.com/s/a0QFhcbwkhXStBfMOe7exA
很多人都或多或少使用过 webpack,但是很少有人能够系统的学习 webpack 配置,遇到错误的时候就会一脸懵,不知道从哪查起?性能优化时也不知道能做什么,网上的优化教程是不是符合自己的项目?等一系列问题!本文从最基础配置一步步到一个完善的大型项目的过程。让你对 webpack 再也不会畏惧,让它真正成为你的得力助手!
原文地址:https://www.oschina.net/question/2918182_2313492
经过 22 天的投票评选,今天 2019 年度最受欢迎中国开源软件产生了。
原文地址:https://juejin.im/post/5df884ad6fb9a0164e7f979d
前段时间,在公司做了个 Webpack 的分享。听众40多人,感觉还不错。所以总结一下,先看一下ppt的目录: