03 2020 档案

JS 面向对象 实现烟花特效
摘要：基本效果如图： 这里的烟花特效 是配合鼠标点击去实现的 (你要是想绑定别的事件也可) 创建一个烟花，从底部升起运动到目标位置 到达目标位置之后，删除它的同时 炸出一堆烟花 HTML布局+CSS样式 <div class="container"></div> 1 <style> 2 .containe 阅读全文
posted @ 2020-03-22 09:38 RitaD 阅读(1357) 评论(0) 推荐(0)
JS 面向过程和面向对象实现 Tab选项卡切换
摘要：* html布局和css样式在最下 基本效果如图： 1、面向过程 1 <script> 2 // 1. 找到所有的按钮 3 // 2. 给按钮添加事件 4 // 3. 根据按钮的下标显示对应的内容 5 6 // 1. 找到所有的按钮 7 var btns = document.querySelect 阅读全文
posted @ 2020-03-22 09:30 RitaD 阅读(413) 评论(0) 推荐(0)
JavaScript数组排序（冒泡排序、选择排序、桶排序、快速排序）
摘要：* 以下均是以实现数组的从小到大排序为例 1、冒泡排序 先遍历数组，让相邻的两个元素进行两两比较 。如果要求小到大排：最大的应该在最后面，如果前面的比后面的大，就要换位置； 数组遍历一遍以后，也就是第一次全部比对结束，最后一个数字就是最大的那个元素； 然后进行第二遍的遍历，还是按照之前的规则，第二大 阅读全文
posted @ 2020-03-22 09:23 RitaD 阅读(388) 评论(0) 推荐(0)
JavaScript 事件监听 addEventListener
摘要：addEventListener()的工作原理是将实现EventListener的函数添加到调用它的EventTargrt上的指定事件类型的事件侦听器列表中。 1、事件监听 addEventListener (IE8及以下有兼容问题) 语法：ele.addEventListener(event_ty 阅读全文
posted @ 2020-03-16 00:03 RitaD 阅读(1569) 评论(0) 推荐(0)
JavaScript 严格模式
摘要：严格模式即在严格的条件下运行，是ECMAScript5新增的一种运行模式。IE10之前的版本不支持该模式。 严格模式的目的 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为； 消除代码运行的一些不安全之处，保证代码运行的安全； 提高编译器效率，增加运行速度； 为未来新版本的Ja 阅读全文
posted @ 2020-03-08 13:00 RitaD 阅读(190) 评论(0) 推荐(0)
JavaScript 通过循环按执行顺序，做一个5×5的二维数组，赋1到25的自然数，然后输出该数组的左下半三角。
摘要：通过循环按执行顺序，做一个5×5的二维数组，赋1到25的自然数，然后输出该数组的左下半三角。试编程。 基本思路： 1 var container_arr = []; 2 // 建立五个数组 3 for(var i = 0,count = 0 ; i < 5; i++){ 4 var arr = [] 阅读全文
posted @ 2020-03-03 14:18 RitaD 阅读(1507) 评论(0) 推荐(0)
JavaScript 预解析机制
摘要：首先我们来看一段代码: 1 <script> 2 console.log(a); 3 var a = 10; 4 </script> 此时运行结果为 为什么会显示undefined呢？这就涉及到了预解析中的变量提升： 1、局部提升(变量) 会把变量声明分成两部分 1) 变量声明 只有这个部分发生了提 阅读全文
posted @ 2020-03-01 16:14 RitaD 阅读(231) 评论(1) 推荐(0)