前端常见项目涉及技术解决方案 跨域、轮播、图片懒加载、单点登录、水印、文件上传、文件下载、二维码登录、滚动加载、大数据渲染...

背景 近期公司投放在展厅大屏中演示的大数据页面，出现了文字、图表、表格等多类组件显示错乱的情况。 目的 解决页面错乱问题，实现多种分辨率的大屏适配 入坑分析 俗话说的好，走过的最多路，就是网友们套路

在开发模式下请求数据多少会涉及到它里面提供的devServe.proxy即Node.js的反向代理中间件。 Node.js代理很简单。轻松的配置代理服务器中间件连接，快递，浏览器同步以及更多。 假设当我们访问/api135/abc时，也就是真实地址B服务器/api/abc。 此…

后端生成当前用户相应的路由后由前端（用 Vue Router 提供的API）addRoutes 动态加载路由。 前端写好所有的路由，后端返回当前用户的角色，然后根据事先约定好的每个角色拥有哪些路由对角色的路由进行分配。 第二种，相对于第一种，前端相对会自由一些，但是如果角色权限…

canvas.toDataURL('image/jpg') 是将canvas转成base64图片格式。

最近接到一个需求，中途需要动态设置滚动条的scrolltop值，发现在PC上都没问题，然而上测试环境，各种问题，页面老是不按照设想的那样，最终发现是移动端对滚动条的处理不一致导致。 DEMO： 监听滚动条事件 PC上： 手机上： 看到了吗，就是折磨啃爹，所以移动端需要设置滚动条…

vue-element-admin是vue生态圈中，最火的一个后台管理框架。基于vue和element-ui实现。 这篇文章主要会讲解登陆的流程以及我认为这个框架的厉害的东西：动态路由，之前看代码的时候，总想着一个登陆搞那么麻烦，后面仔细品味发现原来一个小小的登陆功能涉及到了这…