自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ling的专栏

滴水成流!记录前端修炼的点点滴滴

  • 博客(40)
  • 资源 (10)
  • 问答 (3)
  • 收藏
  • 关注

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

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

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

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

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

2016-08-30 16:24:27 4400

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

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

2016-08-30 16:17:02 3938

原创 关于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 40872 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 539

转载 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 929

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

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

2015-04-29 15:18:23 5638

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

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

2015-04-21 20:28:49 1668

原创 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 526

原创 代码复用-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 665

转载 构造函数的继承

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

2015-03-25 10:48:31 479

原创 贪婪的正则

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

2015-03-10 22:09:31 383

转载 javascript内存泄露

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

2015-03-10 19:26:29 419

原创 javascript基本技巧

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

2015-03-09 16:45:37 415

原创 Javascript基本概念

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

2015-03-09 16:43:36 358

原创 数组去重

数组去重: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 459

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

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

2014-12-16 19:30:39 436

原创 斐波那契数列的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 8307

原创 数组方法

数组方法: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 514

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

字符串的使用: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 548

转载 领悟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 429

转载 如何在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 1816

原创 Bootstrap系列2

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

2014-12-02 19:00:15 455

原创 Bootstrap系列1

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

2014-12-02 18:42:33 555

原创 Less随笔

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

2014-11-27 21:35:38 392

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

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

2014-11-26 10:45:11 667

原创 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 1175

转载 实习生,怎样才算优秀?

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

2014-11-25 18:34:07 686

原创 本地存储-cookie与storage

Cookie:

2014-11-24 13:43:04 882

原创 get与post区别

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

2014-11-24 13:28:14 371

原创 跨域消息通信

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

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

原创 Nodejs系列-2 websocket

什么是websocket?

2014-11-21 20:52:39 594

原创 Nodejs系列-1

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

2014-11-20 21:55:00 541

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

关于Wamp中Apache服务器配置

2014-11-20 11:56:07 744

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

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

2014-11-17 16:10:24 620 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 535

原创 gruntjs随笔

接触项目时,由于平时要压缩CSS/JS代码,

2014-11-02 22:33:00 599

原创 seajs学习随笔

由于前面学习模块化开发,能很好地解决函数冲突和依赖的问题

2014-10-30 21:31:35 480

原创 使用JS插件解决IE6不支持PNG透明背景问题

虽然我已经准备放弃IE6这一大毒瘤了,但现在竟然遇到了,jiushizhe

2014-10-18 17:28:53 517

原创 javascript+Ajax实现统计文本(30Kb~300Kb)各词出现频率,并把前十打印出来

1.首先要读取文本,第一想到的就是Ajax。它可以很好的动态的向服务器发起请求。通过XmlHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。所以首先要建立一个Apache服务器(我这里使用的是wamp).

2014-10-09 18:53:13 725 1

基于html5游戏引擎phaser.js的flappy_bird小游戏

这是基于html5游戏引擎phaser.js的小游戏

2014-11-17

3Dbook源代码

此为基于javascript和CSS3的3Dbook例子源码

2014-11-15

javascript+Ajax实现词频统计

本作业要开启本地服务器(localhost),上次传的资源要积分,失策了,这次重新传一个。

2014-11-15

基于CSS3的3D效果

软件工程作业资源,自己写的一个基于CSS3的3D立方体效果。

2014-11-15

各名企Web前端面试题

包括阿里、腾讯、搜狐等各大名企的Web前端面试题,包括各个面试经过和经验,前端人员值得一看哦

2014-11-12

<Pro Git>中文版、Git+Gitolite_TortoiseGit、git学习文档

最全面的Git学习资料(包括<Pro Git>中文版、Git+Gitolite_TortoiseGit、git学习文档),教你轻松入门。

2014-11-12

响应式Web设计:HTML5和CSS3实战

当前流行的H5和C3处理响应式Web,达到移动开发的目的。此书仅适合入门新手

2014-11-12

Node.js开发指南(中文版)

最经典的Node必备入门手册。最受欢迎,一直好评,其他不多解释。

2014-11-12

javascript词频统计

基于javascript+Ajax的词频统计

2014-10-19

DD_delatedPNG.js

使用JS插件解决IE6不支持PNG透明背景问题

2014-10-18

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除