自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

lnn2007的专栏

希望博客见证我的进步,希望把我的想法和大家分享!

  • 博客(75)
  • 收藏
  • 关注

原创 requirejs 初学

AMD,异步模块加载---------应用于客户端开发

2014-08-10 00:03:52 855

原创 javascript学习笔记之javascript core

obj 与 prototype对象包含属性和方法,一个对象obj如果在本身中没有发现属性prop,就会去找它的原型对象prototype查找属性,通过__proto __查找__proto __和prototype__proto 始终指向创建此对象构造函数的prototype对象。其实每个函数也有自己的__proto__指向

2014-07-27 17:30:18 608

原创 js+css3实现2048小游戏

网上已经有很多做好的2048,我也凑个热闹吧!

2014-07-13 21:05:50 1768

转载 异步js调用:callback,listeners,control flow libs 和 promises

js中有很多方式能够实现异步调用,jiang

2014-04-09 00:04:04 984

原创 学习图片翻转的代码

前两天在github上逛发现slick排在了第一,顺便ba

2014-04-05 14:18:00 818

转载 学习瀑布流代码

以下代码与瀑布流没有关系,知识由于开始的时候看了

2014-04-03 23:42:28 795

原创 jquery源码学习

读了jquery源码才知道自己有多菜,今天学习了jQuery.inArray这个工具函数。inArray: function( elem, arr, i ) { var len; if ( arr ) { // if ( indexOf ) { // return indexOf.call( arr, elem, i ); // } len = arr.len

2014-04-01 23:20:25 625

原创 css样式案例

新分析结果显示,MH370航班的最后位置是在珀斯以西的印度洋南部海域 .马来西亚总理纳吉布24日晚在临时新闻发布会上说,针对卫星数据的最新分析结果显示,MH370航班的最后位置是在珀斯以西的印度洋南部海域 .p { font-size: 12px; line-height: 18px;//保证line-height是height的1.5倍 letter-spacing: .5px

2014-03-28 16:36:59 610

原创 canvan 画环的进度加载

#myCanvas{ border: 1px solid #9C9898;}$.fn.makeProgress = function(x, y, radius, start_angle, end_angle, color, line_width){ var c = $(this).get(0); var context = c.getContext("2d");

2014-03-27 00:05:50 792

原创 源码学习----underscore

以前在网上做过一个面试题,在一个有序的数组查找特定值,如果存在返回数组下标,否则将数值插入数组中。我的之前做法在这里!通过进一步学习underscoreJS,发现可以这么写var arr = [10,20,30], value = 35;var location = _.sortIndex( arr, value);arr[location] == value || arr.splice(

2014-03-23 18:33:39 932 1

原创 js实现查找有序序列下的元素

1.插入后返回数据function sort_arr(arr_sort, n){    for(var i=arr_sort.length-1; i>=0 ;i--){      if(  n == arr_sort[i] ){ return i};      if( n         arr_sort[i+1] = arr_sort[i];      }else{

2014-03-22 13:57:51 1002

原创 js基础知识

不知道取什么名字,只好取一个大众的名字,当你真的想学习,因为以下是在qq群(jquery超级交流群)里面的问题,记录在这里,全当是留个念想了。下面的方法是我认为最好的了,如果哪位有其他思路请指正。1.查找数组中哪个和零最近,然后进行什么什么操作。最近正在重新学习underscore,所以下面的使用了里面的方法。 var result = { min : Number.

2014-03-21 09:53:01 877

原创 前端面试题

事件冒泡(选项卡的实现)http://jsbin.com/hecaw/1/editaddEventListener 实现对事件的冒泡和捕获处理,需要定义到父节点上才能生效!!如果定义到本身的话,无论你的第三个参数是true or false 都是失效的,当然这个就不是冒泡和捕获情况了jsbin前端的延迟请求:1.在script标签中使用defer属性可以达到延迟加载2.可以通过html5的pref

2014-03-09 20:55:42 1105

原创 学习bootstrap笔记

实习的时候接触到bootstrap2.0.3,根据教程写页面。当被问到bootstrap的优缺点的时候,又不知道怎么说?今天看了关于bootstrap的书(http://book.douban.com/subject/19992849/),有了一丝理解:可以利用bootstrap 快速搭建跨平台的应用程序,而且特别优雅(优点)它非常容易上手,和jquery非常像,让程序爱不释手(缺点)

2014-03-04 23:24:02 8870

转载 jquery对原生方法的使用

var deletedIds = [];var slice = deletedIds.slice;var concat = deletedIds.concat;var push = deletedIds.push;var indexOf = deletedIds.indexOf;var class2type = {};var toString = class2type.to

2014-03-02 13:44:02 2098

转载 滚动动态加载图片

转自:聂微东http://www.nieweidong.com/?p=54var scrollLoad = (function (options) { var defaults = (arguments.length == 0) ? { src: 'xSrc', time: 300} : { src: options.src || 'xSrc', time: options

2013-10-22 10:51:29 1020

原创 解决几个疑问?

1.Math.min(1,2,3,4),可以取到最小的数字,不一定是需要两个参数的。当然使用这个函数可以找出数组的最小/最大数字Math.min.call(Math,[1,2,3,4]);

2013-10-21 16:13:26 529

原创 indexof 到底为何那么用

Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {//不要经常用indexOf,因为indexof效率会更低的,但是为什么有的代码要写这个    'use strict';    if (this == null) {      throw new TypeError();    }   

2013-10-19 21:23:39 627

原创 navigator.geolocation

受人以鱼,不如授人以渔geolocation是html5提供的API,已经被主要浏览器支持geolocation.getCurrentPosition and geolocation.watchPosition 是提供的两个函数,一个是查看一个位置信息而后者是不断的读取位置信息。两个function的paramas是相同的,都是成功调用success,失败调用error(h

2013-07-13 14:32:32 936

原创 ubuntu下Rails命令

1. app/models$ ->rails dbconsole 直接进入mysql的相关数据库,当然也是可以进行直接操作的!select * from my_table where condition ;desc my_table; ->查看表的结构select * from my_table order by id desc limit 1;show tables;sele

2013-07-08 19:43:25 593

原创 遍历object

遍历object function myFunc(k,v){ if(k!="age"){ return v; }else{ //return 1; } }

2013-06-14 16:24:31 2053

转载 视频等比例缩放

Test Test Test! /*reset.css*/ body{ background: white; } /*-------------------------*/ .video-fluid{ position: relative;

2013-06-14 16:09:00 3050

原创 地址栏传参需要编码

一直以为这不是问题,每次传的时候都会自觉将中文字符用encodeURI编码,而这些都是课本上的填鸭式的方法,不知其所以为。看到这篇http://www.cnblogs.com/zhangziqiu/archive/2009/01/20/encoding.html,深有感触。实验:当使用360浏览器利用jsonp方式返回json数据时,可以正确返回结果;当使用ff时真的出现了乱码情况。总结:

2013-05-15 10:58:00 1943

原创 __qem的提出到底是为什么?

hax在微博中提出,chrome的边距是多少?__qem是什么?0__qem==2 等于0 px吗?等于0px(一种情况)为什么0__qem == 2px?看webkit源码。。为什么要引用__qem呢?这个问题就引入了一个wtf问题,而这个问题就是解决怪异情况下的解决办法什么又是quirks mode??就像课本中讲的,quirks mode和标准mode下的种种不同吗?其实

2013-05-06 22:45:00 1064

原创 html页面中不能有两个相同id的元素吗?

之前看书的时候,页面中如果有两个以上的样式相同最好使用class属性,如果使用id属性就会报错,一直就这么以为着,但是今天试了试不是那么回事?Function Example 10aaabbb (function(){ //alert(document.getElementById("my").innerHTML);//aaa //alert(document.all

2013-04-30 10:46:46 17081 1

原创 javascript高级程序设计学习笔记

1.62页 SwitchStatementExample04.html    Switch Statement Example 4            var num = 25;        switch (num) {            case num < 0: //与表达式进行计算,是否匹配                alert("Less than 0.

2013-04-25 20:25:51 711

转载 巧用注释实现不支持javascript的浏览器功能优雅降级

浏览器不支持js可能有两种情况:http://一个是jscript.dll系统文件破坏(jscript.dllMicrosoft JavaScript脚本支持相关文件),另一个是浏览器禁用了脚本功能(这种用户一般是干不出来的)。下面的代码来自奇舞团: document.write('<\!--');//xxx scroll、resize等条件执

2013-04-18 10:21:50 985 2

原创 利用arcgis由txt文件创建图层

本来想偷偷懒,利用gps测量的数据,然后转成shp格式文件,经历艰辛万苦终于功德圆满!下面把我所遇到的问题和解决方法写在这里,希望自己和其他人不要烦心了!1.首先利用Unistrong 的手簿测量数据,然后利用Unistrong GIS Office---tools----绘制航迹(特别重要,把每个道路分别都绘制出来),然后转出gpx格式文件。2。利用网上搜的方法(http://resou

2013-04-12 18:47:49 3632

原创 css+js模仿selector

前两天看到点点http://mianshiti.diandian.com/有一个这个题,利用js实现selector,有人要问本来有selector为什么还要js重写一遍,岂不是不此一举?当然不是,selector不像。net控件那样它是死的,不能由后台提供数据,由于是死的它的样式是单一,这样对于做一个友好的界面是不可取的,自己感觉特别硬。下面的例子主要是css的伪类(以前没用过,用了感觉很好

2013-03-09 20:12:17 1600

转载 QueryTask,FindTask,IdentifyTask初步介绍

转自:http://www.cnblogs.com/pandy/archive/2011/03/19/1988835.html

2013-02-20 12:54:56 907

转载 服务器网页缓存的深入分析

Expires、Cache-Control、Last-Modified、ETag是RFC 2616(HTTP/1.1)协议中和网页缓存相关的几个字段。前两个用来控制缓存的失效日期,后两个用来验证网页的有效性。要注意的是,HTTP/1.0有一个功能比较弱的缓存控制机制:Pragma,使用HTTP/1.0的缓存将忽略Expires和Cache-Control头。我们这里以Apache2.0服务器为例,

2013-02-02 14:34:36 413

原创 不一样的console!

大家可能都用过console,它是一个工具,在FF里面。经常使用console.log来代替alert进行调试。今天脑子一热,console.log(console) 结果又会是怎样?发现它是一个对象,包括若干种听都没听过的方法,这些方法有的实用,有的感觉像是鸡肋。感觉最深的有三个方法,下面说一说我的看法。first:console.trace() 这个方法第一个举出是因为,这个方

2013-01-02 20:22:46 467

原创 ECMAScript 和 dom

js包括javascriptCore DOM BOM,这里的javascriptCore 和 ECMAScript是一样的。突然产生了一个疑问,dom是怎么js联系起来的比如说事件?看来是弧度了。。。设想这样的一个请况,用js动态添加内容后,怎么实现事件响应?1.abc------->dom.innerHTML 这样可以可以很好的兼容不同浏览器2. dom.ready(getElementById

2012-12-28 20:23:13 697

原创 ie vs ff

不知道什么时候开始ie和ff产生分歧,也不知道他们什么时候才能和解?我又是从什么时候开始学习web编程的了,怎么总是觉得解决js的问题总是解决浏览器的兼容问题,哎。此贴会不断,来记录我所经历的ie和ff的差别?1.浏览器中如果把a标签的下划线去掉是不是利用text-deraction:none,但是你要在鼠标放在a上又让它出现,你会怎么实现呢?a hover{text-deraction:

2012-12-19 21:12:00 491

原创 旁门左道的js

喜欢这个名字,不是吗?js有很多类似于bug的东西,例如:既然在dom2中已经有了对element.className进行赋值就能更改元素的样式,但是这个只是相对于已经在dom树上的结点,如果是刚createElement的元素最好还是使用setAttribute方法,但是还要注意setAttribute接受的参数必须是“本本分分”的string类型,切记!

2012-12-18 22:04:11 491

原创 range-----selection

之前只是在网上摘下关于selection&range对象的方法使用,认为他们密不可分,错误的认为:range对象必须由window.getSelection().createRange()[range]或document.selection.createRange()[textRange]来生成,其实这个只是一种生成Range的方法,且这种方法是应用于用户选中一段区域。       查看文档才

2012-12-09 09:29:04 1721

原创 DOM range对象

The Range object represents a fragment of a document that can contain nodes and parts of text nodes in a given document.A range can be created using the createRange method of the Document object

2012-12-04 20:04:56 1301

原创 再谈js原型继承

js的经典就是原型继承!但是下面不是原型继承,尽管原型继承是js继承的经典,由于具有许多问题,所以可以对其加以修改下面列举的实际上是混合继承【今天又遇到了这个尴尬的问题,但是忘记了记在哪里?这次决定放在网上,以供参考】 var Range = function(document){ this.doc = document;

2012-12-03 19:48:00 530

原创 学习UEditor

前两天写的东西把UEditor写成了UEeditor。哎,是自己疏忽大意了,错误把UEeditor想成了user experience editor,为什么百度不用这个名字呢?这里只是开个玩笑 ,归正文。今天终于把ueditor加入了自己论坛,但是发现的问题真不少:开始想图方便,就是在原来的位置新建一个和原来相同的editor.html,发现有一个zh-cn.js未找到,这个文件好像写

2012-12-01 19:57:36 1328

原创 学习百度UEeditor之domUtils.js

var domutils = { on:function(obj,type,handler){ if(obj.addEventListener){ obj.addEventListener(type,handler,false); } else if(obj.attachEvent){ if(!handler._d){ handler._d = {}

2012-11-29 20:52:40 2539

空空如也

空空如也

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

TA关注的人

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