在项目中，我们或多或少都会经历一些长列表渲染的难题，本篇文章就为大家详细的解析这类场景的解决方案。内容相对易上手，并不涉及复杂的逻辑，效果立竿见影。还等什么呢，快来看看吧。

1. 背景 之前公司项目有一个刮奖小游戏的需求，因此有了本文记录该“刮刮乐”游戏的实现过程。 话不多说，先上 Demo 和 项目源码. 2. 实现 我们创建一个 ScrapAward 类，通过传入 option 和调用其 restart() 方法实现重新开始。 首先合并用户的配…

项目中需要实现一个刮刮卡的模块，项目结束后沉淀项目时刚好可以把刮刮卡模块封装好，在下次新的项目中要用到时，可以更好的提高项目的效率，当然也更好地提供给其他小伙伴使用。 1. 工作流的搭建 执行后，根据组件录入package.json的信息。 在项目这里我选择的是use sass…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，我是阿里巴巴菜鸟网络的其歌，我今天分享的话题虽然名字叫做「沟通型女生如何规划前端职业成长路线」，但是我会帮助各个类型的女生分析之后的职业发展路线和…

“你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。” 现在项目中遇到了，好好回头总结一波Vue生命周期，以后用到的时候再来翻翻。 每个 Vue 实例在被创建时都要经过一系列的初始化过程。 例如：从开始创建、初始化数据、编译模板、挂载Dom、数据…

大家好，我是神三元，今天通过一道面试题来和大家聊一聊webpack。 我相信，尽管很多开发者会根据官方文档进行webpack的相关配置，但仍然并不了解Webpack究竟是起什么作用的，在前端工程化扮演者什么角色，观念仍然简单地停留在“代码打包工具”上。真的是这样吗？ 相信这个定…

起因 多列布局是前端一个经典的反复被提及的面试题目，最典型的即两列，左列定宽菜单栏，右列变宽为内容区域。 通常得到的答案无外乎左列浮动定宽，然后右列或浮动，或设置外边距，或绝对定位等等。偶尔会有面试者给出设置右列overflow属性的答案，心里就会有些惊喜，继而会继续追问，为什么…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

本文详尽介绍了display:grid布局的各个属性，最大的优点在于所有grid相关属性值的样式表现都是实时渲染的，点击不同的属性值，就可以立即实时看到不同的布局效果，非常直观。同时，很多属性的规则描述要比现有的很多文章介绍的要更详尽，对于初学者一定是一个很不错的网格布局学习教程