使用vue框架开发时，很多人会选择vue官方提供的cli脚手架，最新的cli已经更新到3.0完全无配置，只需下载就能方便的使用vuecli构建的项目工程，但基础的cli并不能满足正常的项目开发，在开发中我们需要根据自己的习惯和业务功能而添加些基础功能。

咔咔出行（出行可视化） 项目简介 解决出行问题，用于出行行程记录，路线规划，数据可视化分析的移动端webapp 点击这里查看该项目 项目截图 私人出行公共交通历史列表我的信息 技术栈 前端：移动端，vue全家桶，Mand组件库，Echarts.js，Scss 后端：Node，Express框架，高德地图API 数据库：Mysql 功能模块 个人出行 用...

需求 为了防止截图等安全问题，在web项目页面中生成一个平铺全屏的水印 要求水印内容为用户名，水印节点用户不能通过开发者工具等删除 效果 如上图 在body节点下插入水印DOM节点，水印节点覆盖在页面最上层但不影响页面正常操作 在通过js或者用户通过开发者工具删除或修改水印节点时自动复原 原理 通过canvas画出节点需...

背景 个人背景 就读于东北某普通二本院校计算机软件工程专业，现大四，北京实习 前端方向，自学，vue技术栈 时间背景 大概是在11月9日准备好简历开始投递 秋招差不多已经结束招聘岗位不多，投递对象为大一些的互联网公司 事件背景 第一个入职的是好未来的前端实习岗，待遇工作环境都不错，与个人技术比较符合没有多少上...

组件间的通信是是实际开发中非常常用的一环，如何使用对项目整体设计、开发、规范都有很实际的的作用，我在项目开发中对此深有体会，总结下vue组件间通信的几种方式，讨论下各自的使用场景

如题，vue的生命周期是vue理解的重要一环，弄明白它不只会加深对vue的理解，在实际开发中也会更加得心应手，在此记录写项目开发中体会到的一些经验，只是总结 并不全面，想要详细学习网上关于vue生命周期学习的文章很丰富

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库，如 Velocity.js

如上图场景下，每当改变搜索框内的内容时，都会实时进行Ajax请求，并把响应数据渲染到页面，，用户为输入想要搜索的内容可能需要多次输入，每次都去请求会造成一些不必要的浪费