2015年11月_行走的柯南

原创 JQ 常用方法

1 事件委托在做后台的模板的时候，有一些元素板块是动态添加的，无法执行写的click函数，所以了解了通过事件委托来执行函数。网址链接 http://www.webmxx.com/Blog/html/addprod.html在区块划过时候，点击编辑的按钮，本来是应该弹出对应的右侧区块，但是如果这么写：$("..mask-edit").on("click" ,function () {

2015-11-25 17:35:59 372

原创数组排序

使用JS的代码 <script> function NumAscSort(a,b){return a - b;} function NumDescSort(a,b){return b - a;} var objarr = [21,12,17,58,5,19,87,2,76,8]; $(".arr").click(func

2015-11-18 17:42:11 257

原创关于 ==

var c="g"; var d="g"; console.log( c==d); //true var a={"a" : c }; var b={ "a": c}; console.log( a==b); //false var arr =[1,2,3] var caa =[1,2,3

2015-11-18 10:02:31 246

原创关于数组的一些操作

1 在数组中查找某个元素是否存在 $.inArray() var find = "miss" ;var arr =[ "other" , "some" ,"heart" ];var end = $.inArray( find , arr ); console.log(end);// 参数在数组中的位置(如果没有找到则返回 -1 )比如查找数组中最大值var arr =[ 1,5,6,9 ];

2015-11-17 17:01:41 261

原创购物车shopping-cart问题

在做商城的时候要写一个购物车的样式：在做最后一行进行商品数量计算以及金额计算的时候，遇到一点问题： <ul aria-labelledby="dropdownMenu1"> <li class="product"> <ul class="clearfix"> <li class="pro-img"> <img src="img/produc

2015-11-17 14:35:56 1089

原创 be careful

1 使用jq的appendTo添加元素时$("<span>").appendTo( $(".box") );经过测试$("<span>").text("what whay ").appendTo(".ss");$("<b>").text("what whay ").appendTo( $(".ss") ); $("<div></div>").text("what whay ").

2015-11-13 14:33:52 353

转载原生JS判断手机还是电脑登陆

<div id="my_web">您是电脑登录</div> <div id="my_wap">您是手机登录</div> <script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase();

2015-11-11 09:39:06 965

原创技巧

1 随机码console.log(Math.random().toString(36).substring(2));或者console.log(Math.random().toString(16).substring(2));2

2015-11-10 16:18:44 239

原创瀑布流

结构层<section class="box"> <figure> <img src="image/1.jpg" /> </figure> <figure> <img src="image/image11.png" /> </figure>

2015-11-10 15:24:45 261

原创关于字符串的操作

split 把字符串分割为子字符串数组substring 返回字符串的指定部分slice 返回字符串的指定部分 String 对象的方法 slice()、substring() 都可返回字符串的指定部分。slice() 比 substring() 要灵活一些，因为它允许使用负数作为参数。 var a = "http://www.umi.com.cn/UploadFile/201/showPa

2015-11-09 17:20:22 249

原创简单的时间轴函数

function settime (obj, data,timestop ,usetime) { function fun () { obj.animate( data , usetime) } setTimeout( fun,timestop )}settime($(".check"),{width:"10px",opacity:"0"},3000,3000);

2015-11-09 17:10:08 542

原创遍历DOM

通常需要获取一个元素，操作周围元素，或者递归查找所有子节点。元素节点 DOM元素属性比如 childNodes firstChild nextSibiling 并不会区分元素节点和其他类型的节点，比如文本节点等。下面列出只会返回元素节点的API 属性名被替代的属性 children chil

2015-11-08 12:28:24 236

转载 filter 万中选一

$.each( $('.a').filter(':visible') , function(i){ alert($(this).html());});<div class="slides"> <div class="a" style="display:none">a</div> <div class="a" style="display:none">b</div>

2015-11-05 18:58:34 193

原创 RegExp正则表达式

什么是 RegExp？ RegExp 是正则表达式的缩写。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。您可以规定字符串中的检索位置，以及要检索的字符类型，等等。 var letter = new RegExp("d") // 将搜索字符e RegE

2015-11-05 15:48:21 435

转载转换千分位显示

<input type="text" /> <button>click</button> <p class="cont"></p><script> $("button").click(function () { number = $("input").val().toString(); if (/^-?\d+\.?\d+$/.t

2015-11-05 15:34:32 496

原创标题滚动显示

<tltle></title> var titleMes = document.title ; titleMes = "..." + titleMes ; mesLong = 0;function titlescroll(){ document.title = titleMes.substring(mesLong , titleMes .length )+titleM

2015-11-03 11:49:43 309

原创添加元素

var ulbox =document.getElementByTagName("ul")[0];function addElement (obj,cont){ var newli = docuemnt.creatElement("li"); newli.setAttribute("class","newli"); newli.innerHtml= cont; obj.app

2015-11-03 10:30:43 288

JavaScript中很多时候会用到this，下面详细介绍每一种情况。在这里我想首先介绍一下宿主环境这个概念。一门语言在运行的时候，需要一个环境，叫做宿主环境。对于JavaScript，宿主环境最常见的是web浏览器，浏览器提供了一个JavaScript运行的环境，这个环境里面，需要提供一些接口，好让JavaScript引擎能够和宿主环境对接。JavaScript引擎才是真正执行JavaScript

2015-11-02 19:21:18 270

转载 FAQ 前端面试题大杂烩

1 行内元素有哪些？块级元素有哪些？空(void)元素有那些？行内元素：a img span b input strong select块级元素：p div ul、ol系列 h系列常见的空元素： <br> <hr> <img> <input> <link> <meta>不常用的是： <area> <base> <col> <command> <embed> <

2015-11-02 18:28:47 328

转载 Gulp

本文转载自http://www.w3ctech.com/topic/134 非常感谢作者的翻译以及编写Gulp是一个构建系统，它能通过自动执行常见任务，比如编译预处理CSS，压缩JavaScript和刷新浏览器，来改进网站开发的过程Gulp是一个可以在GitHub上找到的开源项目。 Gulp官网地址 http://www.gulpjs.com.cn/What Is Gulp?Gulp是一个构建系

2015-11-02 17:44:40 581

转载 css选择器以及权重问题

css选择器【The selector】1 css基础选择器$("#home") $(".slide")$("ul li a")$(".box > h2")$("span.sex")2 css属性选择器$("input[type]") //具有type属性的input$("input[type="text"]") $("height=20px")$("a[href^='http:/

2015-11-02 16:58:48 414

qq_31123547的博客