- 博客(13)
- 收藏
- 关注
RSS订阅原创 jQuery实现手风琴效果
基本效果如图javascript代码引入jQuery <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script> // 1.让当前的盒子，宽度变成1380px 让其与的盒子宽度变成0 // 2.移出...
2020-04-10 13:26:09
216
原创 jQuery选择器 简单选择器、关系选择器、伪类选择器、属性选择器
jQuery选择器可在 http://jquery.cuishifeng.cn/ jQuery API中文文档中查看对应信息简单选择器1、id选择器 #id var $box = $("#box");2、类名选择器 .class var $boxs = $(".box");3、标签选择器 ...
2020-04-10 13:09:02
222
原创 js封装cookie 实现cookie的设置、获取和删除
设置+获取 cookie // 设置和获取cookie // 把三个可选参数 放在options里。因为domain、path非必要的情况下不传，而expires的传的频率又比较高 function cookie( name , value , options){ // if参数大于一个且value 是一个字符串 ->那...
2020-04-10 12:34:03
349
原创 javascript原生 实现数字字母混合验证码
实现4位数 数字字母混合验证码(数字+大写字母+小写字母)ASCII 字符集中得到3个范围：48-57 表示数字0-965-90 表示大写字母97-122 表示小写字母范围随机数： parseInt(Math.random()*4); //此时Math.random意为“大于等于0，小于4”，取整后为0~3 // 如何把最小值变成1呢？ +1就变成了1 ...
2020-04-10 12:27:00
299
原创 JS 面向对象 实现烟花特效
基本效果如图：这里的烟花特效 是配合鼠标点击去实现的 (你要是想绑定别的事件也可)创建一个烟花，从底部升起运动到目标位置到达目标位置之后，删除它的同时 炸出一堆烟花HTML布局+CSS样式 <div class="container"></div> <style> .container{ ...
2020-03-22 09:12:46
337
原创 JS 面向过程和面向对象实现 Tab选项卡切换
html布局和css样式在最下基本效果如图：1、面向过程 1. 找到所有的按钮 2. 给按钮添加事件 3. 根据按钮的下标显示对应的内容 <script> // 1. 找到所有的按钮 var btns = document.querySelector(".btns").children; va...
2020-03-22 08:59:25
248
原创 JavaScript 数组排序（冒泡排序、选择排序、桶排序、快速排序）
以下均是以实现数组的从小到大排序为例1、冒泡排序先遍历数组，让相邻的两个元素进行两两比较 。如果要求小到大排：最大的应该在最后面，如果前面的比后面的大，就要换位置；数组遍历一遍以后，也就是第一次全部比对结束，最后一个数字就是最大的那个元素；然后进行第二遍的遍历，还是按照之前的规则，第二大的数字会在倒数第二的位置；以此类推，直到最后按照从小到大的顺序把数组排好。  ...
2020-03-22 08:51:00
169
原创 JavaScript 事件监听addEventListener
JavaScript事件监听器addEventListener()的工作原理是将实现EventListener的函数添加到调用它的EventTarget上的指定事件类型的事件侦听器列表中。1、事件监听 addEventListener()语法：ele.addEventListener(event_type , function ,布尔值(是否启用事件捕获去触发事件)) &nb...
2020-03-15 23:26:52
680
原创 JavaScript 严格模式
严格模式严格模式即在严格的条件下运行，是ECMAScript5新增的一种运行模式。IE10之前的版本不支持该模式。严格模式的目的消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为；消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的Javascript做好铺垫。开启严格模式1、 全局开启 &...
2020-03-08 12:14:16
110
原创 JavaScript 通过循环按执行顺序，做一个5×5的二维数组，赋1到25的自然数，然后输出该数组的左下半三角。
JavaScript 通过循环按执行顺序，做一个5×5的二维数组，赋1到25的自然数，然后输出该数组的左下半三角。基本思路： var container_arr = []; // 建立五个数组 for(var i = 0,count = 0 ; i < 5; i++){ var arr = []; for(...
2020-03-03 14:03:27
2653
原创 JavaScript 预解析机制
首先我们来看一段代码: <script> console.log(a); var a = 10; </script>此时运行结果为 ： &n...
2020-03-01 15:53:48
117
原创 JavaScript 逻辑分支 switch 练习题
1、 输入月份，显示当月的天数， 利用case穿透简化代码var month = prompt("请输入月份"); var year = prompt("请输入年份"); // month是字符串类型 需要类型转换 switch(Number(month)){ case 1 : case 3 : ...
2020-02-29 00:09:56
508
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人