qize - 博客园

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 阅读(996) 评论(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 阅读(850) 评论(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 阅读(17353) 评论(1) 推荐(3)

Cmder--Windows下命令行利器

摘要： cmder "cmder" 是一个增强型命令行工具，不仅可以使用windows下的所有命令，更爽的是可以使用linux的命令,shell命令。安装包 "安装包链接" 下载后，直接解压即用。修改命令提示符λ为$ 进入解压后的cmder的目录，进入vendor,打开init.bat文件。修改第15 阅读全文

posted @ 2016-12-19 12:49 qize 阅读(47764) 评论(2) 推荐(1)

Web安全之XSS(Cross Site Scripting)深入理解

摘要： XSS的含义 XSS(Cross Site Scripting)即跨站脚本。跨站的主要内容是在脚本上。跨站脚本跨站脚本的跨，体现了浏览器的特性，可以跨域。所以也就给远程代码或者第三方域上的代码提供了通道。一般弹窗攻击是无意义的。所以一般都会以脚本的形式嵌入页面。而不只是多发于有输入的页面，阅读全文

posted @ 2016-12-18 17:04 qize 阅读(643) 评论(0) 推荐(0)

NodeJs之log4js

摘要： log4js "log4js" 是一个管理，记录日志的工具。其实与 "morgan" 的作用类似。安装 log4js的6个日志级别分别是:trace(蓝色)、debug(青色)、info(绿色)、warn(黄色)、error(红色)、fatal(粉色) 这6个level方便我们给日志设置不同的阅读全文

posted @ 2016-12-11 18:59 qize 阅读(7448) 评论(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 阅读(1609) 评论(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 阅读(11700) 评论(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 阅读(1947) 评论(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 阅读(5053) 评论(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 阅读(3221) 评论(0) 推荐(1)

CSS中易忽略的点

摘要：一.使用斜杠/分割的关键字 1.font 分割的分别是字体大小与行高 ,其他关键是用空白符分割。 2.background 分割的是background-position/background-size 3.border-radius 分隔的是:水平半径/垂直半径二.布局注意父元素的定位方阅读全文

posted @ 2016-10-29 16:19 qize 阅读(893) 评论(2) 推荐(1)

前端开发中SEO的十二条总结

摘要：一. 合理使用title, description, keywords二. 合理使用h1 - h6, h1标签的权重很高, 注意使用频率三. 列表代码使用ul, 重要文字使用strong标签四. 图片添加alt属性, title可选。 img最好加上宽, 高利于加载五. 重要代码在前面，通过css 阅读全文

posted @ 2016-10-28 14:55 qize 阅读(661) 评论(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 阅读(547) 评论(0) 推荐(0)

页面嵌入dom与被嵌入iframe的攻防

摘要： 1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中通过顶层框架的判断,得知自己所在的框架是否是顶层框架。来判断自己页面所在的情况。知识点:不同域中的iframe不能相互访问。比如我们的页面在别人的页面iframe中，我们的页面跟别人的页面就在不同的域中。这时候我们通过window 阅读全文

posted @ 2016-09-26 11:37 qize 阅读(1259) 评论(0) 推荐(0)