web前端
AaronHale
web开发工程师
展开
-
从后台获得数据,前台实现数据加载和异步查询
**从后台获得数据,前台实现数据加载和异步查询前台页面大体是这样的 默认加载指定页签的第一页数据, 单击顶部页签时,异步请求相应的第一页数据 单击底部页码时,异步请求对应页码的数据 单击前进和后退时,对应请求相关数据和按钮的禁用状态php部分<?php思路:未提交页签则默认异步加载指定的页签第一页数据,客户端提交了页签则异步加载对应的第一页数据,都要向前端页面返回指定页签的id客户端提交原创 2017-09-22 18:11:12 · 2653 阅读 · 0 评论 -
有序发送多个ajax请求,获得对应请求的数据
var urlList=['1.php','2.php','3.php','4.php'];function ajax(index,arr){ if(index<arr.length){ var value=arr[index]; $.ajax({ url:value, type:'GET', ...原创 2018-02-28 22:17:20 · 1045 阅读 · 0 评论 -
星级评价
var rate=4;"★★★★★☆☆☆☆☆".slice(5-rate,10-rate);原创 2018-02-02 13:42:42 · 261 阅读 · 0 评论 -
let 声明相关问题
1 let 声明的变量不会声明提前2 只声明未赋值 默认值为undefined3 let 不能重复声明同一个变量4 let 声明的变量为块级作用域原创 2018-01-10 16:32:56 · 1134 阅读 · 0 评论 -
promise.all()
promise对象和jq结合处理ajax多个异步任务 Promise.all([//all 接收一个数组 $.ajax({url:'data/arr.txt',dataType:'json'}), $.ajax({url:'data/num.txt',dataType:'json'}), //... ]).原创 2018-01-10 15:45:03 · 457 阅读 · 0 评论 -
构造函数的参数问题
function fun1(name){//未传参数的话 下面的语句未执行 new fun1() 为一个空对象{} 原型对象中有一个name属性为tom if(name)this.name=name; } function fun2(name){//未传参数的话,this.name=undefined; new fun2()为{name:undefined}对象 原原创 2018-01-18 18:51:58 · 631 阅读 · 0 评论 -
常用正则
日期:/^((19|20)\d{2}-(0?[1-9]|1[012])-([12]\d|0?[1-9]|3[01]))$/原创 2018-02-01 17:37:04 · 161 阅读 · 0 评论 -
es6 函数默认参数
当用户未传递参数时,使用默认参数,用户传递了参数,则使用传递的参数未传递参数function fun(a,b=5,c=6){ console.log(a,b,c);//12,5,6}fun(12);传递了参数function fun(a,b=5,c=6){ console.log(a,b,c);//12,22,34}fun(12,22,34);原创 2018-01-13 21:58:04 · 232 阅读 · 0 评论 -
一道百度的面试题--写一个函数,对一个数字如(1000000),每隔3位添加一个','
首先判断字符串的长度是奇数还是偶数 偶数时少拼接一个逗号,奇数时正常拼接逗号 最终再拼接剩余的字符 面试时自己写的:function numFormat(num){ num=num.toString(); var len=num.length,n=len%3,rst='',i=0,m=parseInt(len/3); //每隔3位字符串拼接方法原创 2017-12-31 21:43:00 · 289 阅读 · 0 评论 -
XMLHttpRequest对象
XMLHttpRequest对象的属性和方法。 1,readyState属性 当一个XMLHttpRequest对象被创立后,readyState属性标示了当前对象处于什么状态,可以通过对该属性的访问,来判读此次请求的状态然后做出相应的操作, case 0 : 未初始化状态,此时,已经创建了一个XMLHttpRequest对象,但是还没有初始化。 Case 1: 准备发送状态:此时,已经转载 2017-12-06 15:55:46 · 184 阅读 · 0 评论 -
清空jq动画
jq清空动画分两种情况 1 类似这种 $(document).ready(function(){ $("#start").click(function(){ //队列动画 $("div").animate({ height:300, width:300,原创 2017-12-21 22:53:53 · 1302 阅读 · 0 评论 -
reduce 方法
数组的reduce方法,接收一个函数(必须)和指定的初始值(非必须)作为参数,函数有三个参数,分别为初始值,当前项,当前数组,进行累加或者累积操作,初始值为每次累加或者累计后的结果 注意:在ie9一下的浏览器中,并不支持该方法 ! 语法:arr.reduce(fn(pre,cur,arr){},[initialValue]) 一些妙用: 统计每个字符出现的次数//方法1: var o原创 2017-12-19 19:27:16 · 7946 阅读 · 0 评论 -
二分查找
二分查找适用于一个有序的较大数组,核心思想是将查找元素和数组的中间元素作比较,一分为二进行查找,查找速度快 一种易于理解的代码如下: function binary_search(arr,key){ var low=0,high=arr.length-1;//此处为下标11 while(low<=high){ var middle=parse原创 2017-10-25 22:52:06 · 171 阅读 · 0 评论 -
bind()
bind()方法创建一个新的函数, 当被调用时,将其this关键字设置为提供的值,在调用新函数时,在任何提供之前提供一个给定的参数序列。语法:fn.bind(thisArg[, arg1[, arg2[, …]]])bind() 函数会创建一个新函数(称为绑定函数),新函数与被调函数(绑定函数的目标函数)具有相同的函数体(在 ECMAScript 5 规范中内置的call属性)。当新函数被调用时 t原创 2017-10-24 22:49:32 · 386 阅读 · 0 评论 -
call()和apply()
Function.prototype.call() 用法:fn.call(obj);动态绑定this的指向,把this变为我们想要的对象,用制定的对象调用fn call() 方法调用一个函数, 接收若干个参数列表,apply()接收的是一个包含多个参数的数组fn.call(thisArg,arg1,arg2,….);参数问题:this不一定就是该函数执行时真正的this值,在非严格模式下,如果t原创 2017-10-24 19:43:25 · 212 阅读 · 0 评论 -
js 判断是否为空对象
js 判断是否为空对象function isEmpty(obj){ for(var prop in obj){ if(obj.hasOwnProperty(prop)){ return false; } } return true && JSON.stringify(obj)===JSON.stringify({});}console.log(isEmpt原创 2017-10-24 11:29:42 · 215 阅读 · 0 评论 -
轮播图 宽度自适应,可视区域小于1920时,图片水平居中
img100%宽度,最小宽度1920,浏览器可视宽度小于1920时让图片水平居中涉及的知识点:jq 获得可视区域宽度:$(window).width(), jq窗口检测事件:$(window).resize(function(){/*要修改的代码*/}) css部分 *{margin:0;padding:0} img{ vertical-align:middle; }原创 2017-09-22 18:29:35 · 6590 阅读 · 0 评论 -
javascript 对象间的继承
对象间的继承有很多种方式我们可以通过 Object.create(obj) 创建一个基于obj为原型对象的新对象var obj = { name: 'xiaoming', age: 12, skill:function(){ console.log('Your name is ' + this.name + ', skill is Javascript') ; }...原创 2018-08-29 17:45:08 · 162 阅读 · 0 评论