笔者搞了一年多微前端项目，一个团队管理十个微应用，换成docker镜像部署后，发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟，尤其上传每个应用到各自的阿里云仓库。这里就再写个脚本一键打包docker镜像并上传阿里云。 本文只讲怎么制作一个脚本帮助去减轻开发人员负担，关于docker-compose的配置见：使用各...

微前端作为解决巨石应用模块化和降低技术框架变动风险的神器，我觉得是当下前端发展的一大方向，可以在未来5-10年内保持生命力。 作者从2019年12月第一次使用qiankun框架落地微服务以来已经过去了一年多的时间，形成了、脚手架、工程结构设计、日常开发维护、性能优化、部署等一整套流程。 之前有两篇文章讲了qiankun的...

node-mail-service基于node的邮件服务定时每日给女朋友们发送情话嘿嘿嘿就是照着大佬学习的Github项目地址启动服务git clone 本项目yarn install 或 npm installyarn serve 或 npm run serve创建你的邮件服务找一个你喜欢的文件夹执行 yarn init 创建一个package.jsonyarn add nodemailer axios node-schedule 下载要用...

在nw.js入门最如丝般润滑的教程一文中，作者介绍了简单的使用nw运行html文件为桌面程序以及将html文件打包为桌面可执行文件exe。看vuecli创建的工程打包成exe文件可直接从【在vuecli创建的项目基础上增加nw插件无缝转化为桌面程序】目录开始。

nw.js入门下载nw.js您可以从官网获取最新版本的文件,或通过源代码构建.进入官网后点击下载按钮你会看到下面这个图片显示的内容，选择最新的sdk版下载后的文件解压缩后你会看到如下图的文件目录使用nw.js运行你的代码为桌面程序新建你的代码存放的文件夹，比如说‘app’文件夹在app文件夹内新建index.html你可以任意新建你...

微前端实战详细入门教程及解放方案请转至我另一篇文章：微前端实战看这篇就够了 - Vue项目篇。 项目地址：[wl-micro-frontends [wl-qiankun]]([链接] && 在线访问

在前后端分离模式项目开发过程中，前端的界面展示、交互逻辑往往需要后台接口数据支撑，然而万恶的后台总跟不上有我们美丽的前端小姐姐进度。 于是我们不由得仰天长叹，难道就没有即无需依赖后台又能完美展示界面数据，即能保证前端交互的完整性又不太费事儿的方法吗？答案当然是有的~~~~ 下面就请我们的主角登场

一个用于在浏览器上展示bim模型的vue插件，可以预览转化后的BIM、CAD文件。 基于vue和autodesk forge viewer写成。 目前支持单模型加载及多模型顺序加载。 其他特性正在扩展中。

为了解决这两个问题，我们以创建js文件以json格式定义scss变量，然后通过配置webpack的解析规则来达到即能像普通scss一样使用，又能作为js变量使用的目的。

本项目采用 vue + qiankun 实践微前端落地。 同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。 此项目为了尽可能的简单易上手，以及方便文章讲解，大部分逻辑都在主应用和子应用的main.js来回施展， 实际项目应用可不要如此粗暴，要有优雅的架构设计。

在前后端分离的开发环境下，前后端并行开始时势必会产生双方定义字段完全不统一的问题。 比较规范的公司会在代码开发前先进行前后端详细设计文档的编写和评审，但是一方面实行此流程的公司不多又繁琐，一方面后端也不保证写好文档后在后续的开发中就一定不再更改字段名。 在笔者的开发过程中此问题尤为突出：

Vue项目前后端分离下如果设计一个完善的前端鉴权方案 技术栈 前端Vue全家桶，后台.net。 需求分析 前端路由鉴权，屏蔽地址栏入侵 路由数据由后台管理，前端只按固定规则异步加载路由 权限控制精确到每一个按钮 自动更新token 同一个浏览器只能登录一个账号 前端方案 对于需求1、2、3，采用异步加载路由方案 首先编写vue...

甘特图（Gantt chart）又称为横道图、条状图(Bar chart)、生产计划进度图。其通过条状图来显示项目，进度，和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特（Henry Laurence Gantt）先生的名字命名。 目前市面上最有名的几个gantt插件占据江湖了非常久远的时间，它们古老又强大。 但无...

最近因为公司业务需求，要对项目组件库作为一个独立的项目库来维护，但是又不影响现有目录结构并且要易于日常多项目共同开发使用。 例如目前有A、B、C、D四个项目，每个项目都有一个组件库，但是每个组件库的组件其实是有相当一部分是重复的，因此想将组件提取出来作为一个单独的项目库来维护，避免每次更新组件都要到四...

用于vue框架的文件管理器插件，云盘。File manager plug-in for vue framework, cloud disk.

wl-address 简介 这是一个基于elementUi的el-select组件的省市县三级地址联动插件，使用本地化数据，无接口依赖。el-select 在线演示 快速上手 npm i wl-address --save 或 npm i wl-address -S import wlAddress from 'wl-address' Vue.use(wlAddress) 文档 | 序号 | 参数 | 说明 | 类型 | 可选值 | 默认值 | | ---- | ...

用于vue框架的树形下拉框及带全选的普通下拉框。 Tree drop-down box for vue framework and ordinary drop-down box with select all. 本组件提供全选下拉框和树形下拉框功能。 wlVueSelect这是一个基于 elementUi 的 el-select 组件的二次封装的下拉框，提供了全选功能和默认选中功能； wlTreeSelect这是一个基于 elem...

因为公司业务使用vue框架，ui库使用的element-ui。在市面上找到一个好用的vue树形穿梭框组件都很难，又不想仅仅因为一个穿梭框在element-ui之外引入其他重量级插件，因此就有了el-tree-transfer。轻量，易用，无需投入其他学习成本。