做软件开发，是从事编程开发工作，必须先从语法基础开始学习，通过语法组成产品效果。前端开发的基础语法，由HTML+CSS+JavaScript组成，这是前端开发最基本 ...

webpack 核心工作原理 webpack官网的首屏图片就已经很清楚的描述了他的工作原理，这里我们来简单理解一下webpack打包的核心工作过程。 我 ...

Data URLs 与 url-loader除了file-loader这种通过copy物理文件的形式去处理文件资源以外还有一种通过date url的形式去表示文件。这种方式也非常常见。Data URLs是一 ...

说到优化，首先肯定要通过一些分析工具找出项目存在的问题，然后针对问题来做对应的优化。 webpack优化分为两个方向： 1.构建速度层面优化 安装打包耗时分析插件： npm install --save-dev speed-measure- ...

近几年来，前端开发工程师越来越火了，2020年已经过去大半了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取能靠实力找到一份满意的工作！还有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲 ...

背景 最近做的项目需要开发插件功能，要求可以从服务器上加载，那就需要加载动态组件。但是所有需要加载的组件都是动态获取和实例化的，需要作为插件加载进来。那么这些插件如何打包为单独的js文件呢？由于项目用的vue-cli 脚手架，发现了构建目标 ...

在实际开发中，我们需要将设计稿中的px转换成rem，然后再写入到样式中。postcss-px2rem可以帮助我们自动完成转换。 一、安装模块 cnpm install amfe-flexible postcss-px2rem -S ...

概述 webpack 作为目前最主流的代码打包工具，他提供了一整套的前端项目模块化方案，而不仅仅是局限于对JavaScript的模块化。 通过webpack提供的前端模块化方案，我们就可以很轻松的对我们前端项目开发过程中涉及到的所有的资源进 ...

同步发表于：CSDN 掘金 知乎 GitBook Blog 写在前面 长期以来，前端的模块化管理都不很成熟（webpack出现之前），为此，早期（ES5时代）为了实现依赖管理，甚至会利用window等全局对象进行模块注册。而如今有了web ...

搞前端开发这几个工具命令都会用到，介绍下这几个工具的用处及之间的关系。 nrm: 描述： nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换。 使用： ...