请使用firefox,chrome等最新浏览器浏览本站。

svg sprite以及自定义主题探索

最近业务开发中遇到了一些svg相关的问题, 比如svg <use>的内容如何实现主题自定义? svg sprite如何与项目结合使用?现在对遇到的问题以及解决方案做一下总结。 先来说一下svg相关的特性: svg简介 svg即可缩放矢量图形 (Scalable Vector Graphics)的简称,是一种用来描述二维矢量图形的XML标记语言。……继续阅读 »

阿豹 8个月前 (03-18) 229浏览 1评论 1个赞

前端开发规范-gulp实现前端自动化

我们使用gulp实现的功能有: html压缩 css压缩合并 js压缩合并 sass/less编译css 图片压缩(包括PNG、JPEG、GIF和SVG图片) 静态资源添加版本号 上传ftp/sftp 建立web服务器 文件结构如下图: package.json配置: { "name": "projectName", "version": ……继续阅读 »

阿豹 2年前 (2016-07-04) 511浏览 0评论 22个赞

position:sticky实现粘性布局

网站中,通常我们会把用户最常用到或者我们希望用户注意到的内容一直展现在窗口的可视区域,让用户能够一眼就看到。经常用到一种页面滚动然后元素固定在窗口的某个位置的布局方式。要实现这种布局通常我们会使用js监听window的scroll事件,当需要固定的元素滚动到窗口顶部时,把元素的position属性设置为fixed,否则,取消fixed,简单的js代码如下: ……继续阅读 »

阿豹 3年前 (2016-04-12) 387浏览 0评论 9个赞