【项目背景】最近要求做一个Excel表格上传下载的前端页面，第一次学Vue，Element-UI框架真的用起来很方便，封装了各种基础组件，很适合小白入门开发学习。Element-UI：https://element.eleme.cn/#/zh-CN最终效果如下，为降低用户上传错误数据的概率，先提供一下下载模板，然后再让用户上传。【程序结构】#1-> 文件下载下载一般分两种情况，一种是去后台请

【项目背景】考虑登录时的验证安全，需要添加验证码验证，纯前端实现的验证码其实没有真正意义上做到安全验证的要求，简单一个网页爬虫就能获取到前端生成的验证码，所以应该由后台生成验证码，并由后台完成校验过程。【实现思路】登录页面初始化的时候，向后台请求返回base64格式的图片流，渲染到验证码控件上，前端用户输入验证码提交到后台进行对比校验。【实现过程】Spring Boot 后端代码#1#->

最近在研究富文本编辑器，要求直接从Excel表格粘贴复制到编辑器中，并成功渲染出表格样式在vue中渲染一段纯HTML一般会采用v-html，但是这种方式下所有样式都会失效<div v-html="this.editorData" class="content-html"></div><style scoped lang="less">.content-html{

【代码背景】最近写了10+表，上线以后时不时要改需求，一旦改动就是10+的工作量，所以决定把表格抽离出来单独写个组件，方便以后复用修改，这应该是写过最复杂的组件封装了，特此记录，小白一枚，接触vue也没多久，欢迎大家学习交流哦。开发环境：vue + element ui【准备工作】封装组件的目的是方便复用，也就是多个地方引用相同或相似的组件功能，所以在封装之前一定要弄清楚，针对目前的Table需要

【原因】vue项目复制到其他路径下，无法正常启动，原因是原地址编译后npm会有缓存，而这个缓存新地址的缓存不一致，才会导致编译出错。【解决方法】1. 删除项目里的node_modules文件夹注意没法手动删除node_modules文件夹，需要专门的删除工具辅助安装全局的rimrafnpm install rimraf -g执行删除命令rimraf node_modules2. 执行 npm in

传统用户名+密码+验证码的登录模式已经令人厌烦了，手机APP扫码登录才是顺应潮流，原本以为很复杂，查了一些资料，后来发现其实实现逻辑很简单，特此记录一下，以后可能会经常用到。

最近在做一个移动端的项目，使用了京东开发的UI框架NutUI，官网地址：http://nutui.jd.com/#/index，统一的京东式电商风格，组件丰富度一般，没有Grid，没有Panel，写一些基础样式还是可以的，但是bug挺多的，没耐心的建议谨慎入坑。有一个需求展示模型得分，当时决定用圆形进度条来表现，官网给的demo如下：但是在本地开发中，浏览器进行模拟调试的时候，显示一切正常，在手机

业务需求，多页面业务场景共用同一个模板，换不同路由地址请求，在同一个页面模板上返回不同数据。[index.js]设置多个路由指向同一页面，注意path和name必须具有唯一性{path: '/column',name: 'column',component: () => import('../components/partycolumn/ColumnPage')},{path: '/colu

【项目背景】最近要求做一个Excel表格上传下载的前端页面，第一次学Vue，Element-UI框架真的用起来很方便，封装了各种基础组件，很适合小白入门开发学习。Element-UI：https://element.eleme.cn/#/zh-CN最终效果如下，为降低用户上传错误数据的概率，先提供一下下载模板，然后再让用户上传。【程序结构】#1-> 文件下载下载一般分两种情况，一种是去后台请

【代码背景】有这样一个业务需求场景，有大概十几张表归属于某个类别，用户希望在同一个页面，通过选择不同的查询指标展示不同的表格，这些表的表头样式类似但是又不完全相同，怎么做呢？到目前为止所有基于Element UI的表格样式都是直接在页面写死的，像官方这样：<el-table :data="tableData" style="width: 100%"><el-table-colum