- 博客(23)
- 收藏
- 关注
RSS订阅原创 es6
let 取代 varES6 提出了两个新的声明变量的命令：let和const。其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。 { let a = 10; a = 20; console.log(a); const g = 9.8; //g=20; console...
2019-10-17 09:14:01
180
原创 jQuery三个案例
图片轮播实现效果1.点击向左/右，图片向左/右轮播2.鼠标移到下方圆点，圆点变红，对应图片轮播3.图片按1s的速度自动向左轮播js核心代码<script src="js/jquery-1.9.1.js"></script><script> $(function () { var num = 0; var t...
2019-10-12 11:36:47
329
原创 案例：小游戏2048
实现效果1.开始时棋盘内随机出现两个数字，出现的数字仅可能为2或42.玩家可以选择上下左右四个方向，若棋盘内的数字出现位移或合并，视为有效移动3.玩家选择的方向上若有相同的数字则合并，每次有效移动可以同时合并，但不可以连续合并合并所得的所有新生成数字想加即为该步的有效得分玩家选择的方向行或列前方有空格则出现位移每有效移动一步，棋盘的空位(无数字处)随机出现一个数字(依然可能为2或4)...
2019-10-12 11:36:15
293
原创 canvas雪花飘落案例
效果动效雪花代码<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; }...
2019-09-26 16:03:10
392
原创 jquery选择器
获取Dom元素支持所有c1-c3选择器基本选择器层级选择器基本筛选器内容选择器可见性选择器属性选择器子元素选择器表单选择器表单对象选择器混淆选择器1.基本选择器(1) $(“#test”)选取id为test的元素(2）$(“.test”)选取所有class为test的元素(3）$(“p”)选取所有的<p>元素(4）$(“*”)选取所有的元素(5）...
2019-09-26 16:01:29
262
原创 案例--仿百度搜索
实现效果html<div class="block"> <input id="ipt" type="text"/> <span id="btn">百度一下</span> <ul class="nav"> </ul></div>css样式 <style> ...
2019-09-19 01:02:43
151
原创 ajax
Ajax主要做前后端分离项目请求API（程序应用级）调用的结果：后台数据返回异步请求、局部刷新技术（朋友圈评论，点赞）写法对象 XMLHttpRequest状态码200 ：成功 404 ：丢失 500：服务器提供了API：open() 建立服务器之间的链接参数1（method）请求的方式 get post参数2:（url）api路径参数3: (async...
2019-09-19 01:00:29
108
原创 飞机大战
实现效果1.用户飞机发射子弹2.移动用户飞机子弹打屏幕下落飞机3.每5s掉下一个子弹包，用户飞机接住子弹包变两发发射，再接住子弹包变三发发射4.用户飞机撞到其他飞机或其他飞机掉落屏幕下方，血量减少，左下方用户血条减到0，游戏停止html这部分很简单<body><div class="map"> <div class="b"> ...
2019-09-12 21:49:43
442
原创 js里面的模式和原型链
工厂模式函数里面返回单个对象 function factory() { var args = arguments; //实例化对象 返回对象 var obj = new Object(); //封装属性以及方法 obj.name = args[0]; obj.sex = args[1]; ...
2019-09-06 16:53:34
108
原创 表单验证和正则表达式
表单验证效果图html布局<div class="block"> <!-- onsubmit="return false"--> <form class="formuser" action="" method="get"> <ul> <li> ...
2019-09-06 16:52:39
222
原创 分页
分页算法1js核心代码 <script> var uppage = document.getElementById("uppage"); var downpage = document.getElementById("downpage"); var menu = document.getElementsByClassName("...
2019-08-27 21:19:15
133
原创 随机验证码
效果展示html<div> <div class="str-block"> </div> <span class="look">看不清楚...</span></div><input type="text" id="txt"/><button id="btn">验证&...
2019-08-27 21:19:01
154
原创 图片三维轮播
执行效果html代码<div class="banner"> <div class="imglist" style="left: 300px; top: 150px; z-index: 5"> <img src="./0815/img/1.jpg" alt=""/> </div> <div cla...
2019-08-19 21:32:52
211
原创 js简单的图片轮播
效果图图片一秒轮换，鼠标点击轮换html部分<div class="a"> <img class="imglist" src="./img/1.jpg" alt=""/> <div class="point"> <div></div> <div></div>...
2019-08-19 21:32:37
138
原创 js内置对象
内置对象弹框 window.alert(); window.confirm() window.prompt()js里面的全局变量 也是可以通过window点出来的 var name="zhangsan"; console.log(window)大量的事件 onwindow里面三大计时器setinterval 循环计时器 延迟多长时间去反复执行settimeo...
2019-08-19 21:32:19
125
原创 js数组排序
冒泡var arr = [3, 2, 0, 1, 7, 5, 4, 6, 9, 8]; function maopao(array) { if (array.length == 1) { return array; } var temp; for (var i = 0; i < array.le...
2019-08-19 21:31:55
113
原创 字符串的常规方法
js里面字符串方法字符串拼接s.concat(b).concat(s)查找字符串indexOf()1.单个参数默认从0开始直接查找字符，字符串也可以遍历，和数组方法一样找到返回索引，失败返回-12.两个参数第二个参数表示起始位置3.直接找字符4.从左往右找lastindexof 字符的索引不变，还是从左往右0开始charAt 根据索引返回对应字符charCodeA...
2019-08-19 21:31:14
137
原创 案例--图片的瀑布流加载
实现效果当控制页面往下滑动时，根据滑块的位置进行预加载，用户不察觉的情况下，实现瀑布流的加载效果代码jsvar img = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg", "13.jpg", "14.jpg", "1...
2019-08-09 19:10:39
217
原创 DOM元素购物车
实现效果1.实现点击勾选/全选/反选2.商品数量加减3.商品自动计算单项价格和总价删除单项商品代码html<div class="block"> <div class="b-top"> <div class="b-lits"><input id="ckall" type="checkbox"/> 全选</...
2019-08-09 19:10:16
482
原创 js实例--简单计算器
实现效果可实现简单的计算代码html部分<table> <tr> <td colspan="4"><input class="scrtext" disabled value="0" type="text"/></td> </tr> <tr> <...
2019-08-09 19:09:50
198
原创 案例--电商放大镜--对事件的操作
实现效果代码js部分//声明全局变量var oldEle = null;window.onload = function () { //加载完成事件 var sblock = document.getElementsByClassName("s-block"); var middlimg = document.getElementsByClassName("b-...
2019-08-09 19:08:43
172
原创 js--DOM文本对象模型及事件相关知识--学习笔记
DOM（Document Object Modle文本对象模型）DOM示意图DOM元素的获取（8种方式）//在进行dom元素获取的时候注意，获取的元素是否初始化//在js里面不能进行隐式迭代（只能操作单个元素）1.常规获取(动态获取)`document.getElementsByclassName();`返回 HTMLcollection 数组集合取元素对象：按索引来取值 do...
2019-08-08 21:12:23
178
原创 JavaScript中的基本语法
总结网页中嵌入脚本有两种方式：使用Script标签或外部 *. js文件JavaScript 中声明变量：var 变量名“+”可以用于两个数相加，还可以用于连接字符串parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数运算符号分为算术运算符、比较运算符、逻辑运算符条件语句分为if语句，if-else语句、if的嵌套多分支语句switch根据表达式的值...
2019-08-07 15:25:42
175
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人