2018年1月10日
移动端适配之sprite雪碧图背景定位
摘要： 移动端适配一般我会使用rem进行适配，大致操作就是按照一定尺寸设计稿进行制作，最后将所有px值转换为rem，但是一些手机背景精灵图(cssSprite)就会出现一些误差(1px左右)，如果公司要求不高倒也无所谓，但是我不能忍啊。 方法就是利用background-position百分比值替换rem值 阅读全文
posted @ 2018-01-10 15:49 极客小乌龟 阅读(1070) 评论(0) 推荐(0)
Sublime Text常用设置之个人配置
摘要： 一、安装 1、安装包下载： http://www.sublimetext.com/3 (傻瓜式安装) 2、Package Control安装： 1)Ctrl+~或者View——Show Console菜单打开命令行 2)将以下代码输入命令行进行安装 import urllib.request,os, 阅读全文
posted @ 2018-01-10 15:42 极客小乌龟 阅读(778) 评论(0) 推荐(0)
webStorm常用设置之过滤文件夹
摘要： webStorm是一款很好用的前端IDE，但是不能否认的是webStorm很重，没有sublime轻便 尤其是项目cnpm后，加载node_modules时的状态，简直想那块豆腐自杀有莫有，就算你耐心好熬过加载，后面使用也是经常卡死。奔溃中…… 所以忽略node_modules文件夹，让webSto 阅读全文
posted @ 2018-01-10 15:37 极客小乌龟 阅读(2765) 评论(0) 推荐(0)
2018年1月9日
gulp自动化压缩合并、加版本号解决方案
摘要： 虽然网上有很多的 gulp 构建文章，但是很多都已经随着 gulp 插件的更新无法运行了。因此，我写了这个比较简单的构建方案。 虽然网上有很多的 gulp 构建文章，但是很多都已经随着 gulp 插件的更新无法运行了。因此，我写了这个比较简单的构建方案。 如果还不熟悉 gulp 的插件，可以阅读上一 阅读全文
posted @ 2018-01-09 21:28 极客小乌龟 阅读(191) 评论(0) 推荐(0)
利用gulp 插件gulp.spritesmith 完成小图合成精灵图，并自动输出样式文件
摘要： 安装依赖 yarn add gulp yarn add gulp.spritesmith 本次依赖的版本是： "gulp": "^3.9.1" "gulp.spritesmith": "^6.5.1" gulpfile.js的配置 1 2 3 4 5 6 7 8 9 10 11 12 13 14 1 阅读全文
posted @ 2018-01-09 21:21 极客小乌龟 阅读(655) 评论(0) 推荐(2)
gulp插件(8) - gulp-sourcemaps(生成sourcemap)
摘要： 功能描述生成sourcemap文件（什么是sourcemap？请参考，简单讲就是文件压缩后不利于查看与调试，但是有了sourcemap，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码） 插件安装$ cnpm install gulp-sourcemaps --save-dev1使用方法例 阅读全文
posted @ 2018-01-09 21:19 极客小乌龟 阅读(211) 评论(0) 推荐(0)
gulp插件 run-sequence(同步执行任务)
摘要： 功能描述 gulp默认使用最大并发数执行任务，也就是说所有的任务几乎都是同时执行，而不会等待其它任务。但很多时候，任务是需要有先后次序的，比如要先清理目标目录，然后再执行打包。 run-sequence 的作用就是控制多个任务进行顺序执行或者并行执行 gulp-run-sequence 也是实现相同 阅读全文
posted @ 2018-01-09 21:17 极客小乌龟 阅读(1666) 评论(0) 推荐(0)
gulp合并压缩
摘要： 1、文件合并压缩 var concat = require(‘gulp-concat’); //引用 var uglify = require(‘gulp-uglify’); 接下来，只要concat(‘xxx.js’)就算合并了。注意此时只是在内存中生成 前面我们学过管道的概念，因此代码整合非常简 阅读全文
posted @ 2018-01-09 21:10 极客小乌龟 阅读(320) 评论(0) 推荐(0)
2018年1月3日
Freemarker 基础概念
摘要： 一、概述 FreeMarker 是一个模板引擎，一个基于模板生成文本输出的通用工具，使用纯 Java 编写，FreeMarker 被设计用来生成 HTML Web 页面，特别是基于 MVC 模式的应用程序，虽然 FreeMarker 具有一些编程的能力，但通常由 Java 程序准备要显示的数据，由F 阅读全文
posted @ 2018-01-03 15:43 极客小乌龟 阅读(561) 评论(0) 推荐(0)
2017年12月31日
querystring模块详解
摘要： querystring模块用于处理query字符串，包含以下方法： parse、decode escape unescape encode、stringify parse、decode方法 parse与decode方法是一样的，都用于将query字符串解析成对象,例如： > var qs = req 阅读全文
posted @ 2017-12-31 16:05 极客小乌龟 阅读(3528) 评论(2) 推荐(1)