作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~…

用 CSS 能够做到什么？啥都有可能，看看这一年最美的动效吧，让你感受到帅气的动画哦！

因为闲得慌，一直和朋友在玩你画我猜之类的小游戏，突然想到能不能自己也做一个呢，反正闲着也是闲着，同时正好可以学习一下websocket的用法。 可以看到，整体架构非常简单，仅仅是一台服务器和两个客户端。 WebSocket服务器：提供数据同步，内容分发功能，采用nodejs写成…

过了一段时间，我觉得做一样的答复变得很累。 因此，我决定写下这篇文章。 网上的很多文章或 GitHub 的仓库都有很多学习资源，我也将会放上其中一些资源链接。 但这篇文章会有所不同。 我想握住你的手，带领你一步步走近 Flutterverse，然后让你自己飞翔。 Flutter…

脚手架, 源自于建筑行业, 通俗的讲就是一个项目搭建的工具. 比较熟知的有 vue-cli create-react-app 等等, 这类工具通常以 xxx-cli 命名, 不废话 先甩一个 npm 战绩 小哥哥, 看看这数据, 你到底要还是不要嘛... 创建 bin 目录和 …

由于本人最近在做一些 growth hacking 的工作，业务上以后可能也会涉及去做一些能够在朋友圈火爆分享的 H5 页面，突然想到去年看到一个网易娱乐年度新闻盘点的 H5 页面非常的新颖，采用画中画的形式依次串联十多个手绘娱乐图片，加上洗脑的“好运来”音乐，让人有很大的分享…

每一层渐变都可被当做一张背景图，也就是说每一层渐变都可以指定其position、size、repeat。玩过PS的的同学应该知道图层的概念，咱们的背景图层叠原理也类似（当然，渐变也可以当背景图），控制渐变的大小，哪里需要镂空，以及需要显示的位置、是否平铺，就可以实现大多数场景下…

Visual Studio Code(以下简称vsCode)现在已经渐渐成为前端开发的主力工具，谁让它这么轻便，功能又这么丰富呢。用vscode Coding的小伙伴们也一定会装很多插件吧。但是当你准备更换电脑的时候，是不是为迁移插件和设置而烦恼？我曾经换电脑的时候，把vsCo…

埋点即监控用户在应用表现层的行为，于产品迭代而言至关重要。埋点数据分析是产品需求的 来源，检验功能是否达预期的 佐证。前端较服务端更接近用户，本小白将在此对前端埋点统计方案述说一二。 不同产品对数据的关注角度不同，可按需采集。如信息流产品对停留时长的关注度更高（统计页面访问 &…