摘要：
昨天 UI 提交过来一个登录页的设计稿，要求背景有一个流星雨动画，做完之后觉得挺有趣，分享一下~ 一、流星动画 首先创建一个 div 作为画布 为了防止浏览器分辨率太大而影响视觉效果，给画布加了 max-width 和 margin:auto 然后画出流星的形状 创建动画，实现流星划过、渐入渐隐的效 阅读全文
摘要：
问题描述： 在子组件中使用 $emit 创建自定义事件 SaveStaff，但是在父组件中无法触发 分析原因： Vue 的官方文档对自定义事件的事件名有做说明： 不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。 如果触发一个 camel 阅读全文
摘要：
在饱受 var 的折磨之后，ES6 终于推出了新的定义变量的方法：let 和 const 和 var 相比，let 和 const 有了自己的作用域，let 用于定义变量，而 const 用于定义常量 但在实际工作中，它们常常有一些出人意料的表现，今天就先说说 “常量” const 上面的示例十分很 阅读全文
摘要：
最近项目中需要使用 js 获取鼠标位置，本以为十分简单，直接返回 clientX 和 clientY 不就完了么 结果实际开发的时候，在火狐浏览器中遇到了兼容性问题，这里就和大家分享一下 一、获取鼠标的位置 如果只考虑谷歌浏览器，直接获取 window.event 的 clientX 和 clien 阅读全文
摘要：
问题描述： 使用 axios 请求数据的时候，已经请求成功，返回的参数也正确。但打印出来的时候就变成了空对象。 分析原因： 返回的参数都是正确的，只是打印的时候有问题，所以是打印的代码有误 查了一下 axios 的官方文档，才知道 console.log 的变量与字符串之间不能用 '+' 连接，应该 阅读全文
摘要：
感谢 BeArchitect 的技术支持 问题描述： 使用 Vue-cli 创建的项目，开发地址是 localhost:8023，需要访问 localhost:9000 上的接口 分析原因： 不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置 不过 Vue-cli 创建的项 阅读全文
摘要：
在后台管理系统中，图表是一个很普遍的元素。目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。 一、安装插件 使用 cnpm 安装 Echarts 和之前介绍的 axios 类似，echarts 也不能通过 Vue.us 阅读全文
摘要：
最近面了好几个前端，工作经验有高有低，居然都不知道绝对底部是什么，也没有人能说出一种实现方式，让我不禁感慨前端领域的良莠不齐 绝对底部，或者说 Sticky Footer，是一种古老且经典的页面效果： 当页面内容超出屏幕，页脚模块会像正常页面一样，被推到内容下方，需要拖动滚动条才能看到 而当页面内容 阅读全文
摘要：
前几天做项目的时候，需要实现一个动态锚点的效果 如果是传统项目，这个效果就非常简单。但是放到 Vue 中，就有两大难题： 1. 在没有 jQuery 的 animate() 方法的情况下，如何实现平滑滚动？ 2. 如何监听页面滚动事件？ 在浏览了大量文章、进行多次尝试之后，终于解决了这些问题 期间主 阅读全文
摘要：
ECMAScript 6已经逐渐普及，经过二十多年的改进，很多功能也有了更成熟的语句，比如 for 循环 这篇博客将介绍一下从最初的 for 循环，到 ES6 的 for-of 等四种遍历方法 先定义一个数组： 在控制台中打印这个数组，会看到这个数组的全貌： 一、 for 相信大部分开发工作者，最初 阅读全文