Zoo Weekly! 政采云前端小报

政采云前端小报第13

  1. 你配置 Webpack 4 的方式可能是错的!Webpack

    一千个观众就有一千个哈姆雷特。你在网络上可以找到上百万个有关如何配置 Webpack 的教程,所以,你可能已经看到了一千种不同的配置方法。Webpack 本身在快速演化,除此之外,还有很多加载器和插件紧随其后。这就是为什么这些配置文件会各有不同:组合使用同一组工具的不同版本可能会奏效,也可能不能如愿。
  2. 详解前端异步编程的六种方案技巧

    本文主要介绍异步编程几种方案,并通过比较,得到最佳异步编程的解决方案。
  3. 绝对惊艳到你的 DevTools 小技巧 —— 控制台 $技巧

    以简短的文章和大家分享,以更高效有趣的方式使用 DevTools 的技巧。
  4. 学习如何用 CSS 变量创建网页响应布局 — css var() CSS 进阶

    如果你未曾听说过CSS变量,那么我告诉你,它就是CSS的一种新功能,可以让你拥有在样式表中使用变量的能力,这样做时并不需要什么特别的设置。
  5. 精读《Caches API》JS 基础

    caches 这个 API 是针对 Request Response 的。caches 一般结合 Service Worker 使用,因为请求级别的缓存与具有页面拦截功能的 Service Worker 最配。本周精读的文章是 cache-api,介绍了浏览器缓存接口的基本语法。
  6. Webpack 最小化 lodash技巧

    lodash 作为一个比较常用的前端开发工具集,在使用 webpack 进行 vendor 分离的实践中,会遇到将整个 lodash 文件分离到 vendor.js 的问题。这样会使 vendor.js 文件变得特别大。
  7. 原生 JS 实现移动端 Touch 滑动反弹方案

    什么是 Touch 滑动?就是类似于 PC 端的滚动事件,但是在移动端是没有滚动事件的,所以就要用到 Touch 事件结合 JS 去实现。
  8. 如何对前端图片主题色进行提取?这篇文章详细告诉你方案

    图片主题色在图片所占比例较大的页面中,能够配合图片起到很好视觉效果,给人一种和谐、一致的感觉。同时也可用在图像分类,搜索识别等方面。
  9. react-router v4 孙节点无法使用 history 的解决方案React

    晨曦沐枫的个人博客 react-router v4 孙节点无法使用 history 的解决方案
  10. 快速搭建基于HTTPS的本地开发环境HTTP

    快速搭建基于HTTPS的本地开发环境
  11. 一文读懂:如何建立UI设计规范方案

    我们在做互联网产品中,有的是以产品功能,但大部分以项目为纬度进行分割。在产品1.0后,设计团队需要UI设计师建立规范,如果你所在的产品团队有2个以上的UI同学。那可能在1.0还没开始,一套好的UI规范就是需要立马做的。
  12. 我们是如何将3万代码从Flow移植到TypeScript的?TypeScript

    最近,我们将 MemSQL Studio 的 3 万行 Flow 代码移植到了 TypeScript。在本文中,我将分享为什么我们要移植代码、我们是如何移植的,以及代码移植背后的原理。
  13. 由一个 emoji 引发的思考方案

    就一个小 bug,让我们来了解一下我们天天都在用的 emoji,对于开发来说,是一个怎么样的存在。
  14. 如何和后端小哥哥导出word图表方案

    坊间传言,作为一个成熟的系统要学会根据自己的页面生成 word 形式的报告,有图有表有文字的那种。在我们尝试了一些方案然后围圈圈讨论了一下后,定下来由前端提供图表的 Base64,后端小哥哥将其插入 word 模板。
  15. 从前端角度理解缓存方案

    缓存的概念分很多种,本次讨论的主要就是前端缓存中的 HTTP 缓存。
  16. Jest + Enzyme 前端自动化测试 方案

    Jest 是 Facebook 发布的一个开源的、基于 Jasmine 框架的 JavaScript 单元测试工具。Enzyme 是 React 的测试类库。 Enzyme 提供了一套简洁强大的 API,并通过 jQuery 风格的方式进行DOM 处理,开发体验十分友好。

About Zoo Weekly