- 博客(40)
- 资源 (10)
- 问答 (3)
- 收藏
- 关注
RSS订阅
原创 javascript+CSS3 3D游戏/效果
因为是学习Web前端的，对前端知识技术也十分关注。要做一个3D游戏时，我第一想到的就是HTML5+CSS3技术，可以这样说：Web的未来属于HTML5。再搭配javascript，基本可以能实现你所想到的任何效果。尽管javascript是一门解释型语言，相对于编译型语言这种强类型语言要简单，但其功能是十分强大的。 作品：3Dbook 所需技术：javascript+HTML5+CSS3 需
2014-11-15 18:38:38
2870
转载 div模拟textarea文本域轻松实现高度自适应
div模拟textarea文本域轻松实现高度自适应 关键词：contenteditable 亲测好用！ 一、关于textarea文本域以及高度自适应 textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。例如企鹅微博的输入框： 作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textare
2016-08-30 16:24:27
4513
原创 移动开发 js判断不同浏览器
最近接手了一个根据不同浏览器做不同logic的项目。对其中的一些问题做一些总结。 判断浏览器类型的注重要方式就是window.navigater.userAgent对象。 自己亲测每个浏览器里的浏览器的关键词： 百度浏览器： chrome safari baidubrowser QQ浏览器： chrome safari mqqbrowser 猎豹浏览器： chr
2016-08-30 16:17:02
4034
原创 关于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
41209
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
611
转载 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
1003
转载 Angular双向数据绑定简易实现
自己最近再看AngularJS,但想了解一下内部原理，于是找到了这篇非常好的文章。 好文章就要分享给大家！不谢。。。 AngularJS数据双向绑定揭秘 AngularJS在$scope变量中使用脏值检查来实现了数据双向绑定。和Ember.js数据双向绑定中动态设施setter和getter不同，脏治检查允许AngularJS监视那些存在或者不存在的变量。
2015-04-29 15:18:23
5738
原创 正则的前向声明和反前向声明
（？=） 前向声明 （？！） 反前向声明 （与前向声明相反） 如： var str = ‘abcacad’; //只匹配后面接有b的a (？！)：不接b的a var re = /a(?=b)/g; str = str.replace(re,‘*’); //str 为 *bcacad
2015-04-21 20:28:49
1771
原创 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
611
原创 代码复用-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
740
转载 构造函数的继承
对象间的“继承”的方法。 如有一个“动物”对象的构造函数 function animal（） { this.eat=”吃饭”； }； 还有一个“人”对象的构造函数 function people（name,age） { this.name=name; this.age=age; }； 如何让“人”继承“动物”呢 1.构造函数的绑定 可以使用call或apply方法。在子
2015-03-25 10:48:31
535
原创 贪婪的正则
以前接触到过正则的贪婪问题，但现在想想还不是很清楚，所以做了个复习和总结： .*贪婪模式 .*？非贪婪模式 （点比较小） 如： var str="abc/def/abc"; var re=/.*(b)/g; alert(str.match(re)); //abc/def/ab .*(b)的匹配是先匹配的字符串的结尾，然后在字符串的末尾向前回溯一直到出
2015-03-10 22:09:31
475
转载 javascript内存泄露
内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。 1、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会
2015-03-10 19:26:29
490
原创 javascript基本技巧
1.编写可维护的代码： 1.阅读性好 2.具有一致性 3.预见性好 4.看起来如同一个人编写 5.有文档 2.尽量少用全局变量 注意：如未经声明，就默认为全局对象 全局变量问题：它们在整个Javascript应用或Web页面内共享，可能发生命名冲突 1.第三方Javascript库 2.来自于广告合作伙伴的脚本 3.各种小工具和按钮 解决方法： 1.命名空间 2.自执行
2015-03-09 16:45:37
477
原创 Javascript基本概念
1.有5中类型不是对象：number、string、boolean、null、undefined 2.ECMAScript5：strict模式 增加了一些新的内置对象、方法和属性，最重要的是增加了所谓的strict模式。 通过使用strict模式，可以实现向后兼容。 Function my() { "use strict"; //函数其余部分 } 3.JSLint:可检查代码，并
2015-03-09 16:43:36
405
原创 数组去重
数组去重： function aaa(arr){ var result = [ arr[0] ]; for(var i=0;i if( toCon(arr[i]) ){ result.push( arr[i] ); } } function toCon(val){ for(var i=0;i if(result[i] == val){ return false; }
2014-12-16 19:48:07
504
原创 数组几种常见排序的javascript实现
数组几种常见排序的javascript实现：（快速排序，冒泡排序，选择排序） 1.快速排序（quickSort） 首先任意选取一个数据（通常选用数组的第一个数）作为关键数据，然后将所有比它小的数都放到它前面，所有比它大的数都放到它后面,然后对左右部分递归 //快速排序 function quickSort(arr){ if(arr.length var centerIndex = Ma
2014-12-16 19:30:39
479
原创 斐波那契数列的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
8433
原创 数组方法
数组方法： 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
586
原创 字符串与数组的相关操作
字符串的使用： 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
599
转载 领悟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
472
转载 如何在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
1883
原创 Bootstrap系列2
五、选项卡（通过id对应） Home Profile Messages Settings ... ... ... ... 六、弹出框 Model ×Close Modal title
2014-12-02 19:00:15
492
原创 Bootstrap系列1
Bootstrap: 是Twitter推出的一个开源的用于前端开发的工具包。它基于jQuery,使用前请先引入jQuery. 一、导航：在移动设备上可折叠（实现了响应式） 1.响应式导航条依赖折叠（collapse）插件 Toggle navigation Brand
2014-12-02 18:42:33
607
原创 Less随笔
这里用 sublime编辑器+koala编译工具 新建main.less,输入 @charset"utf-8"; 保存。 将项目文件（这里命名为Less,其中包括img与style文件夹），托到koala中，执行编译。 它将自动生成main.css文件，在sublime中打开，（准备完成）
2014-11-27 21:35:38
438
原创 HTML5-地理信息和播放器
地理信息 ： Geolocation LBS : 基于地图信息的应用 1.地理信息从何而来 IP地址 （PC） GPS全球定位系统 （移动端） Wi-Fi无线网络 基站 百度地图API 2.地理位置对象 1.Navigator.geolocation a)单次定位请求：getCurrentPosition(请求成功，请求失败，数据收集方式) b)请求成功函数 i. 经度
2014-11-26 10:45:11
744
原创 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
1243
转载 实习生，怎样才算优秀？
大学时候我们为了刷经验、刷见识、甚至只是单纯地刷简历，或多或少有过那么一两段实习经历吧!可是作为一个实习生，公司眼中的廉价劳动力、同事眼中的小豆芽儿菜、自己眼中的苦逼搬砖民工，怎样才能扭转这样的局面，尽早融入职场大家庭，争取到转正的机会呢?或者说，怎样做一个优秀的实习生? 1、勤奋是必须! 你想啊，技术不如人，经验又没有，拿什么让别人看到你并不廉价的价值?拼不过质量我们就拼数量
2014-11-25 18:34:07
786
原创 跨域消息通信
虚拟主机的相关设置（本地绑定两个不同的域名） A、1.窗口间通信的两种方式——同域下： 一.iframe oMyIframe.contentWindow -> 被iframe包含的页面的window对象(如：oMyIframe.contentWindow.document.body.style.background = 'red';) 二．Window.open() windo
2014-11-21 21:08:45
632
原创 javascript异步加载方式方法及思考
有没有发现，很多网站加载前都有一段时间是空白的，（或加了一个加载的gif动画）。 自己也知道是一些资源的加载问题，今天就这问题，对javascript的异步加载方式进行一些总结
2014-11-17 16:10:24
683
转载 Git+TortoiseGit+COPSSH
Windows+Git+TortoiseGit+COPSSH 安装图文教程 准备工作： 1、 Git-1.8.1.2-preview20130201.exe 下载地址： https://code.google.com/p/msysgit/downloads/list 2、 Copssh_4.1.0_Installer.exe 下载地址： http
2014-11-12 19:31:56
583
原创 javascript+Ajax实现统计文本（30Kb~300Kb）各词出现频率，并把前十打印出来
1.首先要读取文本，第一想到的就是Ajax。它可以很好的动态的向服务器发起请求。通过XmlHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应，而不阻塞用户。所以首先要建立一个Apache服务器（我这里使用的是wamp）.
2014-10-09 18:53:13
802
<Pro Git>中文版、Git+Gitolite_TortoiseGit、git学习文档
2014-11-12
Sublime text3中有没有类似Eclipse中 servers的插件
2016-02-19
JS touch事件冒泡问题
2015-08-21
Dreamweaver cs6标签匹配插件
2014-12-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人