摘要：
背景 最近在用vue重构公司公司AngularJS 1.X项目，老项目身份认证采用的cookie，前端ajax库采用是angularJS的$http/$resource服务，新版采用的是axios，但是发现前端http响应头中少了Set-Cookie属性，同时在浏览器中查询不到cookie信息,服务 阅读全文
摘要：
最近在用element-ui重构前端项目，无意之中翻阅到一个比较好用的组件间通信方式，借助于vue的封装的发布-订阅消息模式与mixin语法。在开始之前先总结下vue常用的组件间通信方式，具体如下： 1、props与自定义事件 优点：常用的父子、子父组件传递方式，简单易懂 缺点：子父、父子之间传参比 阅读全文
摘要：
相信有不少人在开发过程中都遇到一大串的if/else判断，代码又臭又长，而且随着需求的增加与产品的迭代，判断条件可能越来越长，越来越难以维护，有没有什么好的方式去解决这种弊端呢？答案是肯定的，策略模式是一种很好的解决办法，可以帮助我们重构规范业务代码，提高代码的可读性与可维护性。 首先，策略模式什么 阅读全文
摘要：
vue项目前端鉴权方式常用的有以下三种： 1、渲染菜单时控制模块按钮的显示隐藏（不足：直接输入链接仍然可以访问模块） 2、在路由导航守卫中拦截，针对没有权限的模块进行重定向（不足：每次访问模块都需要鉴定权限，模块数量过多时会影响系统性能） 3、借助vue-router 2.x版本新加的API add 阅读全文
摘要：
vue template语法简单明了，数据操作与视图分离，开发体验友好。但是在某些特定场合中，会限制一些功能的扩展，如动态使用过滤器、解析字符串类型的模板文件等。以上功能的实现可以借助vue的render语法，render语法比template更偏底层，允许在HTML中使用js语法，可以极大的扩展H 阅读全文
摘要：
在项目开发中，经常会用到svg图标，之前用的都是vue-svg-icon,最近在npm中搜索svg图标解析插件，发现vue-svgicon用的相对较多，对比以下，vue-svgicon用法较为灵活，方便，基本使用方法如下： 1、安装项目依赖 2、在项目目录中引入svg图片（任意目录） 3、配置svg 阅读全文
摘要：
vue-cli 3.0脚手架初始化项目成功后，如果需要按需引入element-ui,按照官网的教程，会报如下错误： 这个是由于babel编译插件版本问题，需要安装最新的babel编译插件“@babel/preset-env”,执行以下命令： 对应的项目根目录下的babel.config.js需要修改 阅读全文
摘要：
Promise对大家来说并不是很陌生，它是一个异步编程的解决方案，主要解决了前端回调地域问题。用阮老师的话说，它“就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果”。 Promise有三种状态：pending(初始状态)、fulfilled(成功)、reject(失败)，初 阅读全文
摘要：
老生常谈，做一个简单的记录。浏览器自带的checkbox和radio样式可能不符合项目要求，通常要做一些自定义样式设置，目前基本的解决思路都是将input[type=checkbox/radio]隐藏，用label去与input做联动处理，具体实现方法有以下两种： 第一种方式必须要设置元素id，如果 阅读全文
摘要：
ngDraggable.js是一款比较简单实用的angularJS拖拽插件，借助于封装好的一些自定义指令，能够快速的进行一些拖拽应用开发。首先先介绍一些基本的概念; ng-drop:是否允许放入拖拽元素 ng-drop-success($data, $event):拖拽元素放入的回调;$data：放 阅读全文