随笔分类 -  【javaScript】

上一页 1 2 3 下一页

javaScript系列---【数组对象--快速排序】
摘要:<script> var arr = [12, 13, 23, 14, 20, 26, 34, 13, 16]; // 快速排序 // 核心思想:用当前这个数组的基准值(中间项)和其它每一项进行比较,比这一项大的放到右边,比这一项小的放到左边(放到数组中) //基准值(中间项) //var inde 阅读全文

posted @ 2021-03-18 23:04 码农小小海 阅读(50) 评论(0) 推荐(0)

javaScript系列---【数组对象--价格排序案例】
摘要:<ul id="list" class="list"> <li><img src="./img/1.jpg" alt=""><span>200</span></li> <li><img src="./img/3.jpg" alt=""><span>888</span></li> <li><img s 阅读全文

posted @ 2021-03-18 23:02 码农小小海 阅读(192) 评论(0) 推荐(0)

JavaScript系列---【字符串对象(String)--查找替换案例】
摘要:<input type="text" value="查找" id="txt1"> <input type="text" value="替换" id="txt2"> <input type="button" id="btn1" value="按钮"> <div id="div1">内容</div> < 阅读全文

posted @ 2021-03-18 22:57 码农小小海 阅读(62) 评论(0) 推荐(0)

javaScript系列---【递归】
摘要:<script> // 递归 // 函数自己调用自己 // 求3的阶乘 // 3 * 2 * 1 function sum1(n) { if (n <= 1) { return 1; } return n * sum1(n - 1); //3 * 2 * 1 } var res1 = sum1(3) 阅读全文

posted @ 2021-03-18 22:37 码农小小海 阅读(16) 评论(0) 推荐(0)

JavaScript系列---【数组对象--知识总结】
摘要:数组对象 存储任意数据的集合 1.数组对象的创建 字面量 [] var arr = [10, 20, 30]; 构造函数 new Array(); //通过构造函数方式可以传递参数 //单个数值 设置当前这个数组的长度,以empty进行占位 var arr2 = new Array(10); con 阅读全文

posted @ 2021-03-18 22:27 码农小小海 阅读(40) 评论(0) 推荐(0)

JavaScript系列---【字符串对象(String)--知识点总结】
摘要:字符串对象 (String) 每一个字符串都属于字符串类的实例 用单引或双引包起来的就是字符串 字符串的创建 // 直接赋值 字面量 var str = "哈哈abcdefghijklmnab123456"; // 构造函数(实例的方式) var str1 = new String("哈哈abcde 阅读全文

posted @ 2021-03-17 19:06 码农小小海 阅读(168) 评论(0) 推荐(0)

javaScript系列---【Date--倒计时案例】
摘要:html代码: <div id="box"> <h3>倒计时</h3> 请输入:<input type="text" value="2022" />年 <input type="text" value="7" />月 <input type="text" value="26" />日 <button 阅读全文

posted @ 2021-03-17 17:49 码农小小海 阅读(59) 评论(0) 推荐(0)

javaScript系列---【Date--知识点总结】
摘要:日期对象-Date 日期对象只能通过构造函数方式进行创建 new Date(); 通过构造函数方式进行创建,在不传递参数的情况下获取的是当前电脑的本地时间 1.日期对象的创建 var date = new Date(); console.log(date); //Wed Mar 17 2021 10 阅读全文

posted @ 2021-03-17 17:46 码农小小海 阅读(71) 评论(0) 推荐(0)

javaScript系列---【Math函数-基本语法】
摘要:Math数学函数 Math属于js中的内置对象 (内置对象的方法都是用当前类(Math).出的) 基本语法: Math.方法(参数); Math.abs(数据); 取绝对值 Math.floor(数据); 向下取整 Math.ceil(数据);向上取整 Math.max(数据1,数据2,..); 取 阅读全文

posted @ 2021-03-17 17:38 码农小小海 阅读(204) 评论(0) 推荐(0)

javaScript系列---【定时器】
摘要:定时器 定时器的分类 1.1延迟定时器(一次性定时器) 延迟定时器:多长时间之后去执行一次,例如:广告弹出语法: setTimeout(callBack,time); //参数:callBack:函数 ->可以传递实名函数也可以传递匿名函数 time:毫秒值 单位(ms) 省略单位 代码示例: // 阅读全文

posted @ 2021-03-17 17:24 码农小小海 阅读(58) 评论(0) 推荐(0)

JavaScript系列---【Math函数--随机生成验证码案例】
摘要:html代码: <span id="show"></span> css代码: <style> span { display: block; width: 200px; height: 50px; background-color: pink; position: absolute; left: 0; 阅读全文

posted @ 2021-03-16 23:09 码农小小海 阅读(135) 评论(0) 推荐(0)

javaScript系列---【调用封装的运动函数】
摘要:html代码: <div id="box"></div> <button class="btn">向右</button> <button class="btn" style="margin-left: 100px;">向左</button></button> <script src="./js/ut 阅读全文

posted @ 2021-03-16 23:01 码农小小海 阅读(70) 评论(0) 推荐(0)

JavaScript系列---【作用域链】
摘要:作用域链 首先作用域链是一种查找机制,在当前作用域下用到某个变量或方法,先看当前作用域下有没有,没有往上一级作用域进行查找,上一级作用域没有再往上一层作用域进行查找依次类推,直到找到全局作用域为止;找不到就就报错了 代码如下: var a = 100; var b = 200; var c = 30 阅读全文

posted @ 2021-03-15 22:39 码农小小海 阅读(37) 评论(0) 推荐(0)

JavaScript系列---【分析局部作用域下的预解析】
摘要:函数执行 首先函数执行形成私有作用域(局部作用域),函数体中代码从上到下执行,函数执行完毕会自动销毁; 局部作用域下的预解析 函数执行形成一个局部作用域(私有作用域),函数体中的代码从上到下执行之前先进行形参赋值和预解析, (私有作用下预解析,解析的是私有作用域下的带有var和function关键字 阅读全文

posted @ 2021-03-15 22:37 码农小小海 阅读(40) 评论(0) 推荐(0)

javaScript系列---【分析全局作用域下的预解析】
摘要:预解析(变量提升) 全局下的预解析 js代码运行到浏览器,浏览器提供了一个供js代码执行的环境,在代码执行之前先进行了预解析;会把全局作用域下所有带有var 和 function关键字的进行预解析 (全局作用域下预解析)(预解析完成代码从上到下执行) 预解析分为以下两部分 声明:var a; 只是声 阅读全文

posted @ 2021-03-15 22:33 码农小小海 阅读(56) 评论(0) 推荐(0)

javaScript系列---【分析函数的arguments】
摘要:函数的arguments - ##### arguments是函数独有的 (实参的一个类数组集合) - **arguments 天生自带length属性 由索引和值组成 0对应第一项1对应第二项 最后一项的索引是arguments.length-1** // 求任意数字之和 function sum 阅读全文

posted @ 2021-03-15 21:50 码农小小海 阅读(48) 评论(0) 推荐(0)

JavaScript系列---【条件if--切换图片案例2 高亮及按钮同步显示】
摘要:html代码: <div class="box1" id="box1"> <p id="title1">1/4</p> <p id="title2">美女1</p> <button id="left">&lt;</button> <button id="right">&gt;</button> <i 阅读全文

posted @ 2021-03-15 09:20 码农小小海 阅读(116) 评论(0) 推荐(0)

javaScript系列---【this详解及call和apply修改this指向】
摘要:// this可以存储在任意位置,在不同位置代表不同对象.this表示执行函数时函数的拥有者. // this在全局下表示window // 普通函数中this表示window // 事件处理函数中this表示触发事件的元素 // 在对象的方法中this表示对象本身 // 在定时器中this表示wi 阅读全文

posted @ 2021-03-13 22:45 码农小小海 阅读(98) 评论(0) 推荐(0)

JavaScript系列---【选项卡案例】
摘要:html代码: <div id="warp"> <ul id="left_list"> <li class="active">a</li> <li>b</li> <li>c</li> <li>d</li> </ul> <div id="right"> <div class="right_box te 阅读全文

posted @ 2021-03-13 22:37 码农小小海 阅读(101) 评论(0) 推荐(0)

JavaScript系列---【QQ列表展开及闭合案例】
摘要:html代码: <ul id="list"> <li> <!-- 标题,联系人--> <p><img src="img/ico1.gif" alt="" />朋友</p> <ul class="box"> <li>张珊</li> <li>张珊</li> <li>张珊</li> </ul> </li> 阅读全文

posted @ 2021-03-13 22:34 码农小小海 阅读(94) 评论(0) 推荐(0)

上一页 1 2 3 下一页

导航