最近在开发vue项目，其中一些组件采用自研的方式开发，在这里对于一些通用性较强的组件进行一些总结，本文记录一下vue-menu菜单组件的开发过程和npm包发布过程。一、组件的开发1、需求分析组件需要的功能：（1）点击或者鼠标hover某一元素后弹出下拉菜单；（2）下拉菜单项具备点击功能；（3）下拉项可以置灰，点击无效；（4）可以为下拉菜单添加自定义的类；2、创建项目...

最近在做一个vue项目，需要一个类似于easyui-layout的伸缩功能，要求可伸缩并且可拖拽，由于vue也提供了过度和动画的特性，决定利用vue提供的过渡特性自己动手写一个实现。Vue官网对于transition组件的解释：Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展...

vue开发的可视化组件，包含柱状图组件，圆形进度条组件：使用方式：NPM下载安装vue-charts-jfnpm install vue-charts-jf --saveimport vueChart from 'vue-charts-jf'Vue.use(vueChart);github地址:https://github.com/jianfeng418/vue-charts...

在进行vue项目开发时，常用vue-router进行路由的导航，这种方式可以很好的进行路由和组件的匹配，但是当用户手动更改为未进行匹配的url时，系统找不到响应的组件进行页面渲染，就会出现空白页面。这种用户体验并不好，下面总结解决该问题的方法。1.导航守卫可以使用 router.beforeEach 注册一个全局前置守卫：const router = new VueRouter({ ...

近期在进行vue的学习，自研的vue项目需要一个tree组件。由于在学习阶段，不想‘拿来主义’，拿别人写好的组件使用，对于处于学习阶段的开发者来说不是一件好事，虽然拿别人开发好的东西过来用可以快速进行业务开发，但阻绝了学习者锻炼自身开发技能的机会。‘拿来主义’的学习方式，与其说是学习一门语言，不如说是学习一种成熟组件的使用方式。自己动手写一写还是非常有利于自身水平提升的。于是，开始动手自己写vue

借助于uni-app撸了个证件照小程序，主要用到了canvas的绘图功能，不得不说uni-app的云函数机制相当不错，直接省去了租服务器的费用，双手点个赞！！小程序支持g预览版

web开发过程中为了更好的实现元素自适应效果，往往需要监听DIV的尺寸变化。而DIV元素不像window对象，是没有resize事件的，我们无法直接监听DIV的resize事件。因此在需要对DIV元素进行监听时，需要采用一些特定方法完成size的监听。...