SF
animabear
animabear
注册登录
关注博客
注册登录
主页
关于
RSS
SVG Sprite 技术实践
animabear
2016-08-08
阅读 2 分钟
7.3k
SVG Sprite(这里特指基于svg symbol)作为传统css sprite和icon font的替代方案,在现代浏览器(ie9+)上能够正常运行,关于它的技术背景、特点和降级方案等不再赘述,可以参考以下几篇文章,写的都非常不错:
简单的js异步文件加载器
animabear
2015-12-30
阅读 3 分钟
6.3k
我们经常会遇到这种场景,某些页面依赖第三方的插件,而这些插件比较大,不适合打包到页面的主js里(假设我们使用的是cmd的方式,js会打包成一个文件),那么这个时候我们通常会异步获取这些插件文件,并在下载完成后完成初始化的逻辑。
用gulp替代fekit构建前端项目
animabear
2015-08-06
阅读 6 分钟
11.8k
离开qunar有一个多月了,在离开的时候就决定不再用fekit。做出这个决定并不是因为fekit不好,恰恰相反,fekit帮我们做了很多事情,还屏蔽了许多细节,让开发人员能够专注于开发过程。不过随着fekit的升级,也出现了一些问题,同时fekit和公司业务及发布流程有一定耦合,所以觉得采用开源的构建方案。
gulp构建之mock data(模拟数据、转发请求)
animabear
2015-04-12
阅读 4 分钟
13k
分割线以下是原来写的,其实mock的原理非常简单,就是拦截请求“转发”到本地文件,所谓转发,其实就是读取本地mock文件,并以json或者script等格式返回给浏览器。之前的实现方式有一个问题,因为mock文件是require进来的,所以每当修改mock文件后,需要重启服务,其实换个思路,我们从文件里面读数据不久行了么?
打造自己的html5视频播放器
animabear
2014-01-07
阅读 7 分钟
49.2k
前段时间重新学习了一下html5的video部分,以前只是停留在标签的使用上,这一次决定深入了解相关的API,并运用这些API打造一个简单的视频播放器。所谓“打造自己的”,就是要自己重写video标签的控制栏部分,实现包括播放、暂停、进度和音量控制、全屏等功能,并自定义控制栏的样式。
缓存的故事
animabear
2014-01-02
阅读 2 分钟
6.8k
前几天按照Node.js中文社区上的教程,用Node.js搭了一个简单的静态文件服务器,其中有一个功能是提供缓存支持,在实践这一部分的过程中,我重新学习了缓存的相关知识,在这里作简单的梳理。