Zoo Weekly! 政采云前端小报

政采云前端小报第22

  1. 【前端词典】F5 同 Ctrl+F5 的区别你可了解体验

    今天在把代码部署到测试环境后,告知产品 UI 问题已修复。几分钟过后,产品说问题还可以复现。而后去产品那才发现她一直使用 F5 刷新页面。我告诉她 F5 和 Ctrl+F5 的区别后,也就有了这篇文章。
  2. 没有JS的前端:体积更小、速度更快!技巧

    在这篇文章里,我将分析我在前端方面所做出的一些决定,并分享我在这个过程中学到的一些无 JavaScript UI 技巧。
  3. Web 实时推送技术的总结方案

    随着 Web 的发展,用户对于 Web 的实时推送要求也越来越高 ,比如,工业运行监控、Web 在线通讯、即时报价系统、在线游戏等,都需要将后台发生的变化主动地、实时地传送到浏览器端,而不需要用户手动地刷新页面。本文对过去和现在流行的 Web 实时推送技术进行了比较与总结。
  4. JS 面试之数组的几个不 low 操作JS 基础

    本文主要从应用来讲数组api的一些骚操作,如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。
  5. CSS 捡屎记CSS 基础

    天下码农千千万,大牛却不多。大牛之所以成为大牛,通常都会给数年后的从业者留下可供捡拾的“牛粪”。今天我们的拾粪之旅,既是对CSS历史上曾经辉煌一时的技术的巡礼,更是对如群星般璀璨的大牛们的致敬。
  6. Vue 服务端渲染实践 — Web应用首屏耗时最优化方案Vue

    关于Vue服务端渲染的原理、搭建,官方文档已经讲的比较详细了,因此,本文不是抄袭文档,而是文档的补充。特别是对于如何与现有项目进行很好的结合,还是需要费很大功夫的。本文主要对我所在的项目中进行Vue服务端渲染的改造过程进行阐述,加上一些个人的理解,作为分享与学习。
  7. 【译】缓存的最佳实践以及 max-age 的陷阱技巧

    使用正确的缓存可以带来巨大的页面性能上的收益,节省带宽,减少服务器成本。但是许多网站并没有解决好他们的缓存问题,创造了一个race conditions,导致相互依赖的资源之间失去了同步。
  8. [译] 究竟什么是DOM?!JS 基础

    DOM,当我第一次在训练营学习编码时,就一直听到这个词,但是我从来不知道它到底是什么意思。是我写的HTML吗?还是我偶尔打开控制台检查元素的时候点击的元素?说实话,我花了好长时间才弄明白DOM究竟是什么。
  9. 每日 30 秒小代码段总结

    每天阅读一段 30 秒的小代码段,文章会对这段代码进行讲解并在最后给出一个代码的使用场景,帮助大家通过阅读来实现经验的积累。
  10. 懂编译真的可以为所欲为,不同前端框架下的代码转换AST

    整个前端领域在这几年迅速发展,前端框架也在不断变化,各团队选择的解决方案都不太一致,此外像小程序这种跨端场景和以往的研发方式也不太一样。在日常开发中往往会因为投放平台的不一样需要进行重新编码。
  11. 10 分钟读懂阿里巴巴高级专家在 Flutter Live2018 的分享Flutter

    12月4日Flutter Live Beijing会议上,Google团队宣布第一个Flutter正式版本发布;并邀请了在这一技术方案中重要的合作伙伴闲鱼团队分享这半年以来的通过Flutter产出的业务结果以及对应的技术挑战。
  12. Web 性能优化: 使用 Webpack 分离数据的正确方法性能

    Web 性能优化: 使用 Webpack 分离数据的正确方法
  13. Web 性能优化: 图片优化让网站大小减少 62% 性能

    图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话,图片大小有时高达几十兆。因此,虽然网络图像需要清晰明快,但它们尺寸可以缩小压缩的,使用加载时间保持在可接受的水平。
  14. Web 性能优化:缓存 React 事件来提高性能性能

    JavaScript中一个不被重视的概念是对象和函数是如何引用的,并且直接影响 React性能。
  15. 高级前端基础 —— JavaScript抽象语法树 AST AST

    Babel为当前最流行的代码JavaScript编译器了,其使用的JavaScript解析器为babel-parser,最初是从Acorn 项目fork出来的。Acorn 非常快,易于使用,并且针对非标准特性(以及那些未来的标准特性) 设计了一个基于插件的架构。本文主要介绍esprima解析生成的抽象语法树节点,esprima的实现也是基于Acorn的。
  16. Web 性能优化:21种优化CSS和加快网站速度的方法性能

    Web 性能优化:21种优化CSS和加快网站速度的方法
  17. Node.js 十年:十年之前,我不认识你总结

    《JavaScript高级程序设计》的作者在书中写道:要想全面理解和掌握JavaScript, 关键在于弄清楚它的本质,历史,和局限性。我想:对于想深入学习Node.js的人来说,必然也要弄清楚它的本质,历史和局限性。
  18. PNG 图片压缩原理解析HTML 基础

    PNG 图片压缩原理解析
  19. 带你五步学会Vue SSR - 掘金Vue

    前言 SSR大家肯定都不陌生,通过服务端渲染,可以优化SEO抓取,提升首页加载速度等,我在学习SSR的时候,看过很多文章,有些对我有很大的启发作用,有些就只是照搬官网文档。通过几天的学习,我对SSR有了一些了解,也从头开始完整的配置出了SSR的开发环境,所以想
  20. 打造前端离线日志(一): IndexedDB浏览器

    打造前端离线日志(一): IndexedDB
  21. 细数CSS伪元素及其用法CSS 基础

    CSS中有两个很常见的概念,伪类和伪元素。

About Zoo Weekly