qize - 博客园

二维码扫码登陆原理

摘要：原文链接：http://www.jianshu.com/p/7f072ac61763 网页版微信刚推出时，无数人被它的登录方式惊艳了一下，不需要输入用户名密码，打开手机微信扫一扫，便自动登录。从原理上讲，二维码只能是一段文本的编码，如何用它实现快捷登录的呢？打开网页版微信，可以看到如下的页面：如阅读全文

posted @ 2017-04-21 11:24 qize 阅读(14038) 评论(0) 推荐(0)

NodeJs之http

摘要：创建新的服务器创建一个简单的服务这段代码只会启动一个侦听8888端口的服务器，不会应答，不会任何事，所以是无意义的。下面创建一个有意义的服务器结果: 这里我们通过 response.writeHead 发送一个请求状态码和内容类型，使用 response.write() 函数在HTTP响应主阅读全文

posted @ 2017-04-12 16:26 qize 阅读(941) 评论(0) 推荐(1)

Vuex给我们的.vue文件结构带来了这些变化

摘要：使用vuex前后的对比使用vuex前使用vuex后变化剥离了state的管理剥离了异步请求 .vue文件变得更加"纯粹"了下面我们就从几个方面来描述一下vuex带给我们的变化。剥离了state的管理这个当然是最主要的任务了。将组件模块的放到了中,这里是放在了中。剥离了异步阅读全文

posted @ 2017-03-16 21:59 qize 阅读(1240) 评论(0) 推荐(1)

Handlebars模板引擎之高阶

摘要： Helpers 其实在 "Handlebars模板引擎之进阶" 我想说的功能的，可是由于这个功能在我的开发中我觉的鸡肋没啥用，就直接不用了。因为只能进行简单判断，如果条件参数返回 false, undefined, null, "" 或 []（非真的值）时，Handlebars 将不渲染。类阅读全文

posted @ 2017-03-09 22:09 qize 阅读(675) 评论(0) 推荐(0)

Handlebars模板引擎之进阶

摘要：取得索引我想取得索引作为序号这个是常用的。在handlebars也是存在的。就是使用 @index 来获取索引效果: 模板注释通过{{! }}这样的格式进行模板的注释,这样的注释过的模板是会被模板解析的时候忽略掉。当然我们的这样的通用注释依旧可用。转义跟jade(pug)一样，类似的阅读全文

posted @ 2017-03-03 20:00 qize 阅读(1013) 评论(0) 推荐(0)

Handlebars模板引擎之上手

摘要： handlebars "Handlebars" ,一个JavaScript模板引擎，是基于Mustache的扩展。模板引擎的都存在一个上下文环境，这是它的作用区间。需求:基本使用需要的库使用这里是通过ajax请求后端，并返回json数据，填充到模板中，并渲染出select。 html js 阅读全文

posted @ 2017-02-27 10:15 qize 阅读(839) 评论(0) 推荐(0)

NodeJs之crypto

摘要： NodeJs版本:4.4.4 crypto nodejs提供了内置加密模块。加密模块提供了 HTTP 或 HTTPS 连接过程中封装安全凭证的方法。它也提供了 OpenSSL 的哈希，hmac, 加密（cipher）, 解密（decipher）, 签名（sign）和验证（verify）方阅读全文

posted @ 2017-02-23 18:28 qize 阅读(2474) 评论(0) 推荐(1)

HTML5中的History对象

摘要： HTML5标准之前基本操作 1.forward(number) 加载histroy列表中的下一个URL 2.back(number) 加载histroy列表中的上一个URL 3.go(number) 根据当前所处的页面，加载 history 列表中的某个具体的页面。例子: HTML5标准后 hi 阅读全文

posted @ 2017-02-21 12:57 qize 阅读(892) 评论(0) 推荐(0)

谷歌YSlow准则

摘要：谷歌YSlow准则 YSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。测试个人站点通过测试个人站点可以获得下面的数据 23条准则 Make fewer HTTP requests 译为：减少HTTP请求次数 Use a Content Delivery N 阅读全文

posted @ 2017-02-15 17:48 qize 阅读(570) 评论(0) 推荐(0)

Socket.io+Nodejs通讯实例

摘要：具体源码: "Socket" 目录结构 D:. │ package.json │ server.js │ └─public index.html socket.io.js 需要的条件 socket.io.js 供前端界面初始化io socket.io 供NodeJs端提供socket方法 socke 阅读全文

posted @ 2017-02-13 13:27 qize 阅读(33395) 评论(0) 推荐(1)

优雅的处理破裂图像

摘要：破裂图像当我们img的src请求失败的时候,会触发事件。这给我们提供了一个处理错误图片的时机，但是很显然这样的处理对我们来说太昂贵了。于是图片就成了这样: 这样很显然比较难看。优雅的处理这时候给我们的图片添加下面一些CSS,立马就会和谐起来。替换原有的破裂图片虽然上面已经相对优雅的处理阅读全文

posted @ 2017-02-10 15:17 qize 阅读(1149) 评论(0) 推荐(0)

CSS的兼容性与BUG处理

摘要：骨灰级清除浮动内联元素相连之间存在间隙问题原因:内联元素是当做字体来处理的，字体之间是有间隔的解决方法: 1.多个标签写在一行 2.将要闭合标签的地方与开始标签的地方重合 3.使用注释头尾相连 4.在父级上写：font size:0; 5.使用display：block(img是内联元素) 6 阅读全文

posted @ 2017-02-09 17:02 qize 阅读(1816) 评论(0) 推荐(2)

Express之get,pos请求参数的获取

摘要： Express的版本4.X Get query参数的获取 url假设: 路由的定义: 1.获取?name=zhaoqize这样的参数 2.获取&job[st]=web这样的参数 3.获取?name=zhaoqize参数的另外一种写法(4.x版本中该方法已被废弃) 4.获取所有参数具体代码: 结果: 阅读全文

posted @ 2017-02-08 11:47 qize 阅读(13131) 评论(0) 推荐(0)

Express之托管静态文件

摘要：中间件express.static 我们使用express初始化一个目录的时候，会在app.js中看到一大推的app.use。其中一个主要的中间件是 express.static (4.0版本依旧保留的中间件) 通过 express.static 可以帮助我们托管静态文件，js,css,img 阅读全文

posted @ 2017-02-07 15:35 qize 阅读(1742) 评论(0) 推荐(0)

Express与NodeJs创建服务器的两种方法

摘要： NodeJs创建Web服务器这是一个原生式的创建一个web服务器的方式,但是有缺陷。如果我们想要将我们的静态页面至于与服务器同域下的时候很不方便。 Express创建Web服务器这里我们借用Express封装好的方法创建了一个监听80端口的方法，不禁我们可以作为后端服务通过访问，还可以访问我们阅读全文

posted @ 2017-02-06 11:52 qize 阅读(957) 评论(0) 推荐(0)

NodeJs相关系列文章

摘要： 1. "图片上传之FileAPI与NodeJs" 2. "NodeJs之调试" 3. "CentOS下使用NVM" 4. "NodeJs之进程守护" 5. "Ubuntu下使用nvm" 6. "NodeJs之pm2" 7. "NodeJs之log4js" 8. "Jade模板引擎让你飞" 9. "N 阅读全文

posted @ 2017-02-05 18:25 qize 阅读(178) 评论(0) 推荐(0)

CentOS安装SVN

摘要：安装SVN 查看是否安装成功: 登陆SVN 登陆的svn是公司的服务器接着输入用户名与密码即可。这里的co是登陆后检出最新版本。更新update 这时候就能在我们的目录中发现我们的文件了然后进入进行更新即可。问题有时候更新报错: 如果你认为安装并登陆且检出文件后就可以直接更新的话，那就不阅读全文

posted @ 2017-02-03 16:59 qize 阅读(336) 评论(0) 推荐(0)

图片上传之FileAPI与NodeJs

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

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

Git的基本操作

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

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

页面图片懒加载原理

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

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

JavaScript原生的节点操作

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

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

NodeJs之调试

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

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

document.referrer之隐藏来源

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

posted @ 2017-01-15 10:35 qize 阅读(3537) 评论(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 阅读(9388) 评论(0) 推荐(2)

NodeJs之进程守护

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

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