数组处理的神兵利器-reduce

前言

reduce,这个高级函数,大家最开始应该是用于求和。我也是,仅仅在求和中遇到它。后来数组越来越复杂,想查找简单解决办法的时候发现了这个大杀器的更多使用。现在,它成为了我最爱的高阶函数,没有之一。reduce参数说明我就不多介绍了,下面主要是一些实战小技巧。

1
[1,2,3].reduce((c,n)=>c+n);

Read More

阿里云serverless踏坑之旅

本文总结了使用阿里云severless(以下简称“serverless”)开发时碰到的一些问题以及解决思路,非入门教程,所以建议对Serverless有一定了解或者使用之后再阅读。

Read More

一些有趣的svg效果

原因

原因很简单,我不想成为一个api前端工程师,想能够多学一点。偶尔的喜欢做一些html可能难以完成的效果,去年用canvas写了一份简单的gant图,感觉还不错。后来画流程图的时候搜索各大网站发现都是用svg做的图形而非canvas,于是决定研究一下。本篇算是一个这段时间学习svg效果的自我总结。

svg基础我就不多说了,主要说一下几个好玩的动画效果。

Read More

关于SPA首页骨架屏的思考

1. 起因

最近项目使用了umijs,这是很不错的一个懒人框架,集成了很多功能和配置,并且有一个很完善的脚手架,几乎不需要二次配置,开箱即用。但是某一次我打包发现,umijs几乎将所有代码打包成为一个js文件了。这个js一般情况下会上1024k,这对于网络差的传输时很不客观的。于是我将浏览器的速度调成3g,哟吼吼,一片白,就是这么尴尬。虽然后面可以通过code spliting或者异步路由加载可以缩小js代码,但是还是会存在比较大的js-source文件。这对网络差的环境体检简直差。前端工程师嘛,追求一个更优的用户体验,于是我开始思考怎么解决这个问题。

Read More

一些有趣的滚动效果

从业前端三年,见过不少网页特效(当然我自己没怎么写过,写不出来)。今天主要讲一讲从业以来我所看到的关于滚动的一些小特效(或者说滚动带来的页面效果)。有时候一个页面效果真的可以让人觉得很舒服。

Read More