zero_lh-CSDN博客

原创 javascript+CSS3 3D游戏/效果

因为是学习Web前端的，对前端知识技术也十分关注。要做一个3D游戏时，我第一想到的就是HTML5+CSS3技术，可以这样说：Web的未来属于HTML5。再搭配javascript，基本可以能实现你所想到的任何效果。尽管javascript是一门解释型语言，相对于编译型语言这种强类型语言要简单，但其功能是十分强大的。作品：3Dbook所需技术：javascript+HTML5+CSS3需

2014-11-15 18:38:38 2560 1

转载 div模拟textarea文本域轻松实现高度自适应

div模拟textarea文本域轻松实现高度自适应关键词：contenteditable亲测好用！一、关于textarea文本域以及高度自适应textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。例如企鹅微博的输入框：作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textare

2016-08-30 16:24:27 4357

原创移动开发 js判断不同浏览器

最近接手了一个根据不同浏览器做不同logic的项目。对其中的一些问题做一些总结。判断浏览器类型的注重要方式就是window.navigater.userAgent对象。自己亲测每个浏览器里的浏览器的关键词：百度浏览器： chrome safari baidubrowserQQ浏览器： chrome safari mqqbrowser猎豹浏览器： chr

2016-08-30 16:17:02 3905

原创关于datetime-local与时间戳相互转化

HTML5中的新对象Datetime Local可用于本地时间选择，是H5中很棒的新功能！在不考虑老版IE、FF的情况下能打打减少我们的开发花销。如:1.可用Date对象的getTime()方法获取时间戳！如： var oTimer = document.getElementById('timer'); var timeStamp = new Date(oTimer.va

2016-03-08 20:16:08 40678 3

转载 Javascript学习总结-技巧、实用函数、简介方法、编程细

整理JavaScript方面的一些技巧，比较实用的函数，常见功能实现方法，仅作参考变量转换[js] view plaincopy//edit http://www.lai18.com var myVar = "3.14159", str = ""+ myVar,// to string int = ~~m

2015-06-12 13:43:58 517

转载 github:Failed to publish this branch

（windows系统）同步git时遇到“Failed to publish this branch”的错误，shell输入命令得到详细提示“https not supported or disabled in libcurl”仔细检查之后发现是由于安装了别的软件，或者是编程中因需要而更换过库文件，导致system32里面的libcurl被覆盖了。解决的办法一是可以选择更新libcu

2015-05-28 19:44:54 904

转载 Angular双向数据绑定简易实现

自己最近再看AngularJS,但想了解一下内部原理，于是找到了这篇非常好的文章。好文章就要分享给大家！不谢。。。AngularJS数据双向绑定揭秘AngularJS在$scope变量中使用脏值检查来实现了数据双向绑定。和Ember.js数据双向绑定中动态设施setter和getter不同，脏治检查允许AngularJS监视那些存在或者不存在的变量。

2015-04-29 15:18:23 5609

原创正则的前向声明和反前向声明

（？=）前向声明（？！）反前向声明（与前向声明相反）如：var str = ‘abcacad’;//只匹配后面接有b的a (？！)：不接b的avar re = /a(?=b)/g;str = str.replace(re,‘*’); //str 为 *bcacad

2015-04-21 20:28:49 1639

原创 url正则

用来匹配URL的正则表达式：var parse_url= /^ (?:([A-Za-z]+):)? (\/{0,3}) ([0-9.\-A-Za-z]+) (?::(\d+))? (?:\/([^?#]*))? (?:\?([^#]*))? (?:#(.*))? $/;解释：(?:([A-Za-z]+):)? 当它之后跟随一个：(冒号)的时候才匹配。（？：）表示一个

2015-04-21 20:18:23 493

原创代码复用-5种类式继承模式

//父构造函数function Parent(name){this.name=name|| 'ling';}//向该原型添加功能Parent.prototype.say=function(){return this.name;}//空白的子构造函数function Child(name){};//继承开始inherit(Child,Parent);

2015-04-02 19:57:00 638

转载构造函数的继承

对象间的“继承”的方法。如有一个“动物”对象的构造函数function animal（）{this.eat=”吃饭”；}；还有一个“人”对象的构造函数function people（name,age）{this.name=name;this.age=age;}；如何让“人”继承“动物”呢1.构造函数的绑定可以使用call或apply方法。在子

2015-03-25 10:48:31 453

原创贪婪的正则

以前接触到过正则的贪婪问题，但现在想想还不是很清楚，所以做了个复习和总结： .*贪婪模式 .*？非贪婪模式（点比较小）如：var str="abc/def/abc";var re=/.*(b)/g;alert(str.match(re)); //abc/def/ab.*(b)的匹配是先匹配的字符串的结尾，然后在字符串的末尾向前回溯一直到出

2015-03-10 22:09:31 366

转载 javascript内存泄露

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。1、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会

2015-03-10 19:26:29 397

原创 javascript基本技巧

1.编写可维护的代码：1.阅读性好2.具有一致性3.预见性好4.看起来如同一个人编写5.有文档2.尽量少用全局变量注意：如未经声明，就默认为全局对象全局变量问题：它们在整个Javascript应用或Web页面内共享，可能发生命名冲突1.第三方Javascript库2.来自于广告合作伙伴的脚本3.各种小工具和按钮解决方法：1.命名空间2.自执行

2015-03-09 16:45:37 392

原创 Javascript基本概念

1.有5中类型不是对象：number、string、boolean、null、undefined2.ECMAScript5：strict模式增加了一些新的内置对象、方法和属性，最重要的是增加了所谓的strict模式。通过使用strict模式，可以实现向后兼容。Function my(){"use strict";//函数其余部分}3.JSLint:可检查代码，并

2015-03-09 16:43:36 336

原创数组去重

数组去重：function aaa(arr){var result = [ arr[0] ];for(var i=0;iif( toCon(arr[i]) ){result.push( arr[i] );}}function toCon(val){for(var i=0;iif(result[i] == val){return false;}

2014-12-16 19:48:07 436

原创数组几种常见排序的javascript实现

数组几种常见排序的javascript实现：（快速排序，冒泡排序，选择排序）1.快速排序（quickSort）首先任意选取一个数据（通常选用数组的第一个数）作为关键数据，然后将所有比它小的数都放到它前面，所有比它大的数都放到它后面,然后对左右部分递归//快速排序function quickSort(arr){if(arr.lengthvar centerIndex = Ma

2014-12-16 19:30:39 416

原创斐波那契数列的javascript实现

斐波那契数列的javascript实现：斐波那契数列，又称黄金分割数列，指的是这样一个数列：1、1、2、3、5、8、13、21、……在数学上，斐波纳契数列以如下被以递归的方法定义：F0=0，F1=1，Fn=F(n-1)+F(n-2)（n>=2，n∈N*）。//方法1：递归function aaa(n){if(n == 0){return 0;}else if(n

2014-12-16 19:25:27 8255

原创数组方法

数组方法：join( ) :将数组中所有元素都转化为字符串，并连接在一起；返回得到的字符串var a = [ 1,2,3 ];a.join();//字符串"1,2,3"a.join("-");//"1-2-3"a.join("");//"123"reverse():将数组中的元素颠倒顺序a.reverse().join() //"3,2,1" ,现在

2014-12-15 21:56:40 493

原创字符串与数组的相关操作

字符串的使用：var s = "hello,word";s.charAt( 0 ) //“h”:第一个字符s.charAt( s.length-1 ) //“d”:最后一个字符s.substring( 1,4 ) //“ell”:第2~4个字符s.slice(

2014-12-15 21:09:14 526

转载领悟javascript中的exec（）和match()方法

阅读本文之前，请先看下面一道题：题目17：Read the following javascript code: var someText="web2.0 .net2.0";var pattern=/(\w+)(\d)\.(\d)/g;var outCome_exec=pattern.exec(someText);var outCome_matc=someText.ma

2014-12-15 20:58:32 410

转载如何在Dreamweaver中使用emmet(ZenCoding)

一、emmet简单科普emmet前身是zen coding. 我是通过接触sublime Text而认识的。其作用之一是快速编写HTML片段，比方说下面截图所示的HTML代码：只要下面这点东西+Tab键就可以了！div#test>ul.nav>li>a*5此技能如果勤加练习，假以时日，必有大成。拯救世界的和平就交给你了，骚年！据说，e

2014-12-04 18:52:31 1798

原创 Bootstrap系列2

五、选项卡（通过id对应） Home Profile Messages Settings ... ... ... ... 六、弹出框 Model ×Close Modal title

2014-12-02 19:00:15 429

原创 Bootstrap系列1

Bootstrap:是Twitter推出的一个开源的用于前端开发的工具包。它基于jQuery,使用前请先引入jQuery.一、导航：在移动设备上可折叠（实现了响应式）1.响应式导航条依赖折叠（collapse）插件 Toggle navigation Brand

2014-12-02 18:42:33 533

原创 Less随笔

这里用 sublime编辑器+koala编译工具新建main.less,输入 @charset"utf-8"; 保存。将项目文件（这里命名为Less,其中包括img与style文件夹），托到koala中，执行编译。它将自动生成main.css文件，在sublime中打开，（准备完成）

2014-11-27 21:35:38 359

原创 HTML5-地理信息和播放器

地理信息：GeolocationLBS : 基于地图信息的应用1.地理信息从何而来IP地址（PC）GPS全球定位系统（移动端）Wi-Fi无线网络基站百度地图API2.地理位置对象1.Navigator.geolocationa)单次定位请求：getCurrentPosition(请求成功，请求失败，数据收集方式)b)请求成功函数i. 经度

2014-11-26 10:45:11 642

原创 Nodejs系列-3基于Express+ejs的博客

Node.js实现一个微博系统Express框架、MVC设计模式、ejs模板引擎（主要是ejs与jade，虽然现在用的是ejs,但貌似jade好评多一些。）、MongoDB数据库1.Express框架a) npm提供的第三方框架（最稳定、最广泛）i. 路由控制ii. 模板解析支持iii. 动态视图iv. 用户会话v. CSRF保护vi. 静态文件服务vii.

2014-11-25 21:35:40 1136

转载实习生，怎样才算优秀？

大学时候我们为了刷经验、刷见识、甚至只是单纯地刷简历，或多或少有过那么一两段实习经历吧!可是作为一个实习生，公司眼中的廉价劳动力、同事眼中的小豆芽儿菜、自己眼中的苦逼搬砖民工，怎样才能扭转这样的局面，尽早融入职场大家庭，争取到转正的机会呢?或者说，怎样做一个优秀的实习生?1、勤奋是必须!你想啊，技术不如人，经验又没有，拿什么让别人看到你并不廉价的价值?拼不过质量我们就拼数量

2014-11-25 18:34:07 642

原创本地存储-cookie与storage

Cookie:

2014-11-24 13:43:04 859

原创 get与post区别

get与post的区别：1.get是从fu

2014-11-24 13:28:14 347

原创跨域消息通信

虚拟主机的相关设置（本地绑定两个不同的域名） A、1.窗口间通信的两种方式——同域下：一.iframeoMyIframe.contentWindow -> 被iframe包含的页面的window对象(如：oMyIframe.contentWindow.document.body.style.background = 'red';)二．Window.open() windo

2014-11-21 21:08:45 531 1

原创 Nodejs系列-2 websocket

什么是websocket?

2014-11-21 20:52:39 559

原创 Nodejs系列-1

1.Nodejs是什么？Node.js不是一种独立

2014-11-20 21:55:00 527

原创虚拟主机的相关配置-绑定本地不同域名

关于Wamp中Apache服务器配置

2014-11-20 11:56:07 721

原创 javascript异步加载方式方法及思考

有没有发现，很多网站加载前都有一段时间是空白的，（或加了一个加载的gif动画）。自己也知道是一些资源的加载问题，今天就这问题，对javascript的异步加载方式进行一些总结

2014-11-17 16:10:24 593 1

转载 Git+TortoiseGit+COPSSH

Windows+Git+TortoiseGit+COPSSH 安装图文教程准备工作：1、 Git-1.8.1.2-preview20130201.exe下载地址：https://code.google.com/p/msysgit/downloads/list2、 Copssh_4.1.0_Installer.exe下载地址：http

2014-11-12 19:31:56 518