gulp
gulp
[[toc]]
github 32k
5种方法就可以支持几乎所有构建场景:
通过gulp.task注册一个任务;
通过gulp.run执行任务;
通过gulp.watch监听文件的变化;
通过gulp.src读取文件;
通过gulp.dest写文件。
Gulp的最大特点是引入了流的概念,同 ...
rollup
rollup
github 20k
文档
与webpack 偏向于应用打包的定位不同, rollup.js 更专注于 Javascript 类库打包 。
the-answer
与 webpack 和 browserify 这样的其他捆绑包不同, rollup 不知道如何打破常规去处理这些依赖。因 ...
snowpack
snowpack
[[toc]]
github 18k
放弃 webpack 使用 snowpack 构建 vue2vue不建议使用snowpack ,直接使用vite
const CompressionWebpackPlugin = require("compression-webpack-plu ...
vite
vite
[[toc]]
github 24k
Bundleless, 本质上是将原先 Webpack 中模块依赖解析的工作交给浏览器去执行,使得在开发过程中代码的转换变少,极大地提升了开发过程中的构建速度,同时也可以更好地利用浏览器的相关开发工具。
为什么会出现 Vite?在过去的 Webpac ...
JS添加水印功能
JS添加水印功能
[[toc]]
不使用canvas// watermark.jslet waterMarkDOM;let clearWaterMark = () => { if (waterMarkDOM) waterMarkDOM.remove();};export ...
聊一聊前端换肤
聊一聊前端换肤
[[toc]]
前言最近在写公司的组件库,遇到的动态更换主题的需求,顺带研究一波。
一般来说换肤的需求分为两种:
一种是几种可供选择的颜色/主题样式,进行选择切换,这种可供选择的主题切换不会很多
另一种是需要自定义色值(动态更换),或者通过取色板取色,可供选择的范围就很大了
如何 ...
Axios 获取文件流导出 excel 表格
Axios 获取文件流导出 excel 表格
[[toc]]
一、导出excel表格实现的具体思路:1.创建一个a标签;2.获取响应头content-disposition作为文件名;(需要服务端放开content-disposition所以尽量自己命名)3.利用a标签的download属性进行下载 ...
irdd 组件库
irdd 组件库
[[toc]]
开发组件库,遇到的问题
使用插件
popper.js Popper.js是一款功能强大的JS定位引擎。 https://blog.csdn.net/jhzhahuaiyu/article/details/90213582
deepmerge/object-assi ...
原型与原型链
原型与原型链
[[toc]]
原型与原型链首先,JS是真正的“面向对象”的语言,而其他我们所熟知的例如C++、Java等,严格意义上说,是“面向类”的语言,仔细想想,还真是那么回事儿。其次,JS中,调用构造器之后,对象并不是它原型的一份拷贝,而是被链接到原型上。
Object我们先看一段代码:
fu ...
微前端
微前端
[[toc]]
代码的天敌就是代码量
前言什么是微前端 ??
微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为把多个小型前端应用聚合起来的应用。各个前端应用可以使用不同的技术栈独立开发、独立运行、独立部署
微前端架构具备以下几个核心价 ...