01 2018 档案
摘要：(2017-09-22更新)GitHub：https://github.com/sheefee/simple-sso 一、单系统登录机制 1、http无状态协议 web应用采用browser/server架构，http作为通信协议。http是无状态协议，浏览器的每一次请求，服务器会独立处理，不与之前
阅读全文
摘要：一、Charles是什么？ Charles是在 Mac或Windows下常用的http协议网络包截取工具，是一款屌的不行的抓包工具，在平常的测试与调式过程中，掌握此工具就基本可以不用其他抓包工具了。 二、为什么是Charles？ 为什么要用抓包工具？大家在平常移动App调试测试中是如何进行抓包的？
阅读全文
摘要：一、简介 Charles是目前最强大最流行的http抓包调试工具，Mac、Unix、Windows各个平台都支持。特别是做APP开发，调试与服务端的通信，Charles是必备工具。 目前Charles是收费的，不过可以破解。 Charles下载地址：http://share.weiyun.com/6
阅读全文
摘要：BASE64位转码有两种： 一种是图片转为Base64编码，这种编码是直接可以在页面通过<img src='base64编码'/>的方式显示 Base64 在CSS中的使用 .demoImg{ background-image: url("data:image/jpg;base64,/9j/4QMZ
阅读全文
摘要：匹配符 *、**、！、{} gulp.src('./js/*.js') // * 匹配js文件夹下所有.js格式的文件 gulp.src('./js/**/*.js') // ** 匹配js文件夹的0个或多个子文件夹 gulp.src(['./js/*.js','!./js/index.js'])
阅读全文
摘要：http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs. 如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个. 安装 (全局安装加 -g) : npm install http-server Windows 下使用: 在站点目录下开启命令
阅读全文
摘要：什么是HTTP协议 HTTP（HyperTextTransferProtocol）即超文本传输协议，目前网页传输的的通用协议。HTTP协议采用了请求/响应模型，浏览器或其他客户端发出请求，服务器给与响应。就整个网络资源传输而言，包括message-header和message-body两部分。首先传
阅读全文
摘要：移动端适配一般我会使用rem进行适配，大致操作就是按照一定尺寸设计稿进行制作，最后将所有px值转换为rem，但是一些手机背景精灵图(cssSprite)就会出现一些误差(1px左右)，如果公司要求不高倒也无所谓，但是我不能忍啊。 方法就是利用background-position百分比值替换rem值
阅读全文
摘要：一、安装 1、安装包下载： http://www.sublimetext.com/3 (傻瓜式安装) 2、Package Control安装： 1)Ctrl+~或者View——Show Console菜单打开命令行 2)将以下代码输入命令行进行安装 import urllib.request,os,
阅读全文
摘要：webStorm是一款很好用的前端IDE，但是不能否认的是webStorm很重，没有sublime轻便 尤其是项目cnpm后，加载node_modules时的状态，简直想那块豆腐自杀有莫有，就算你耐心好熬过加载，后面使用也是经常卡死。奔溃中…… 所以忽略node_modules文件夹，让webSto
阅读全文
摘要：虽然网上有很多的 gulp 构建文章，但是很多都已经随着 gulp 插件的更新无法运行了。因此，我写了这个比较简单的构建方案。 虽然网上有很多的 gulp 构建文章，但是很多都已经随着 gulp 插件的更新无法运行了。因此，我写了这个比较简单的构建方案。 如果还不熟悉 gulp 的插件，可以阅读上一
阅读全文
摘要：安装依赖 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
阅读全文
摘要：功能描述生成sourcemap文件（什么是sourcemap？请参考，简单讲就是文件压缩后不利于查看与调试，但是有了sourcemap，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码） 插件安装$ cnpm install gulp-sourcemaps --save-dev1使用方法例
阅读全文
摘要：功能描述 gulp默认使用最大并发数执行任务，也就是说所有的任务几乎都是同时执行，而不会等待其它任务。但很多时候，任务是需要有先后次序的，比如要先清理目标目录，然后再执行打包。 run-sequence 的作用就是控制多个任务进行顺序执行或者并行执行 gulp-run-sequence 也是实现相同
阅读全文
摘要：1、文件合并压缩 var concat = require(‘gulp-concat’); //引用 var uglify = require(‘gulp-uglify’); 接下来，只要concat(‘xxx.js’)就算合并了。注意此时只是在内存中生成 前面我们学过管道的概念，因此代码整合非常简
阅读全文
摘要：一、概述 FreeMarker 是一个模板引擎，一个基于模板生成文本输出的通用工具，使用纯 Java 编写，FreeMarker 被设计用来生成 HTML Web 页面，特别是基于 MVC 模式的应用程序，虽然 FreeMarker 具有一些编程的能力，但通常由 Java 程序准备要显示的数据，由F
阅读全文
