Mocha的单元测试实战
摘要：
Mocha "Mocha" 是一个测试框架，为JS应用添加测试。使用见: "mochajs" 。 Mocha结合Nodejs实战 ontstair.js 这里我们使用自定义模块:ontstair.js，代码如下。 现在让我们使用Mocha来测试这个模块。 rewire "rewire" 让我们有能力 阅读全文
posted @ 2017-01-10 16:23 qize 阅读(1619) 评论(0) 推荐(0)
Fis3前端工程化之项目实战
摘要：
Fis3项目 项目目录结构: 项目要求: 1.雪碧图 2.代码模块化 3.预处理 4.md5戳 5.压缩资源 雪碧图 启用雪碧图插件,fis3已内置 设置雪碧图的合并格式 js fis.config.set('settings.spriter.csssprites', { margin: 10, / 阅读全文
posted @ 2017-01-07 14:37 qize 阅读(1921) 评论(0) 推荐(1)
Fis3的前端工程化之路[三大特性篇之声明依赖]
摘要：
"Fis3" 版本:v3.4.22 Fis3的三大特性 资源定位：获取任何开发中所使用资源的线上路径 内容嵌入：把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明：在一个文本文件内标记对其他资源的依赖关系 声明依赖 FIS3 在执行编译的过程中，会扫描这些编译标记，从而 阅读全文
posted @ 2017-01-06 21:58 qize 阅读(997) 评论(0) 推荐(0)
Fis3的前端工程化之路[三大特性篇之资源定位]
摘要：
"Fis3" 版本:v3.4.22 Fis3的三大特性 资源定位：获取任何开发中所使用资源的线上路径 内容嵌入：把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明：在一个文本文件内标记对其他资源的依赖关系 资源定位 资源定位的能力让我们不在关心资源部署到线上之后去了哪里 阅读全文
posted @ 2017-01-06 10:03 qize 阅读(1277) 评论(0) 推荐(0)
Fis3的前端工程化之路[三大特性篇之内容嵌入]
摘要：
"Fis3" 版本:v3.4.22 Fis3的三大特性 资源定位：获取任何开发中所使用资源的线上路径 内容嵌入：把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明：在一个文本文件内标记对其他资源的依赖关系 内容嵌入 嵌入资源即内容嵌入，可以为工程师提供诸如图片base6 阅读全文
posted @ 2017-01-05 18:19 qize 阅读(852) 评论(0) 推荐(0)
Ubuntu下使用nvm
摘要：
写在前面:刚写着写着博客就跨年了，希望新的一年大家万事如意，一切向"前"看! 安装 使用 安装成功后,需要关闭xshell，重新启动。nvm才会生效。 使用 查看nvm是否安装成功 查看已安装 通过 查看已安装的版本 查看有哪些可安装 通过 查看可使用版本 安装nodejs 通过 来安装，后面的版本 阅读全文
posted @ 2017-01-01 00:14 qize 阅读(4108) 评论(0) 推荐(1)
NodeJs之pm2
摘要：
pm2 "pm2" 是一个进程管理工具,可以用它来管理你的node进程，并查看node进程的状态，当然也支持性能监控，进程守护，负载均衡等功能。 开发过程中建议时不时的参看官方详细命令行使用: "命令行" "pm2文档" pm2的安装与使用 安装 需要全局安装 启动进程/应用 [PM2] Start 阅读全文
posted @ 2016-12-22 13:44 qize 阅读(17354) 评论(1) 推荐(3)
Cmder--Windows下命令行利器
摘要：
cmder "cmder" 是一个增强型命令行工具，不仅可以使用windows下的所有命令，更爽的是可以使用linux的命令,shell命令。 安装包 "安装包链接" 下载后，直接解压即用。 修改命令提示符λ为$ 进入解压后的cmder的目录，进入vendor,打开init.bat文件。 修改第15 阅读全文
posted @ 2016-12-19 12:49 qize 阅读(47767) 评论(2) 推荐(1)
Web安全之XSS(Cross Site Scripting)深入理解
摘要：
XSS的含义 XSS(Cross Site Scripting)即跨站脚本。跨站的主要内容是在脚本上。 跨站脚本 跨站脚本的跨，体现了浏览器的特性，可以跨域。所以也就给远程代码或者第三方域上的代码提供了通道。 一般弹窗攻击是无意义的。所以一般都会以脚本的形式嵌入页面。 而不只是 多发于有输入的页面， 阅读全文
posted @ 2016-12-18 17:04 qize 阅读(644) 评论(0) 推荐(0)
NodeJs之log4js
摘要：
log4js "log4js" 是一个管理，记录日志的工具。 其实与 "morgan" 的作用类似。 安装 log4js的6个日志级别 分别是:trace(蓝色)、debug(青色)、info(绿色)、warn(黄色)、error(红色)、fatal(粉色) 这6个level方便我们给日志设置不同的 阅读全文
posted @ 2016-12-11 18:59 qize 阅读(7449) 评论(0) 推荐(0)
NodeJs之OS
摘要：
NodeJs版本:4.4.4 OS Node.js提供了一些基本的底层操作系统的模块 "OS" . API 阅读全文
posted @ 2016-12-10 16:23 qize 阅读(902) 评论(0) 推荐(0)
NodeJs之Path
摘要：
NodeJs版本:4.4.4 Path模块 NodeJs提供的 "Path" 模块，使得我们可以对文件路径进行简单的操作。 API 阅读全文
posted @ 2016-12-10 16:11 qize 阅读(519) 评论(0) 推荐(0)
Sublime Text3安装JsHint
摘要：
介绍 Sublime Text3使用jshint依赖Nodejs,SublimeLinter和Sublimelinter jshint。 NodeJs的安装省略。 安装SublimeLinter Sublime的包管理器安装SublimeLinter。 安装成功后如下: js Package Con 阅读全文
posted @ 2016-12-08 22:08 qize 阅读(1610) 评论(0) 推荐(0)
带你开始进入NPM的世界之NPM包的开发
摘要：
个人开发包的目录结构 开发步骤 注册 "npmjs" 命令行添加user 注册成功后，在命令行执行 依次填完回车。 whoami 上面的填写完后，命令行输入 说明成功了。 npm publish 最后发布至npmjs上 出现下面类似的版本号就成功了 index.js的编写 安装&使用 可能遇到的问题 阅读全文
posted @ 2016-12-06 18:17 qize 阅读(1119) 评论(0) 推荐(0)
Travis CI用来持续集成你的项目
摘要：
这里持续集成基于GitHub搭建的博客为项目 工具: Travis CI简介 Travis CI 是目前新兴的开源持续集成构建项目，它与jenkins，GO的很明显的特别在于采用yaml格式，简洁清新独树一帜。目前大多数的github项目都已经移入到Travis CI的构建队列中，据说Travis 阅读全文
posted @ 2016-12-04 23:24 qize 阅读(11701) 评论(0) 推荐(4)
NodeJs在Linux下使用的各种问题
摘要：
环境:ubuntu16.04 ubuntu中安装NodeJs 通过apt get命令安装后发现只能使用nodejs，而没有node命令 如果想避免这种情况请看下面连接的这种安装方式： 拓展见: "Linux下Nodejs安装（完整详细）" 如果想解决问题的话,输入下面的命令即可 npm intsal 阅读全文
posted @ 2016-11-29 22:12 qize 阅读(7477) 评论(0) 推荐(0)
Fis3的前端模块化之路[基础篇]
摘要：
"Fis3" 版本:v3.4.22 fis3是一个构建工具 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题。 安装 运行 输出 说明安装成功。 基本使用 查看有哪些命令 构建命令 fis3构建项目的时候有个特点：就是不会去更改源文件，而是重新生成文件 调试相关命令 阅读全文
posted @ 2016-11-25 11:31 qize 阅读(1948) 评论(0) 推荐(0)
NodeJs之child_process
摘要：
一.child_process child_process是NodeJs的重要模块。帮助我们创建多进程任务，更好的利用了计算机的多核性能。 当然也支持线程间的通信。 二.child_process的几个API 异步： child_process.exec(command[, options][, c 阅读全文
posted @ 2016-11-19 14:43 qize 阅读(5055) 评论(1) 推荐(1)
Restful资源文章
摘要：
理解RESTful架构 RESTful API设计指南 RESTful架构详解 NodeJs的RESTful API 阅读全文
posted @ 2016-11-15 21:49 qize 阅读(216) 评论(0) 推荐(0)
Jade模板引擎让你飞
摘要：
写在前面:现在jade改名成pug了 一.安装 二.基本使用 1.简单使用 渲染后: jade安装成功后,进入node命令使用。 2.jade.compile:编译字符窜 3.jade.compileFile:编译jade文件 4.jade.render:渲染html 5.jade.renderFi 阅读全文
posted @ 2016-11-13 14:40 qize 阅读(3222) 评论(0) 推荐(1)
CSS中易忽略的点
摘要：
一.使用斜杠/分割的关键字 1.font 分割的分别是 字体大小 与 行高 ,其他关键是用空白符分割。 2.background 分割的是background-position/background-size 3.border-radius 分隔的是:水平半径/垂直半径 二.布局 注意父元素的定位方 阅读全文
posted @ 2016-10-29 16:19 qize 阅读(895) 评论(2) 推荐(1)
前端开发中SEO的十二条总结
摘要：
一. 合理使用title, description, keywords二. 合理使用h1 - h6, h1标签的权重很高, 注意使用频率三. 列表代码使用ul, 重要文字使用strong标签四. 图片添加alt属性, title可选。 img最好加上宽, 高利于加载五. 重要代码在前面， 通过css 阅读全文
posted @ 2016-10-28 14:55 qize 阅读(663) 评论(0) 推荐(0)
理解捕获,目标,冒泡三个阶段
摘要：
1.事件的三个阶段 捕获(IE8及以下版本不支持)，目标，冒泡 捕获阶段给事件截获提供了可行性。 2.冒泡阶段触发事件 点击body区域:alert(1) 点击all区域:alert(2) alert(1) 3.捕获阶段触发事件 4.看图说话 当点击目标元素的时候都是这三步，唯一的区别是你控制事件触 阅读全文
posted @ 2016-10-05 13:13 qize 阅读(11020) 评论(1) 推荐(3)
事件的截获
摘要：
1.事件截获原理 利用事件的捕获阶段，添加事件。 再利用触发事件元素(e.target)来判断(根据一定的标识或者某些特征)是否是我们需要劫持的dom。 2.具体拦截 这里使用id作为一个判断根据，真实场景中肯定不是这样的。 这里的特征是需要根据一定的规则去寻找的。(这里只是为了演示原理) 当我们点 阅读全文
posted @ 2016-10-03 18:43 qize 阅读(548) 评论(0) 推荐(0)
页面嵌入dom与被嵌入iframe的攻防
摘要：
1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中 通过顶层框架的判断,得知自己所在的框架是否是顶层框架。来判断自己页面所在的情况。 知识点:不同域中的iframe不能相互访问。 比如我们的页面在别人的页面iframe中，我们的页面跟别人的页面就在不同的域中。 这时候我们通过window 阅读全文
posted @ 2016-09-26 11:37 qize 阅读(1259) 评论(0) 推荐(0)
浙公网安备 33010602011771号