阳光是sunny

前言 之前看过我文章随手写了个 plugin，就将小程序体积减少了 120k的小伙伴（没看过的也可以了解下前因后果，说不定以后碰到相同的问题，就能按这种方式解决），肯定知道...

为什么要写这些文章呢。正如设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结（来自百度百科）一样，也是想通过分享一些工作...

238. 除自身以外数组的乘积 303. 区域和检索 - 数组不可变 304. 二维区域和检索 - 矩阵不可变 523. 连续的子数组和 525. 连续数组 560. 和为...

做了十几道二分查找的题，一开始做的时候，总是拿不定判断条件，容易陷入死循环。 做到后面发现其实就两种模式。...

前言 async await 语法是 ES7出现的，是基于ES6的 promise和generator实现的 generator函数 在之前我专门讲个generator的使...

[toc] 项目功能介绍 该项目的出发点是获取最新最值得推荐的文章以及面经，供群友们学习使用。带领前端阳光的群友们一起成为技术大佬。 当点击掘金的时候，就会获取掘金当前推荐...

简单的一句概括就是： **flexible.js帮我们计算出1rem 等于多少px**。 怎么计算的？ **很简单，就是1rem = 屏幕宽度的1/10**...

前言 上周优化了个跑马灯，原因是跑马灯的长度太长了，每个item的节点比较多，所以即使限制最多只有50个item，也还是很长很长，有多长可以看看下面 怎么优化呢？看看之前的...

插件介绍 excel-2b-json 插件用于将 google excel 文件转化成 本地json文件。 适用场景： 项目国际化，配置多语言 使用方法 1. 安装exce...

前言 其实这篇文章网上已经有翻译版本，但是读起来明显是机翻的，实在是受不了，于是就用自己的理解翻译了一下 正文 项目要不要加载loading状态通常是在项目完成后才考虑的事...

轮播图经常会在项目里用到，但是实际上用到的轮播图都是比较简单的，没有复杂的特效，这个时候如果去引入swiper那些库的话，未免就有点杀鸡焉用牛刀了。所以不如自己手写一个，而...

1. Webhook是啥？ 简单而言，webhook就是一个监听的钩子，监听你push你的代码到github仓库之后，发起一个请求。这个请求要请求哪里交给你设置要。 主要流...

PerformanceObserver ， 我们可以用它来获取首屏、白屏的时间，就不用再麻烦地手动去计算了。...

产品经理：阳光啊，给项目添加个端外分享的功能吧！我看竞品也有这个功能，把它抄过来吧。你想啊，要是分享的链接展示的图片是一张引人注目的图片，比如黑丝，这不得吸引多少用户点击进...

面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！...

LocalStorage 是HTML5中一个方便使用的 API，它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再...

UI小姐姐问我，能不能做出透明加模糊的背景，我当然是二话不说就说可以。 因为我觉得没有什么是css实现不了的。 更何况我要在她面前展现得我很厉害的样子。...