- 博客(75)
- 收藏
- 关注
原创 javascript学习笔记之javascript core
obj 与 prototype对象包含属性和方法,一个对象obj如果在本身中没有发现属性prop,就会去找它的原型对象prototype查找属性,通过__proto __查找__proto __和prototype__proto 始终指向创建此对象构造函数的prototype对象。其实每个函数也有自己的__proto__指向
2014-07-27 17:30:18 621
转载 异步js调用:callback,listeners,control flow libs 和 promises
js中有很多方式能够实现异步调用,jiang
2014-04-09 00:04:04 993
原创 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 632
原创 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 619
原创 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 802
原创 源码学习----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 954 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 1023
原创 js基础知识
不知道取什么名字,只好取一个大众的名字,当你真的想学习,因为以下是在qq群(jquery超级交流群)里面的问题,记录在这里,全当是留个念想了。下面的方法是我认为最好的了,如果哪位有其他思路请指正。1.查找数组中哪个和零最近,然后进行什么什么操作。最近正在重新学习underscore,所以下面的使用了里面的方法。 var result = { min : Number.
2014-03-21 09:53:01 884
原创 前端面试题
事件冒泡(选项卡的实现)http://jsbin.com/hecaw/1/editaddEventListener 实现对事件的冒泡和捕获处理,需要定义到父节点上才能生效!!如果定义到本身的话,无论你的第三个参数是true or false 都是失效的,当然这个就不是冒泡和捕获情况了jsbin前端的延迟请求:1.在script标签中使用defer属性可以达到延迟加载2.可以通过html5的pref
2014-03-09 20:55:42 1114
原创 学习bootstrap笔记
实习的时候接触到bootstrap2.0.3,根据教程写页面。当被问到bootstrap的优缺点的时候,又不知道怎么说?今天看了关于bootstrap的书(http://book.douban.com/subject/19992849/),有了一丝理解:可以利用bootstrap 快速搭建跨平台的应用程序,而且特别优雅(优点)它非常容易上手,和jquery非常像,让程序爱不释手(缺点)
2014-03-04 23:24:02 8878
转载 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 2117
转载 滚动动态加载图片
转自:聂微东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 1028
原创 解决几个疑问?
1.Math.min(1,2,3,4),可以取到最小的数字,不一定是需要两个参数的。当然使用这个函数可以找出数组的最小/最大数字Math.min.call(Math,[1,2,3,4]);
2013-10-21 16:13:26 538
原创 indexof 到底为何那么用
Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {//不要经常用indexOf,因为indexof效率会更低的,但是为什么有的代码要写这个 'use strict'; if (this == null) { throw new TypeError(); }
2013-10-19 21:23:39 634
原创 navigator.geolocation
受人以鱼,不如授人以渔geolocation是html5提供的API,已经被主要浏览器支持geolocation.getCurrentPosition and geolocation.watchPosition 是提供的两个函数,一个是查看一个位置信息而后者是不断的读取位置信息。两个function的paramas是相同的,都是成功调用success,失败调用error(h
2013-07-13 14:32:32 968
原创 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 606
原创 遍历object
遍历object function myFunc(k,v){ if(k!="age"){ return v; }else{ //return 1; } }
2013-06-14 16:24:31 2064
转载 视频等比例缩放
Test Test Test! /*reset.css*/ body{ background: white; } /*-------------------------*/ .video-fluid{ position: relative;
2013-06-14 16:09:00 3079
原创 地址栏传参需要编码
一直以为这不是问题,每次传的时候都会自觉将中文字符用encodeURI编码,而这些都是课本上的填鸭式的方法,不知其所以为。看到这篇http://www.cnblogs.com/zhangziqiu/archive/2009/01/20/encoding.html,深有感触。实验:当使用360浏览器利用jsonp方式返回json数据时,可以正确返回结果;当使用ff时真的出现了乱码情况。总结:
2013-05-15 10:58:00 1962
原创 __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 1076
原创 html页面中不能有两个相同id的元素吗?
之前看书的时候,页面中如果有两个以上的样式相同最好使用class属性,如果使用id属性就会报错,一直就这么以为着,但是今天试了试不是那么回事?Function Example 10aaabbb (function(){ //alert(document.getElementById("my").innerHTML);//aaa //alert(document.all
2013-04-30 10:46:46 17229 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 723
转载 巧用注释实现不支持javascript的浏览器功能优雅降级
浏览器不支持js可能有两种情况:http://一个是jscript.dll系统文件破坏(jscript.dllMicrosoft JavaScript脚本支持相关文件),另一个是浏览器禁用了脚本功能(这种用户一般是干不出来的)。下面的代码来自奇舞团: document.write('<\!--');//xxx scroll、resize等条件执
2013-04-18 10:21:50 1011 2
原创 利用arcgis由txt文件创建图层
本来想偷偷懒,利用gps测量的数据,然后转成shp格式文件,经历艰辛万苦终于功德圆满!下面把我所遇到的问题和解决方法写在这里,希望自己和其他人不要烦心了!1.首先利用Unistrong 的手簿测量数据,然后利用Unistrong GIS Office---tools----绘制航迹(特别重要,把每个道路分别都绘制出来),然后转出gpx格式文件。2。利用网上搜的方法(http://resou
2013-04-12 18:47:49 3712
原创 css+js模仿selector
前两天看到点点http://mianshiti.diandian.com/有一个这个题,利用js实现selector,有人要问本来有selector为什么还要js重写一遍,岂不是不此一举?当然不是,selector不像。net控件那样它是死的,不能由后台提供数据,由于是死的它的样式是单一,这样对于做一个友好的界面是不可取的,自己感觉特别硬。下面的例子主要是css的伪类(以前没用过,用了感觉很好
2013-03-09 20:12:17 1612
转载 QueryTask,FindTask,IdentifyTask初步介绍
转自:http://www.cnblogs.com/pandy/archive/2011/03/19/1988835.html
2013-02-20 12:54:56 924
转载 服务器网页缓存的深入分析
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 426
原创 不一样的console!
大家可能都用过console,它是一个工具,在FF里面。经常使用console.log来代替alert进行调试。今天脑子一热,console.log(console) 结果又会是怎样?发现它是一个对象,包括若干种听都没听过的方法,这些方法有的实用,有的感觉像是鸡肋。感觉最深的有三个方法,下面说一说我的看法。first:console.trace() 这个方法第一个举出是因为,这个方
2013-01-02 20:22:46 476
原创 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 707
原创 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 502
原创 旁门左道的js
喜欢这个名字,不是吗?js有很多类似于bug的东西,例如:既然在dom2中已经有了对element.className进行赋值就能更改元素的样式,但是这个只是相对于已经在dom树上的结点,如果是刚createElement的元素最好还是使用setAttribute方法,但是还要注意setAttribute接受的参数必须是“本本分分”的string类型,切记!
2012-12-18 22:04:11 497
原创 range-----selection
之前只是在网上摘下关于selection&range对象的方法使用,认为他们密不可分,错误的认为:range对象必须由window.getSelection().createRange()[range]或document.selection.createRange()[textRange]来生成,其实这个只是一种生成Range的方法,且这种方法是应用于用户选中一段区域。 查看文档才
2012-12-09 09:29:04 1750
原创 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 1311
原创 再谈js原型继承
js的经典就是原型继承!但是下面不是原型继承,尽管原型继承是js继承的经典,由于具有许多问题,所以可以对其加以修改下面列举的实际上是混合继承【今天又遇到了这个尴尬的问题,但是忘记了记在哪里?这次决定放在网上,以供参考】 var Range = function(document){ this.doc = document;
2012-12-03 19:48:00 541
原创 学习UEditor
前两天写的东西把UEditor写成了UEeditor。哎,是自己疏忽大意了,错误把UEeditor想成了user experience editor,为什么百度不用这个名字呢?这里只是开个玩笑 ,归正文。今天终于把ueditor加入了自己论坛,但是发现的问题真不少:开始想图方便,就是在原来的位置新建一个和原来相同的editor.html,发现有一个zh-cn.js未找到,这个文件好像写
2012-12-01 19:57:36 1335
原创 学习百度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 2559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人