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]]
代码的天敌就是代码量
前言什么是微前端 ??
微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为把多个小型前端应用聚合起来的应用。各个前端应用可以使用不同的技术栈独立开发、独立运行、独立部署
微前端架构具备以下几个核心价 ...
自定义事件
自定义事件
[[toc]]
dispatchEvent已废弃
initEvent
createEvent()createEvent()方法返回新创建的Event对象,支持一个参数,表示事件类型,具体见下表:
参数
事件接口
初始化方法
HTMLEvents
HTMLEvent
initE ...
Element-UI ,Table组件实现拖拽效果
Element-UI ,Table组件实现拖拽效果
最近业务需求要添加table的拖拽,但是element并没有table的拖拽功能,只能自己添加了。
找了两个组价库sortablejs和vuedraggable,后者是基于前者实现的更加符合vue标准的库,依赖于前者,但是项目中用的element的 ...