H_fans

19世纪著名的印象派画家莫奈，喜欢对着同一处景物，分别画出对象在不同时间，不同光线下的色彩变化。 带着这个想法，我分别选用目前最火的Vue/React/Angular三大框架，去实现一个简单的Pagination分页组件。 页码太多时显示更多页码按钮，点击更多页码按钮跳转5页。…

性能优化是所有前端人的追求，在这条路上，方法多种多样。这篇文章，说一下可以怎样定义性能指标及上报。 FP，全称 First Paint，翻译为首次绘制,是时间线上的第一个时间点，它代表网页的第一个像素渲染到屏幕上所用时间，也就是页面在屏幕上首次发生视觉变化的时间。 通过perf…

世界上没有一种可以各个领域通吃的语言，为了应对不同的场景和需求，我们摆脱不了要学习一门新的语言。最近准备入坑 Flutter(技术储备)，学了点 Dart, 一点心得分享给大家。 1. 假定前提 2. 基本原则 3. 基本姿势 1. 假定前提 我想看这篇文章的应该都是程序员了吧…

通常情况下，一些简单操作是香的。但是建议你不要越过命令行这座山而直接去使用 GUI。(而且强烈建议学习一下 Git 的原理) 先不论 GUI 是否支持复杂的操作，当你在实际工作中遇到问题的时候，可能你无法找到 GUI 的解决方案，因为搜索引擎查出来的都是命令行。而且命令行的错误…

一般遇到动画第一反应是使用gif动态图，由UI小姐姐直接做好gif放到页面上就可以了。但是在这个需求中，动画是运行在半透明弹出层上，而gif不支持alpha通道，而且在本页面的需求中需要在动画结束后进行后续的逻辑操作，gif不能有效的监听动画完成事件。 首先，去github仓库…

如果你一直在阅读有关"props"内容，你会发现我们可能也一直在使用它们（即使没有意识到），但也许你并不完全确定它们是什么。或者如何正确使用它们，并充分利用它们。 当你读完这篇指南时，你就会知道成为一名高效的Vue开发者所需要知道的关于props的一切。 props 是我们在不…

咱使用 Vue + ECharts + ElementUI 来打造份在线个人简历，并将它部署到 GitHub Pages 上来展示吧！

在做项目的时候，我们经常会用到nextTick，简单的理解就是它就是一个setTimeout函数，将函数放到异步后去处理；将它替换成setTimeout好像也能跑起来，但它仅仅这么简单吗？那为什么我们不直接用setTimeout呢？让我们深入剖析一下。 记得之前有一个需求，就是…

回顾2019年前端和Web开发的主要事件，新闻和趋势。 在过去的一年中，前端开发的世界再次迅速发展，本文总结了`2019·年以来的所有重要事件，新闻和趋势。 原先没有打算翻译这篇，但发现该篇需要科学上网和会员，于是就加上自己的理解，意译了，非重要内容我直接一键翻译了，嘿嘿。 原…