作为一个曾经的Java coder, 当我第一次看到js里面的装饰器(Decorator)的时候，就马上想到了Java中的注解，当然在实际原理和功能上面，Java的注解和js的装饰器还是有很大差别的。本文题目是Vue中使用装饰器，我是认真的，但本文将从装饰器的概念开发聊起，一起…

0. 轻量 --一个组件小于 1Kib (实际打包完不到0.8k) 今天,我们就抱着上面2个需求点,来实现一个基于vue的toast弹窗组件,下图是最终完成的效果图. 一. 先写一个普通的vue组件 二. 在我们需要使用的页面引入组件,方便看效果和错误 三. 实现动态加载组件 …

随着前端应用包含的模块数量日益增长，代码打包的耗时也越来越长。公司很多项目打包耗时超过了10秒，对于一般人来说超过10秒的等待是比较难受的，虽然后续增量编辑的速度很快。于是我想结合实际开发环境提升一下首次打包的速度。 1. 实际开发环境 许多需求只涉及到js模块的修改，并不涉及…

2 事件，主要是当鼠标移动的时候，显示滚动条。 其中state表示状态，是在运行时可发生改变的，而 ops 则是配置参数，是用户传过来的。 取得子组件的dom元素，用来取得dom的实时信息。 resizeVBarTop,为了防止误差，并且可以求出滚动条距离父元素的高度。 监听滚…

上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办…

vue 表单验证组件

在实现封装之前，先介绍一下Swiper。 Swiper是纯Javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选…

把一个数组按指定深度进行摊平。 使用递归方法，对于任意级别的深度depth，每次递归depth减1。使用Array.reduce()和Array.concat()来合并元素们或者数组们。直到depth递减到1时停止递归。省略第二个参数depth时，按深度depth为1计（即单层…

webpack4出了两个月，发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo，都觉得不太满意或者没得到太好的解惑，issue 下面的问题也没什么人回复，只能自己操作了，顺便记录下来，如果大家有更好的，欢迎评论区留下地址。 maxAsyn…