- 博客(49)
- 收藏
- 关注
RSS订阅原创 css3的选择器
1.1 选择器CSS3新增了许多灵活查找元素的方法，极大的提高了查找元素的效率和精准度。CSS3选择器与jQuery中所提供的绝大部分选择器兼容。1.1.1 属性选择器参考手册1、E[attr]表示存在attr属性即可；2、E[attr=val]表示属性值完全等于val3、E[attr~=val]表示的一个单独的属性值 这个属性值是以空格分隔的4、E[a
2016-10-26 20:05:05
429
原创 js内置的进制转换
console.log(parseInt("11", 2)); // 3 2进制转10进制 console.log(parseInt("77", 8)); // 63 8进制转10进制 console.log(parseInt("af", 16)); //175 16进制转10进制 /*将10进制转换为2进制，八进制，十六进制字符串 Object.toString(n
2016-10-16 11:57:04
554
转载 js中的stringBuilder
Step 1.探秘JavaScript里的字符串连接举例：var str = "good";str += " morning";代码实际执行步骤和C#中的类似1.分配"good"的内存2.分配" morning"的内存3.开辟两个字符串连接后的内存4.将str当前的内容复制到新内存5.把" morning"复制到新内存6.把str的引用指向新的内存
2016-10-14 11:51:30
1615
原创 访问历史API
History Api html, body { height: 100%; overflow: hidden; margin: 0; padding: 0; } aside { background-color: #ccc; width: 220px; float:
2016-10-04 22:39:59
393
原创 H5历史API之pushstate
function add(){ //判断浏览器是否支持这个api if(window.history&&history.pushState){ //支持 history.pushState(new Date(),"设置历史状态显示的标题，但是浏览器不支持",'?demo='+new Date().toLocaleStr
2016-10-04 22:36:28
747
原创 Jquery UI的小zongji
1.1 复习jQuery操作DOMjQuery课程的目标：学会使用jQuery设计常见效果选择器 基本选择器：#id 、.class、element、*、层级选择器： 空格、>、+、~ 基本过滤选择器：:first、:last、:eq(index)、:lt(index)、:gt(index)、:odd、:even 筛选选择器：.eq(index)、.children
2016-10-03 00:53:42
430
原创 一些在面试中可能遇到的编程题
//1、找出item元素在给定数组arr中的位置 /* function a(arr,item){ console.log(arr.indexOf(item)) ; } a([1,2,3,4],4);*/ //2、将元素的位置互换 /* var a=['a','b','c']; console.log(a.reverse());*/
2016-10-02 19:22:34
320
原创 解析url
function parseQueryString(url) { var json = {}; var arr = url.substr(url.indexOf('?') + 1).split('&'); arr.forEach(function(item) { var tmp = item.split('=');
2016-09-27 19:21:55
298
原创 原型的两种方式
/* var Student = { name: 'Robot', height: 1.2, run: function () { console.log(this.name + ' is running...'); } }; var xiaoming = { name: '小明' };
2016-09-27 12:29:08
523
原创 Jquery实现360图片导航效果
*{margin:0;padding:0;} ul{list-style: none;} img{display: block; border:0;} .wrapper{width: 752px; border:1px solid #ccc; padding: 10px 0 0 10px; font-
2016-09-21 15:31:01
561
原创 手风琴效果
* { margin: 0; padding: 0; } ul{ list-style: none; } .wrap { width: 1010px; margin: 100px auto 0; }
2016-09-21 15:12:38
238
原创 三层级伦播图
ul,li,ol{ margin:0; padding:0; text-decoration: none; list-style: none; } .wrap{ width:650px; height:250px;
2016-09-21 15:04:38
517
原创 淘宝服饰精品广告
* { margin: 0; padding: 0; font-size: 12px; } ul { list-style: none; } a { text-decoration: none; }
2016-09-20 14:27:41
1080
原创 右下角的弹出框
.ad { position: fixed; right: 0; bottom: 0; width: 230px; height: 120px; background-image: url(imgs/ad.jpg); display
2016-09-19 21:52:53
405
原创 HTML dom中的insertBefore和Jquery中的区别
CoffeeTea请点击按钮向列表插入一个项目。试一下function myFunction(){var newItem=document.createElement("LI")var textnode=document.createTextNode("Water")newItem.appendChild(textnode)var list=document.getEle
2016-09-18 20:42:48
634
原创 js实现快速排序
快排思想（1）在数据集之中，选择一个元素作为"基准"（pivot）。（2）所有小于"基准"的元素，都移到"基准"的左边；所有大于"基准"的元素，都移到"基准"的右边。 var quickSort = function(arr) { if (arr.length <= 1) { return arr; } var pivotIndex = Ma
2016-09-12 09:38:58
347
原创 PHP基础
<?php $team=array("bill","kill","healsr","cindy");// echo $team[3]; /*$oxo=array(array('x','','o'), array('o','o','x'), array('x','y','z')); echo $oxo[0][2szr4r];*/ /*字符串连接使用句点（.）将一个字符串
2016-09-07 22:17:09
230
原创 仿网易轮播图
下面是slider.js/** * Created by andy on 2015/11/23. */window.onload = function() { // 获取元素 function $(id) {return document.getElementById(id);} var js_slider = $("js_slider"); // 获取最大盒子
2016-09-06 19:17:47
986
原创 放大镜
* {margin: 0;padding: 0;} img { vertical-align: top; } .box { width: 350px; height: 350px; margin:100px; border: 1px
2016-09-05 19:49:38
208
原创 含缓动公式的js样式
*{margin: 0; padding: 0;} ul {list-style:none;} body { background-color: #000; } .nav { width: 800px; height: 42px; back
2016-09-04 01:12:23
403
原创 h5拖放2
DragDrop.js/** * Created by wwtliu on 16/6/28. */(function(){ var disX = 0; var disY = 0; var minZindex = 1; var aPos = []; function setDrag(obj,aLi) { obj.onmou
2016-08-31 10:39:50
306
原创 h5拖放1
02drag img.html #box{ width: 500px; height: 500px; margin: 20px auto; background: pink; } //1.获取元素 var img = document.getElementById('img');
2016-08-31 09:58:33
428
原创 运动框架
/** * Created by Administrator on 2016/6/28. */var Tween = { Linear: function (t, b, c, d) { return c * t / d + b; }, Quad: { easeIn: function (t, b, c, d) {
2016-08-30 14:50:37
203
原创 ajax登录
function ajax(callback,data) { //创建ajax对象 //未优化的 var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject() var xhr = new (window.XMLHttpRequest ? XMLHttpR
2016-08-24 20:17:41
232
原创 单例模式、惰性函数
//1.定义一个对象 var obj = { //2.初始化方法 init:function(){ //3.如果自己的xhr有值真的 就直接返回自己的xhr属性 if(this.xhr){ return this.xhr; }else{ alert('没有属性初始化一次'); //4.如果自己的x
2016-08-24 15:04:51
366
原创 将局部变量开放api给外部使用及链式编程
//局部变量默认外界获取不到的 function demo(){ //在函数内部定义的变量或函数等都是私有的 //1.到金库里面取金条 function money(){ alert('到金库里面取金条'); } //2.获取金库密码 function getPwd(){ alert('获取金库的密码'); } //3.私有的钱
2016-08-24 11:19:36
227
原创 闭包实现选项卡的切换
*{ margin: 0; padding: 0; list-style:none; } #list{ text-align: center; overflow: hidden; } #list li{ float: left; width: 20px; line-height:20px; background:#ccc;
2016-08-24 10:41:50
672
原创 ajax基础封装
(function () { //1.定义一个未定义的变量用来和其它变量比较是否是没定义 var undefined; /** * 执行ajax时一般需要6项配置 * 请求类型 * url地址 * 数据 * 是否异步 * 成
2016-08-23 10:28:22
231
原创 ajax兼容问题代码
var oBtn=document.getElementById("btn"); oBtn .onclick=function(){ //打开浏览器 /** var xhr=null; if(window.XMLHttpRequest){//window.XMLHttpRequest window下的MLHttpRequest若不存在返回的是u
2016-08-19 09:16:09
246
原创 json
<!-- city -> 插入option 中 div 中{ date_y -- 》h1 p 中{ week temp1 weather1 wind1 index } } 点击option时，切换div
2016-08-17 20:18:17
207
原创 验证验证码
input{width:60px;height:40px;border:1px solid yellow;} span{width:40px;height:40px;border: 1px solid blue;display:inline-block;} //随机获取验证码 function getRandomStr(length){
2016-08-17 20:16:39
472
转载 常用排序算法之JavaScript实现
笔试面试经常涉及各种算法，本文简要介绍常用的一些算法，并用JavaScript实现。1、插入排序1）算法简介插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。插入排序在实现上，通常采用in-place排
2016-08-17 08:58:15
202
原创 数组去重的两种方式
/*第一种方式 var hash ={ key :value, "hello":true, "node":true, "world":true };*/ function unique() { var arr = ["hello","world","node","hello","node","node","node
2016-08-15 21:20:03
279
转载 JavaScript中call,apply,bind方法的总结。
why？call,apply,bind干什么的？为什么要学这个？ 一般用来指定this的环境，在没有学之前，通常会有这些问题。var a = { user:"追梦子", fn:function(){ console.log(this.user); }}var b = a.fn;b(); //undefined我们是
2016-08-10 18:16:30
209
转载 深入理解this
首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。 为
2016-08-10 17:55:28
279
原创 点击一列显示其index的三种方法
这是第一条 这是第二条 这是第三条 //第一种方式，加入index属性 /**window.onload=function(){ * var otest=document.getElementById('test'); var oli=document.getElementById('test').getElementsByTag
2016-08-10 12:03:15
2572
原创 点击按钮显示对应的图片
img{display:none;} 请选择 图片1 图片2 图片3 图片4 var arr=["1.png","2.png","3.png","4.png"]; var imgShow=document.getElementById('imgshow');
2016-08-10 12:00:59
7299
原创 BOM
(2)JavaScript引擎JavaScript引擎的主要作用是，读取网页中的JavaScript代码，对其处理后运行。默认情况javascript是同步加载的，javascript的加载是阻塞的，后面的元素要等待js加载完毕后才能进行再加载。2.defer属性（只支持IE）defer属性的作用是，告诉浏览器，等到DOM加载完成后，再执行指定脚本。1、浏览器开始解析H
2016-08-09 15:48:40
216
原创 y数组 join();concat();pop();push();
.数组（1）数组的定义数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。var arr = ['a', 'b', 'c'];上面代码中的a、b、c就构成一个数组，两端的方括号是数组的标志。a是0号位置，b是1号位置，c是2号位置。除了在定义时赋值，数组也可以先定义后赋值。var arr = [];arr[0] = ‘
2016-08-08 17:20:30
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人