2017 年 1月随笔档案 - qize

图片上传之FileAPI与NodeJs

摘要：HTML5之fileAPI HTML5之fileAPI使得我们处理图片上传更加简单。实例 html代码效果: 这里我们可以通过来获取到图片的信息。这里有 ,`size type`这几个我们常用的属性。实现预览选择好图片后，我们都希望会有个预览功能。这个html5也为我们想到了。他提供了阅读全文

posted @ 2017-01-24 10:11 qize 阅读(3300) 评论(2) 推荐(1) 编辑

Git的基本操作

摘要：基本操作安装与配置 init add与commit git add 快照的内容写入缓存区 git commit 将缓存区内容添加到仓库中。 clone vim 状态的意思是，这个文件在我们将它添加到缓存之后又有改动 status diff 尚未缓存的改动：git diff 查看已缓存的改动： gi 阅读全文

posted @ 2017-01-21 19:27 qize 阅读(1630) 评论(0) 推荐(1) 编辑

页面图片懒加载原理

摘要：图片懒加载演示代码： "lazyload" 在这方面大名鼎鼎的jQuery插件: "jquery.lazyload.js" ,是我们做页面懒加载优化的首选。当然大神的源码也很简洁。原理实现本人不才，请忽略本人的粗鄙代码(兼容性，完备性，健壮性可自行实现)，重在思路。判断图片是否在可视区域内阅读全文

posted @ 2017-01-19 16:50 qize 阅读(1826) 评论(2) 推荐(0) 编辑

JavaScript原生的节点操作

摘要：前言：原生是Javascript的基础，还是需要多多重视，时间长都忘记了，现在整理一下。获取子节点 1. children 不是标准的dom属性，但是几乎被所有浏览器支持。不包含文本节点. 注意：在IE中，children包含注释节点。 2. childNodes 是标准属性。返回所有子节点。包括阅读全文

posted @ 2017-01-17 17:11 qize 阅读(3983) 评论(0) 推荐(0) 编辑

NodeJs之调试

摘要：关于调试当我们只专注于前端的时候，我们习惯性F12，这会给我们带来安全与舒心的感觉。但是当我们使用NodeJs来开发后台的时候，我想噩梦来了。但是也别泰国担心，NodeJs的调试是很不方便！这是肯定的。但是还好，我们有 "node inspector" 来帮助我们解决一部分的调试问题，但是对阅读全文

posted @ 2017-01-15 17:28 qize 阅读(2828) 评论(0) 推荐(0) 编辑

document.referrer之隐藏来源

摘要：document.referrer document.referrer是用来获取跳转链接的来源，正规的解释是:referrer 属性可返回载入当前文档的文档的 URL。实际中使用在广告相关业务中较多，包括推广等。举个例子：比如我们从百度中跳转到w3c，那我们从w3c中可以获取到referr 阅读全文

posted @ 2017-01-15 10:35 qize 阅读(3461) 评论(0) 推荐(1) 编辑

CentOS下使用NVM

摘要：查看CentOS版本安装epel源 32位系统选择： rpm ivh http://dl.fedoraproject.org/pub/epel/6/i386/epel release 6 8.noarch.rpm rpm ivh http://dl.fedoraproject.org/pub/ep 阅读全文

posted @ 2017-01-14 18:07 qize 阅读(9340) 评论(0) 推荐(2) 编辑

NodeJs之进程守护

摘要：进程守护由于nodejs的单线程的脆弱性，一旦遇到运行错误便会严重到退出node进程导致系统或应用瘫痪，所以 "pm2" , "forever" 出现了，帮助我们实现进程的重启，这只是他们的特性之一。实例演示进程退出遇到错误，进程退出。我们请求localhost:80 使用curl来请求: 阅读全文

posted @ 2017-01-11 15:05 qize 阅读(4821) 评论(2) 推荐(1) 编辑

Mocha的单元测试实战

摘要：Mocha "Mocha" 是一个测试框架，为JS应用添加测试。使用见: "mochajs" 。 Mocha结合Nodejs实战 ontstair.js 这里我们使用自定义模块:ontstair.js，代码如下。现在让我们使用Mocha来测试这个模块。 rewire "rewire" 让我们有能力阅读全文

posted @ 2017-01-10 16:23 qize 阅读(1603) 评论(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 阅读(1910) 评论(0) 推荐(1) 编辑

Fis3的前端工程化之路[三大特性篇之声明依赖]

摘要："Fis3" 版本:v3.4.22 Fis3的三大特性资源定位：获取任何开发中所使用资源的线上路径内容嵌入：把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中依赖声明：在一个文本文件内标记对其他资源的依赖关系声明依赖 FIS3 在执行编译的过程中，会扫描这些编译标记，从而阅读全文

posted @ 2017-01-06 21:58 qize 阅读(986) 评论(0) 推荐(0) 编辑

Fis3的前端工程化之路[三大特性篇之资源定位]

摘要："Fis3" 版本:v3.4.22 Fis3的三大特性资源定位：获取任何开发中所使用资源的线上路径内容嵌入：把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中依赖声明：在一个文本文件内标记对其他资源的依赖关系资源定位资源定位的能力让我们不在关心资源部署到线上之后去了哪里阅读全文

posted @ 2017-01-06 10:03 qize 阅读(1268) 评论(0) 推荐(0) 编辑

Fis3的前端工程化之路[三大特性篇之内容嵌入]

摘要："Fis3" 版本:v3.4.22 Fis3的三大特性资源定位：获取任何开发中所使用资源的线上路径内容嵌入：把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中依赖声明：在一个文本文件内标记对其他资源的依赖关系内容嵌入嵌入资源即内容嵌入，可以为工程师提供诸如图片base6 阅读全文

posted @ 2017-01-05 18:19 qize 阅读(845) 评论(0) 推荐(0) 编辑

Ubuntu下使用nvm

摘要：写在前面:刚写着写着博客就跨年了，希望新的一年大家万事如意，一切向"前"看! 安装使用安装成功后,需要关闭xshell，重新启动。nvm才会生效。使用查看nvm是否安装成功查看已安装通过查看已安装的版本查看有哪些可安装通过查看可使用版本安装nodejs 通过来安装，后面的版本阅读全文

posted @ 2017-01-01 00:14 qize 阅读(4095) 评论(0) 推荐(1) 编辑

01 2017 档案