2016年01月_弹琴弹琴

11月 10月 09月 08月 07月 06月 04月 03月 02月 01月

转载 Handlebars.js 模板引擎

介绍Handlebars 是 JavaScript 一个语义模板库，通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"（无逻辑模版）的思路，在加载时被预编译，而不是到了客户端执行到代码时再去编译，这样可以保证模板加载和运行的速度。Handlebars兼容Mustache，你可以在Handlebars中导入Mustache模板。使用与安装...

2016-01-30 16:28:58 564

转载 Js作用域与作用域链详解

一直对Js的作用域有点迷糊，今天偶然读到Javascript权威指南，立马被吸引住了，写的真不错。我看的是第六版本，相当的厚，大概1000多页，Js博大精深，要熟悉精通需要大毅力大功夫。一：函数作用域先看一小段代码：[javascript] view plain copyvar scope="global"; function t(){ console...

2016-01-29 17:55:08 334

1 对象相关的一些语言特性1.1 一切皆为对象JavaScript里所有的东西都是对象. 对象是属性的集合. 数字, 字符串, 布尔值等原始值是"伪对象", 它们同样拥有属性, 但是是在栈上分配并按值传递. 而其他的对象是堆上分配并按引用传递.一个很重要的概念是, 函数也是对象, 能够作为变量的值, 返回值, 参数或者属性的值. 函数对象特殊的地方是能通过"xxx()"语法执行包含在xxx函...

2016-01-29 17:28:21 418

转载 javascript深入理解js闭包

一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函数外部自然无法读取函数内的局...

2016-01-29 15:33:52 288

转载 h5离线存储

H5的一个重要特性就是离线存储，所谓的离线存储就是将一些资源文件保存在本地，这样后续的页面重新加载将使用本地资源文件，在离线情况下可以继续访问web应用，同时通过一定的手法（更新相关文件或者使用相关API），可以更新、删除离线存储等操作； H5的离线存储使用一个manifest文件来标明哪些文件是需要被存储的，使用如<html manifest='offline.manifest'&gt...

2016-01-29 15:18:47 2880

转载 HTML5 LocalStorage 本地存储

HTML5 LocalStorage 本地存储说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示：最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javas...

2016-01-29 14:47:27 358

转载 html5 canvas 详细使用教程

原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html原作很强悍导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形绘制阴影绘制图像（图片平铺、裁剪...

2016-01-29 14:20:49 568

转载 js深拷贝和浅拷贝

一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";document.writeln("数...

2016-01-28 17:02:27 372

转载 jQuery Ajax 简单的实现跨域请求

html 代码清单：[html] view plain copy <script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(..

2016-01-26 20:33:12 477

转载 JS面向对象及组件开发

面向对象的组成[html] view plain copy <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org...

2016-01-26 11:59:08 747

原创初谈组件封装

function myclass(msg,time){ var msg=msg; this.out=function(){ alert(msg+time); }}var a=new myclass("11",2016);a.out();简单的类封装，实例化类调用方法。

2016-01-26 10:37:33 491

转载浅谈OO思想

最近看到公司评级中，大量提到了OO思想，特别是开发，虽对我们运维并未要求，但看到这篇文章不错,就自己理解下。object oriented(面向,面对)(针对分析，需求分析，功能实现)(面向对象的三大要素:封装,继承,多态)先说什么是OO（Object oriented）翻译过来就是面向对象，它包括有OOA面向对象的分析，OOD面向对象的设计，OOP面向对象的实现这几个方面，这几方面包含追M...

2016-01-26 09:47:39 16474 2

转载从零开始编写自己的JavaScript框架（一）

1. 模块的定义和加载1.1 模块的定义一个框架想要能支撑较大的应用，首先要考虑怎么做模块化。有了内核和模块加载系统，外围的模块就可以一个一个增加。不同的JavaScript框架，实现模块化方式各有不同，我们来选择一种比较优雅的方式作个讲解。先问个问题：我们做模块系统的目的是什么？如果觉得这个问题难以回答，可以从反面来考虑：假如不做模块系统，有什么样的坏处？我们经历过比较粗放、混乱...

2016-01-25 17:16:13 963

原创 js判断安卓或者ios

2016-01-25 10:19:40 383

转载如何解决Android设备上touchend不能触发bug

移动项目开发过程中，经常需要用到滑动的事件来处理一些效果。通常情况下，我们会通过 touchstart->touchmove->touchend 的过程来定义这个事件。这些事件的触发顺序是 touchstart, touchmove, touchmove ….. touchend 。绝大部分平板或手机也正如我们想象的那样有序执行着。但是以Android 4.0.4为首的一些可恶...

2016-01-23 17:29:18 6820

转载 HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员传达一些...

2016-01-23 16:19:04 712

转载常用的Javascript设计模式

原文出处： alloyteam 博客-svenzeng 欢迎分享原创到伯乐头条《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员

2016-01-22 17:20:44 594

转载 xampp配置虚拟主机

xampp配置虚拟主机 xampp 配置虚拟主机第一步：在apache/conf/extra/httpd-vhosts.conf中添加虚拟主机配置：如<VirtualHost *:80>ServerAdmin a@a.comDocumentRoot "E:/phpProj/test"ServerName test.comServerAlias www.t...

2016-01-22 15:23:09 607

转载 requirejs的用法

之前我的一片文章介绍过requirejs，具体地址是：http://www.haorooms.com/post/RequireJS_mkh_jz ，今天看到阮一峰博客上面对于requirejs的介绍比较通俗易懂，今天转载一下！一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成...

2016-01-21 16:32:54 650

转载 Web前端开发规范文档(css/javascript)

最近开始着手网站的改版，因为是团队协作，所有需要注意很多地方，也为了让我们的代码更加规范特收集了一些Web前端开发规范规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合w...

2016-01-21 11:38:06 612

转载前端性能优化

1.　　请减少HTTP请求　　　　基本原理：　　在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。　　一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器...

2016-01-21 11:17:58 310

转载前端那些事

在谈前端架构之前，需要先探讨一下不同人群对前端产生的困惑。前端这个职业最近几年才逐渐被认可，之前一直是低端的代名词，所以多数高手很不屑搞这个。之前的很多项目，人们对前端这块的要求也只是能用就行，所以很少会在上面去细致、深入地建立一套完善体系。而多数产品的技术经理也会是后端出身的，往往对前端的认识还停留在Java Struts那个原始的MVC模型上，或者首先想到的就是GWT和JSF，...

2016-01-21 09:52:37 691

原创 thinkphp分页

Controller： <?phpnamespace Home\Controller;use Think\Controller;header("Content-Type:text/html;charset=utf8");class IndexController extends Controller { public function index() { ...

2016-01-19 17:22:30 422

原创 thinkphp上传文件（一次只能上传一个）

Controller: <?phpnamespace Home\Controller;use Think\Controller;header("Content-Type:text/html;charset=utf8");class IndexController extends Controller { public function index(){ ...

2016-01-19 14:53:46 905

原创 thinkphp验证码

1.index控制器： <?phpnamespace Home\Controller;use Think\Controller;header("Content-Type:text/html;charset=utf8");class IndexController extends Controller { public function index(){ ...

2016-01-19 11:55:51 548

原创监听键盘输入

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script language="JavaScript" src=&q

2016-01-18 09:47:47 879

原创 js检测提交是否空不能提交

html部分： <form action="{:U('Index/addliuyan')}" name='wish' method="post" id="wish" onsubmit="return check()"> <p> <label for="username">昵称：</la

2016-01-15 11:17:40 733

原创 php文字替换表情

function replace_phiz($content){ preg_match_all('/\[.*?\]/is',$content,$arr); $phiz=array ( 'zhuakuang' => '抓狂', 'baobao' => '抱抱', 'haixiu' => '害羞', '...

2016-01-15 11:02:46 1276

原创页面星星评价

html:<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"

2016-01-13 19:44:22 806

原创 js解析json文件数据

页面：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script language="JavaScript" s

2016-01-09 10:39:17 1447

原创 js模块化接触案列

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </head><body> &

2016-01-08 17:09:04 406

转载 JS 控制CSS样式表的语法对照

CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-wid...

2016-01-06 10:23:24 361