更好的 box-shadow 动画

引子

某日移动端有一需求:要求一 App Logo 有一层外阴影闪动效果,实现起来倒也不复杂。简单粗暴直接在 keyframes 中定义 box-shadow 动画即可交差,最终代码如下:

Read More »

移动端浏览器兼容问题汇总

移动端浏览器兼容问题汇总

大概两年前做过一年微信宣传页(也就是俗称的 H5 )开发,期间遇到一系列 Bug,现总结成文,由于时间较久远,能回忆起的不多了,现拼凑记忆记录如下,防止遗忘。

Read More »

TypeScript Learning

TypeScript 是 JavaScript 类型的超集,它可以编译成纯 JavaScript。
typescript-learning
Read More »

Mocha learning

mocha 是一款测试框架,支持node端与浏览器端的测试框架。

mocha

Read More »

macOS 下安装 Sass 失败

某日在使用 Koala 编译时 Sass 报错,之前一直正常使用,回忆起前两天系统更新到 macOS High Sierra 猜测症结在此。为了解决这个问题花了我一个多小时,甚至差点耽误项目上线,实在可恶,在此记录一下。
macOS High Sierra

Read More »

Web Storage Learning

Cookies 作为客户端与服务器交互的通道,保持客户端状态,本来就不是设计同来做前端本地存储的,所以其用于做前端本地存储本身缺陷挺多的:

  1. Cookie 会被附加在每个 HTTP 请求中,所以无形中增加了流量。
  2. 由于在 HTTP 请求中的 Cookie 是明文传递的,所以安全性成问题,除非用 HTTPS。
  3. Cookie 的大小限制在 4KB 左右,对于复杂的存储需求来说是不够用的。

WebStorage 是 HTML5 新增的本地存储解决方案之一,其分为 localStorage 和 sessionStorage,结合当前的浏览器份额来看,兼容性问题已经很小了。

Read More »