关注IMWeb前端社区公众号

  • 第一时间获得最新、最火的技术干货
  • 定期推送您所关注的专题文章
  • 和大牛们一起讨论前端技术
  • 获取IMWeb社区、前端相关的最新活动
热文 更多

  • webpack源码阅读之Compiler

    本篇记录了阅读 Compiler.js [https://github.com/webpack/webpack/blob/v4.41.0/lib/Compiler.js] 过程中的一些笔记。(Webpack版本4.41.0) 阅读前需要先对tapable有一定的了解,可参考 Tapable github [https://github.com/webpack/tapable] . 这里主要对webpack调用了Compiler.run()到资源输出完毕后经历的过程及其代码进行了一些梳理。 代码特点 webpack的异步代码基本采用回调函数的形式进行书写,tapable实际上也是注册callback的形式,需要仔细区分各个部分对应的callback。 Compiler类成员变量的类型、含义都比较清晰,也有足够的文档支持,这里不做具体解读了。 大致流程 Compiler中的方法调用顺序大致如下(以.run为入口): Compiler.run(callback) 开始执行构建 Compiler.readRecord(callback) 读取之前的构建记录

  • 玩转webpack之loader开发

    webpack提倡一切皆模块,所有类型的文件都可以经过文件加载器处理变成我们可加载的模块,那么这个文件加载器便是loader。 那么我们如何开发一个webpack loader呢,让我们一起探索探索吧~ 一、loader执行顺序 在开发loader之前,我们先了解一下webpack loader的执行顺序。 webpack是支持loader的链式调用的,即一个文件可以经多个loader处理。当一个文件使用多个loader处理时,他的处理顺序是倒序,即传入loader数组的从右到左执行。 例如,对于scss文件,我们的配置如下,那么它的执行顺序是sass-loader -》 css-loader -》 postcss-loader -》style-loader: module: { rules: [ { test: /.scss|.css/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoaders: 2, }, }, 'postcss-loader', loader:

  • 【TWeb前端盛会】腾讯前端技术大会,11月16日重磅来袭!

    [http://p.qpic.cn/qqconadmin/0/eb143d09a8ac43fd8db7656532eda9a9/0?_t=1566375216231] 【关于腾讯前端技术大会(TWEB)】 腾讯Web前端团队在蓬勃发展的这几年间,先后举办了一系列业界顶尖的Web前端技术大会,不断地输出业界前沿的标准以及最优的前端实践,希望能跟千千万万的前端开发者一同推动行业的发展。现在由腾讯Web前端技术委员会联合腾讯各大 Web 前端团队推出全新的 < 腾讯前端技术大会TWeb /> ,旨在打造一个高品质、高标准的行业交流会议,为你带来更多高质量的腾讯Web前端技术内容。 我们通过组织腾讯内各大前端团队以及邀请业界知名的讲师,将腾讯和业界上最前沿的前端技术、Web标准以及一线互联网大厂的优秀实践经验分享给大家,力求带给参会者一个高标准高品质的会议。

  • 5G时代来临,前端开发工程师必须了解的音视频入门基础知识(基本概念、播放流程、封装格式、编解码、传输协议)

    1. 音视频基础 本文将给大家进行音视频基础的常规知识点的梳理。当然,短短的一篇文章并不能让大家立即变成音视频领域的专家,但这些知识点已经基本涵盖了音视频的入门知识。我们将按照下面的内容给大家 * 音视频的基本概念 * 音视频播放的流程 * 音视频编解码 * 音视频封装格式 * 音视频常见的传输协议 1.1 音视频基本概念 首先,我们需要先主了解下一些音视频常见的技术概念以及简单的原理。 1.1.1 采样率 [http://imweb-io-1251594266.cos.ap-guangzhou.myqcloud.com/75502b47caa0140f36a06719a270e184.jpg] 采样,是指把物理信号转化为数字信号的过程。采样频率,定义了每秒从连续信号中提取并组成离散信号的采样个数,单位为赫兹(Hz)。形象来说,采样频率是指将模拟信号转换成数字信号时的采样频率,也就是单位时间内采样多少点。

热问 更多