• JavaScript 月刊2020年7月期发布,更多请移步全文阅读 ➡️ GitHub | 知乎专栏 | 公众号

    本期主角为 React。从 Facebook 在2010年推出 XHP 开始,而后 Jordan Walke 创建了 FaxJS,直到后来 Facebook 开源 React,再到今天的 React v16.x,从初兴起到如今占据前端框架一席之地,React 的发展中涵盖有太多故事。本期清单第一篇文章便详细讲述那些夹杂在发展中的故事,欢迎移步阅读。

    本期话题包含 React、JavaScript 教程、JavaScript 问题集锦、包管理器、Express、moment、RES

  • 场景

    有时候期望只获取部分流数据,以此来断定文件类型或者处理其他逻辑,而不是直接把整个文件下载下来。

    方法 (node.js)

    const getFromStream = async (stream, maxSize) => {
      return new Promise((resolve, reject) => {
        let size = 0;
        let bufs = [];
    
        stream.on('data', (chunk) => {
          if (size > maxSize) {
            stream.destroy();
      
  • 背景

    各种规格的屏幕实在太多了,几乎不可能为所有的屏幕尺寸设计专门的图片展示尺寸。
    同时生成太多尺寸的缩放图片也极大的浪费资源。
    以下尺寸基本满足大多数屏幕下的预览图显示,欢迎参考

    图片尺寸 (宽度)

    1. 100 pixels
    2. 300 pixels
    3. 500 pixels
    4. 750 pixels
    5. 1000 pixels
    6. 1500 pixels
    7. 2500 pixels

  • static def getDepMap(String filePath) {
        def depMap = new HashMap<String, String>()
        new File(filePath).readLines().each {
            def splitIndex = it.lastIndexOf(':')
            depMap.put(it.substring(0, splitIndex), it.substring(splitIndex))
        }
        return depMap
    }
    
    project.afterEvalua
  • joeyguojoeyguo/blog· 3 天前

    原文地址

    ”JS 代码压缩后,定位具体出错代码困难!“ 的问题,我们可以通过 SourceMap 快速定位,处理得到源文件的具体错误信息。具体方式可以查看 《脚本错误量极致优化-让脚本错误一目了然》

    然而当项目外链第三方资源或公共库时,这种压缩且无提供 SourceMap 的文件出现异常,又该如何更好的定位错误位置呢?

    ”获取对应格式化后的代码行列位置“

    我们可以将压缩代码进行格式化,当错误出现时,错误信息也就有了具体的行列数,更够方便定位到错误位置。

    !function(n) {
        // ...
        // ...
    }([ function(n, r) {
        function