2019年04月_boonyaxnn

原创 Ajax 初始---ajax php 登录

ajax：局部刷新页面；异步请求数据同步：阻塞异步：非阻塞iquery ajax php 登录步骤：1、引入jQuery；2、触发事件请求数据 ajax3、val（）、width（）、css（）、html（）aja4、$.ajax({ type：“”//请求数据的类型方式请求数据\ url:'denglu.p...

2019-04-30 16:27:20 194

转载渲染页面

浏览器浏览器基础结构主要包括如下7部分：1.用户界面（User Interface）:用户所看到及与之交互的功能组件，如地址栏，返回，前进按钮等； 2.浏览器引擎（Browser engine）:负责控制和管理下一级的渲染引擎； 3.渲染引擎（Rendering engine）:负责解析用户请求的内容（如HTML或XML，渲染引擎会解析HTML或XML，以及相关CSS，然后返回解析后...

2019-04-29 19:42:53 259

原创（网络请求）输入url到浏览器页面显示内容经过了什么？

1、输入请求域名网址；2、dns解析域名 IP返回给浏览器；3、浏览器IP，请求服务器；4、服务器把对应的内容返回给浏览器；5、浏览器渲染；...

2019-04-29 18:43:08 212

原创 PHP php嵌套html

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>php嵌套HTML</title></head><body>//方法一 <ul> <?php ...

2019-04-29 17:59:47 1283

原创 PHP 数组的遍历

一、for循环只能遍历简单的数组$arr=['hello','rose','jack']；不能遍历array(key=>value)。 eg：$arr=['1','2','3'];for($i=0;$i<count($arr);$i++){ echo $arr[$i].'<hr>';}二、if else和switch多分支 eg：//&gt...

2019-04-29 15:45:44 3553

原创 PHP PHP变量常量、以及数据类型

1、注释：（和js一样） //单行注释 /*多行 */2、里面可以嵌套HTML标签 echo 'hello world'; //换行 echo '<br/>'; echo '<hr/>'; echo 123; echo '<ul><li>哈哈哈哈</li>&...

2019-04-29 15:22:34 234

原创 JS 放大镜

1、html代码<div class="box"> <div class="fdj"></div></div><div class="show"> <img src="img/img.png" height="2000" width="2000" alt=""/></div>2、cs...

2019-04-25 13:02:42 125

原创 JS apply求最大值

var result = Math.max(10,20,30,40); console.log(result);//40 var arr = [10,20,30,40,50,-90]; result = Math.min.apply(null,arr); console.log(result);//-90apply和call能更改函数内部的this指...

2019-04-25 12:41:20 346

原创 JS js里面出现undefined的情况

1、变量只声明没有赋值，会返回undefined；2、当下标超过数组或字符串的范围，会返回undefined；3、当对象调用不存在的属性时，会返回undefined；4、当return没有返回值，会返回undefined；5、在event事件里面，在IE11和非IE浏览器下直接输出 console.log（event），会返回undefined；...

2019-04-25 12:33:23 6461

原创 JS 对应和排他

/* var obj = {}; obj.hh = 0; obj.index = 1; console.log(obj); */ var boxPs = document.querySelectorAll('.box p'); var divPs = document.querySelectorAl...

2019-04-25 11:24:22 207

原创 JS 事件委托

事件委托：利用【事件冒泡】，只指定一个事件处理程序，就可以管理某一类型的所有事件 var lis = document.querySelectorAll('li'); var ul = document.querySelector('ul'); ul.onclick = function (event) { event = event || windo...

2019-04-25 11:20:39 82

原创 JS 三级联动

/* 1.select元素的option创建方式：【var option = new Option(‘想要显示的内容’)；】 2.select元素中添加option方式：【select.options.add(新创建的option)；】 3.select元素清空所有的option方式：【select.options.length = 0;】 4.s...

2019-04-25 11:12:42 116

原创 JS node常用属性和方法

一、node常用属性 1.nodeName/nodeType *** 描述：nodeName属性返回节点的名称，nodeType属性返回节点的常数值语法：node.nodeName/node.nodeType 例子： console.log(document.nodeName,document.nodeType); ...

2019-04-24 18:48:48 862

原创 JS 冒泡排序

冒泡排序：相邻的两个元素比较，如果前一个数大于后一个数，交换位置。1、每一次排序将无序数列中的最大值找到；2、一个含有n的序列最多经过n-1次排序即可有序；3、经过排序后，数列会分为两部分，一部分有序，一部分无序；4、一旦出现前一个数大于后一个数，就交换位置。 /* 冒泡排序： 1.外层循环-1 含有n个数的序列最多经过n-1次即可有效 ...

2019-04-24 13:10:20 134

原创 JS hash去重

js中使用hash去重，需要建立在对象的基础之上，因为对象的存储采用的是hash表。hash表的优势是快线性表：一个线性表是n个具有相同特性的数据元素的有限序列。查询时速度很快但是插入和删除速度比较慢链表：链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。 /* * hash去重：不是自己去写hash算法利...

2019-04-24 10:08:41 1099

原创 JS 统计字符串中每一个字符出现的次数

1、字符串去重，将不重复的字符串存储到一个新的字符串内 var str = 'ABCABC你好你好ののA'; var newStr = ''; for (var i = 0; i < str.length; i++) { if (newStr.lastIndexOf(str[i]) == -1) { newStr += str[i];...

2019-04-23 20:45:35 15915 1

原创 JS 求质数

质数：又称素数。一个大于1的自然数，除了1和它自身外，不能被其他自然数整除的数叫做质数。2是最小的质数也是唯一的一个既是偶数又是质数的数，也就是说除了2以外，质数都是奇数。方法一：for (var i = 2; i <= 10; i++) {//4 //假设所有的数都是质数 var flag = true; //通过嵌套循环找到 i 除了1 和本身以外所有...

2019-04-23 20:12:02 18032

原创 JS 嵌套循环练习：三角形、平行四边形、菱形

1、定义：将一个循环作为另一个循环的循环体称为嵌套循环 PS：（1）外层循环控制行数（2）内层循环控制列数（3）外层循环执行一次，内层循环执行一遍2、正三角形* ** *** **** *****for(var i=1;i<=4;i++){ for(var j=1;j<=i;j++){...

2019-04-23 19:43:10 1699

原创 JS 循环练习、随机数

1、计算出1-100之间所有不能被7整除的的整数之和var num=0;for(i=0;i<=100;i++){ if(i%7==0){ continue; } num=num+i;}console.log(num);2、输出1000以内能被3整除且个位数为6的所有整数var num=0；for(i=0;i<=1000,i++){ ...

2019-04-23 19:12:38 907

原创 JS 20块钱买可乐，每瓶3块，喝完一个瓶子可以退1块，求20元可以买多少瓶可乐

分析：买可乐 20 3 1个瓶子退钱一块？问20块钱一共可以喝多少瓶可乐。20 20/3 6 2推掉的瓶子钱 +剩余的钱 = 8；8 8/3 2 2推掉的瓶子钱 +剩余的钱 = 44 4/3 1 12 < 3 循环的条件总钱数 >= 可乐的单...

2019-04-23 18:13:22 1656

原创 JS 0~~100以内能被3整除也能被5整除的个数和总和

var count=0; var sum=0; for(var i=1;i<=100;i++){ if(i % 3==0&&i%5==0){ sum=sum+i;//sum+=i; count++; } } console.log("既能被三整除也能被五整除的个数是",count,"总...

2019-04-23 16:53:26 8709

原创 JS 工资年终奖

要求：工作满0年发月薪的1倍月薪年终奖，如果月薪大于8000，那么就是发1.2倍工作满1年发月薪的1.5倍月薪年终奖，如果月薪大于10000，那么就是发1.7倍工作满2年甚至更多发月薪的3倍月薪年终奖，如果月薪大于12000，那么就是发3.2倍用JS编写程序，让用户输入工作了几年，可以输入0，然后输入月薪。然后算...

2019-04-23 16:32:42 1493

原创 JS switch 输入一个月份判断该月有多少天

1、接收用户数据var year = parseInt(prompt('请您输入一个年份', 2000));var month = parseInt(prompt('请您输入一个月份', 5));2、判断每个月有多少天，记录每个月的天数 var day = 0; switch (month) { case 1: case 5: ...

2019-04-23 13:55:06 8134

原创 JQ switch 用户输入一个年份一个月份判断从1月到该月一共过了多少天

1、获取用户输入的数据 var year = parseInt(prompt('请输入年份')); var month = parseInt(prompt('请输入月份'));2、接收数据var day = 0;var sum = 0;3、判断每个月有多少天for (var i = 1; i <= month; i++) { switch (i)...

2019-04-23 13:45:59 1110

原创 JQ 节点操作

一、内部插入：给当前节点添加孩子 A.append(B) 向【A节点内部现有内容之后】追加【B节点】 B.appendTo(A) 将【B节点】追加到【A节点内部现有内容之后】 A.prepend(B) 向【A节点内部现有内容之前】追加【B节点】 B.prependTo(A) 将【B节点】追加到【A节点内部的现有内容...

2019-04-23 13:05:21 239

原创 JQ 节点关系遍历

1、index() 描述：获取在兄弟节点中的排名语法：jq对象.index() eg： $('button:eq(0)').click(function () { var index = $('.p1').index(); console.log(index);// });2、each() 描述：节点的遍历语法：...

2019-04-22 20:10:34 428

原创 JQ节点关系 children()、find()、parent()/parents()、siblings()以及next()、prev()

一、children() 1、描述：获取当前jq对象的子节点 2、语法：jq对象.children() 3、PS： ①当children（）不写参数的时候获取的是所有的孩子 ②当children（'孩子的选择器'）获取的是指定的孩子 ③children（）只能选择直接孩子不能选择孙子元素 4、eg：$('butt...

2019-04-22 20:00:33 4172 1

原创 JQ stop配合animate

1、stop(参数1，参数2) PS：（1）两个值都是可选的，可有可无，不写，默认false （2）参数1：true 清除所有的动画； false 只结束当前动画参数2：立即完成当前动画； false 不立即完成当前动画2、eg：$('.box').animate({'left': 600, 'top': 400, 'width': ...

2019-04-22 19:23:47 335

原创 JQ animate动画

1、animate（a,b,c,d）（1）a：运动的终点（2）b：持续时间（可选的）（3）c：缓冲运动的轨迹（匀速）（可选的）（4）d：回调函数（可选的）2、注意：（1）当把所有的元素封装到一个json时，则所有的元素同步执行（2）anima...

2019-04-22 19:17:46 705

原创 JQ addClass（追加类）、removeClass（移除类）、以及attr（获取和设置属性值）

1、addClass：追加类，在原有内容的基础之上进行内容的追加；支持链式调用 eg：$('button:first').click(function () { // $('.box').addClass('c1').addClass('c2'); box.className='c1'; });2、removeClass：移除类 PS：①不写...

2019-04-22 19:05:50 2247

原创 JQ show和hide（隐藏显示）、fadeIn和fadeOut（淡入淡出）、slideDown和slideUp（隐藏显示）

一、show和hide（隐藏显示） 1、show:最终状态是 display:block; hide:最终状态是 display:none; 2、语法：show（毫秒数，回调函数） 3、注意： ①当jq对象没有处于最终状态时，当动画执行完毕后，才会触发，回调函数； ②当jq对象处于最终状态时，立马执行，回调函数； ③如...

2019-04-22 13:42:12 3453

原创 JQ 事件监听

一、普通事件绑定1、语法：jq对象.事件类型（回调函数） eg： $('p').click(function () { console.log(222222222); });2、注意： ①使用jq 一定要进行引入否则 $ is not defined ②jq操作的元素是批量的 ③没有兼容性问题 ④对同一个jq对象进行相同类型...

2019-04-22 13:25:05 9182

原创 JQ 常用方法

一、1、length/size 描述：获取jq对象内元素的数量；语法：jq对象.length 【属性】 jq对象.size()【方法】 eg：console.log($('.box').length);console.log($('p').size());2、jq提供的伪类选择器:first ...

2019-04-22 13:03:19 2264

原创 JS 无线滚动的瀑布流

1、html代码部分<div class="box"></div>2、css样式部分 * { margin: 0; padding: 0 } .box { margin: 0 auto; position: relat...

2019-04-18 20:33:51 220

原创 JS 尺寸相关

1、获取视口的宽高 ①含滚动条window.innerWidthwindow.innerHeight ②不含滚动条document.documentElement.clientWidthdocument.documentElement.clientHeight2、获取文档的滚动距离document.documentElement.scrollTop || d...

2019-04-18 19:22:40 347

原创 JS 添加到购车书城练习

1、html代码部分<h1 align="center">你好，书城</h1><hr/><div class="box"></div><hr/><div class="shopCar"></div>2、css样式部分 * { margin: ...

2019-04-18 19:07:04 243

原创 JS 快速排序

var arr = [90, 80, 79, 60, 5, 4, 31, 2, 9];1、取基准值的下标；index = Math.floor(arr.length / 2);2、取基准值； midValue = arr.splice(index, 1)3、根据基准值分左右(定义两个子集，接收数据)； var left = []; var right = [];...

2019-04-18 13:39:15 100

原创 JS 二分查找

前提：数组必须是有序的，而且是自然顺序var arr = [1, 2, 3, 4, 5, 6, 7];1、首先获取开始下标； startIndex=0；2、获取结束下标； endIndex=arr.length-1//---->6;3、获取中间下标； midIndex=Math.floor(（startIndex+endIndex）/2);...

2019-04-18 13:10:23 556

原创 JS 正则表达式

常见的检索模式有表达式模式、元字符模式和量词模式三种。一、表达式模式1、【abc】模式描述：在指定字符串中检索，查找任何满足【存在于方括号中】规则的字符或字符串eg： var str = 'abcdefgABCd'; var reg = /[ac]/ig; var result = str.replace(reg,'A...

2019-04-17 08:59:47 436

原创 JS 正则表达式初始、修饰符

一、正则表达式初始1、正则是一门新的语言并不属于js 。2、基本语法: /正则主体/修饰符。 eg： var str = 'ABCDEF'; var reg = /c/i; var index = str.search(reg); console.log(index);//23、正则表达式的实质是一个对象var reg = /开心/;...

2019-04-17 08:28:59 334

空空如也

空空如也