04 2015 档案

腾讯TGideas语义化标签（转）
摘要：--------引子---------------家里有个熊孩子，经常会有一些意想不到的事情发生：回家的时候，他会笑呵呵冲过来，大声喊着“臭爸爸”；你让他把鞋穿上，他会提起鞋子往楼下扔...在小孩的世界里，他虽然会说话，但不一定明白其中的意思，不能正确表达；同样他也会做一些事情，但不一定按正常大人的... 阅读全文
posted @ 2015-04-22 14:58 goodbyepeterpan 阅读(187) 评论(0) 推荐(0)
jQuery Ajax通用js封装
摘要：第一步：引入jQuery库第二步：开发Ajax封装类，已测试通过，可以直接调用，直接贴代码，讲解就省了/***************************************************************** jQuery Ajax封装通用... 阅读全文
posted @ 2015-04-20 18:17 goodbyepeterpan 阅读(231) 评论(0) 推荐(0)
动态加载 js
摘要：要实现动态加载JS脚本有4种方法：1、直接document.write2、动态改变已有script的src属性3、动态创建script元素 这三种方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的脚本继续运行，如果用以上的方法，那下面的代码将得不到预期的效果。要动态加载的JS脚本：a.j... 阅读全文
posted @ 2015-04-17 16:39 goodbyepeterpan 阅读(169) 评论(0) 推荐(0)
Javascript的四种继承方式
摘要：在Javascript中，所有开发者定义的类都可以作为基类，但出于安全性考虑，本地类和宿主类不能作为基类，这样可以防止公用访问编译过的浏览器级的代码，因为这些代码可以被用于恶意攻击。 选定基类后，就可以创建它的子类了。是否使用基类完全由你决定。有时，你可能想创建一个不能直接使用的基类，它只是用于给子... 阅读全文
posted @ 2015-04-17 16:35 goodbyepeterpan 阅读(204) 评论(0) 推荐(0)
JavaScript事件委托的技术原理
摘要：如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多... 阅读全文
posted @ 2015-04-17 16:33 goodbyepeterpan 阅读(203) 评论(0) 推荐(0)
Git 常用操作命令
摘要：可以创建私有项目的git网站：https://bitbucket.orgmaster : 默认开发分支； origin : 默认远程版本库初始化操作 $ git config -global user.name #设置提交者名字 $ git config -global user.email #... 阅读全文
posted @ 2015-04-17 16:25 goodbyepeterpan 阅读(200) 评论(0) 推荐(0)
javascript闭包
摘要：官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点： 1.作为一个函数变量的一个引用，当函数返回时，其处于激活状态。 2.一个闭包就是当一个函数返回时，一个没有释放资源的栈区。 简单的说，javascript允许使... 阅读全文
posted @ 2015-04-17 16:23 goodbyepeterpan 阅读(128) 评论(1) 推荐(0)
跨域请求解决方法(JSONP, CORS)
摘要：跨域请求解决方法(JSONP, CORS)一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题。解决方法有JSONP，Flash等等。JSONP我们发现，Web页面上调用js文件时不受是否跨域的影响，凡是拥有"src"这个属性的标签都拥有跨域的能力，比如2. 在客户端写callbac... 阅读全文
posted @ 2015-04-17 12:54 goodbyepeterpan 阅读(282) 评论(0) 推荐(0)
jQuery插件开发方法
摘要：jQuery如此流行，各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢？如果你的答案是肯定的，那么来吧！和我一起学写jQuery插件吧！很多公司的前端设计开发人员都是女孩子，而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中，Ja... 阅读全文
posted @ 2015-04-17 12:48 goodbyepeterpan 阅读(186) 评论(0) 推荐(0)
JavaScript事件冒泡简介及应用
摘要：一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对... 阅读全文
posted @ 2015-04-17 11:02 goodbyepeterpan 阅读(131) 评论(0) 推荐(0)
ES6 JavaScript Promise的感性认知
摘要：http://www.zhangxinxu.com/wordpress/2014/02/es6-javascript-promise-感性认知/这篇文章讲的很透彻http://www.zhangxinxu.com/study/201402/promise-1.htmlhttp://www.zhang... 阅读全文
posted @ 2015-04-17 10:47 goodbyepeterpan 阅读(143) 评论(0) 推荐(0)
iframe自适应高度代码
摘要：var adjustIframe = function (id) { variframe = document.getElementById(id) varidoc = iframe.contentWindow && iframe.contentWindow.document || iframe... 阅读全文
posted @ 2015-04-17 10:32 goodbyepeterpan 阅读(154) 评论(0) 推荐(0)
使用grunt打包前端代码
摘要：grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装nodeJ... 阅读全文
posted @ 2015-04-15 11:17 goodbyepeterpan 阅读(296) 评论(0) 推荐(0)
利用CSS3特性巧妙实现漂亮的DIV箭头
摘要：DIV箭头用于表现DIV内容的指向，是使用非常普遍的一种表现形式，例如新浪微博的消息转发：还有傲游网站的导航条：像傲游账户上方这种箭头更需要多幅图片以表现箭头和hover的效果。传统的实现方式都需要一副表示箭头的图片放在DIV上方来实现，例如新浪微博的相关CSS如下：而使用CSS3的特性，我们不需要... 阅读全文
posted @ 2015-04-13 16:49 goodbyepeterpan 阅读(6826) 评论(0) 推荐(0)
CSS Sprite小图片自动合并工具
摘要：css-sprite是将css样式中零星的小图标，小图片合并成大图显示，这样能减小服务器并发连接数，减小服务器负载和带宽使用，有很高的实用价值。这里介绍一些自动合并图片并生成样式的工具。NodeJScss-spritecss-sprite是一个基于NodeJS实现的css切图自动合并工具，能自动将小... 阅读全文
posted @ 2015-04-13 13:33 goodbyepeterpan 阅读(1086) 评论(0) 推荐(0)
history.js 一个无刷新就可改变浏览器栏地址的插件（不依赖jquery）
摘要：示例：http://browserstate.github.io/history.js/demo/简介HTML4有一些对浏览历史的前进后退API的支持如：window.history.back();window.history.forward();window.history.go(-1);wind... 阅读全文
posted @ 2015-04-13 13:29 goodbyepeterpan 阅读(3068) 评论(0) 推荐(0)
nodejs在服务器上运行
摘要：nodejs运行之后，关掉链接，网站运行就会断开，需要安装forever，后台执行。 安装方法如下（在windows和Linux下都能运行）：//forever的安装：npm install forever -g//使用forever启动守护进程：forever start your_app.js/... 阅读全文
posted @ 2015-04-10 13:26 goodbyepeterpan 阅读(514) 评论(0) 推荐(0)
socketio 握手前中断报错
摘要：前两天折腾了下socketio，部署完发现通过nginx代理之后前端的socket无法和后端通信了，于是暴查一通，最后解决问题：location / { proxy_pass http://127.0.0.1:9999; proxy_connect_timeout 60; prox... 阅读全文
posted @ 2015-04-10 11:17 goodbyepeterpan 阅读(623) 评论(0) 推荐(0)
正则表达式
摘要：http://www.jb51.net/tools/zhengze.html 阅读全文
posted @ 2015-04-08 15:20 goodbyepeterpan 阅读(87) 评论(0) 推荐(0)
从零开始nodejs系列文章
摘要：http://blog.fens.me/series-nodejs/从基础的node安装到npm配置，从express到jade，还有mongoDB。是一个很好的node教程 阅读全文
posted @ 2015-04-08 13:38 goodbyepeterpan 阅读(160) 评论(0) 推荐(0)
HTML5 Web socket和socket.io
摘要：HTML5的新特性，用于双向推送消息（例如网页聊天，手机推送消息等） 原理：client利用regular http请求webpage请求的webpage 执行javascript脚本,open a connection to server.有新的信息时服务器和客户端可以相互发送信息（Real-t... 阅读全文
posted @ 2015-04-07 15:35 goodbyepeterpan 阅读(271) 评论(0) 推荐(0)
nodejs教程：安装express及配置app.js文件
摘要：express.js是nodejs的一个MVC开发框架，并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置，然后在今后的教程中一步一步使用express.js搭建个聊天室。安装express.js如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可... 阅读全文
posted @ 2015-04-07 15:31 goodbyepeterpan 阅读(730) 评论(0) 推荐(0)
Socket.io在线聊天室
摘要：从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可... 阅读全文
posted @ 2015-04-03 10:32 goodbyepeterpan 阅读(1478) 评论(0) 推荐(0)