- 博客(24)
- 收藏
- 关注
RSS订阅原创 筋斗云抖动解决方法
html部分 <div class="nav"> <span class="cloud"></span> <ul> <li class="red">首页新闻</li> <li><a href="javascript:;">师资力量</a></li> <li><a
2022-03-16 16:41:37
585
原创 JS - 轮播图
window.addEventListener('load', function () { var focus = document.querySelector('.focus'); var ul = document.querySelector('ul'); var arrowL = document.querySelector('.arrow-left'); var arrowR = document.querySelector('.arrow-right'); .
2022-03-16 11:05:49
152
原创 JS - 封装动画函数
// 封装动画函数function animate(obj, target, callback) { // 清空定时器，避免每次激活定时器，让动画加速 clearInterval(obj.timer); // 添加定时器 var timer = setInterval(function () { // 让动画效果更平缓，缓动动画 var step = (target - obj.offsetLeft) / 10; // 步数.
2022-03-15 23:41:11
179
原创 今日总结 BOM + 网页特效
1. 获取元素： element.querySelector('') 报错null先来检查类名前有没有加点2. 获得页面的参数：location.search；为了获得参数：1. input要有name；2. 要用form包裹 3. form的action设置获取参数的页面 4. substring() 截取字符串split('')把字符串转成数组...
2022-03-14 20:21:20
129
原创 今日总结 - JS
1. 点击一个按钮，切换不同状态时，可使用var flag;2. 赋值 ‘=’ 判断 ‘==’ if ( == )3.变量与字符串分开4.断点到这暂停，肯定是这段代码有问题，检查：拼写，逻辑，取值，变量名5. createElement createElement createElement createElement createElement createElement createElement 用到create注意拼写...
2022-03-11 20:40:14
145
原创 JS - 生成动态表格
<script> var datas = [{ name: '卡卡西', subject: 'JavaScript', grade: 100, }, { name: '鸣人', subject: 'JavaScript', grade: 80, }, { name: '小樱', .
2022-03-11 20:40:10
430
原创 JS - 简易留言板，发布 + 删除留言
<textarea name="" id="" cols="30" rows="10"></textarea> <button>发布</button> <ul></ul> <script> var text = document.querySelector('textarea'); var btn = document.querySelector('butt...
2022-03-11 18:52:59
293
原创 JS - 分时问候
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>分时问候</title> <style> im.
2022-03-11 11:35:53
314
原创 JS - 判断字符串中出现次数最多的字符，并统计次数
var str = 'abcoefoxyozzopp'; var o = {}; for (var i = 0; i < str.length; i++) { var chars = str.charAt(i); if (o[chars]) { o[chars]++; } else { o[chars] = 1; ...
2022-03-10 12:06:33
1598
原创 JS - 数组去重
<script> function unique(arr) { var newArry = []; for (var i = 0; i < arr.length; i++) { if (newArry.indexOf(arr[i]) == -1) { newArry.push(arr[i]); } ...
2022-03-09 19:16:54
139
原创 JS - 倒计时
<script> function countDown(time) { var start = +new Date(); var end = +new Date(time); // console.log(end); var time = (end - start) / 1000; var d = parseInt(time / 60 / 60 / 24);.
2022-03-09 13:31:34
65
原创 JS - 10次之内猜数字游戏
<script> function guess(min, max) { var goal = Math.floor(Math.random() * (max - min + 1) + 1); var i = 1; while (i <= 10) { var num = prompt('猜猜看，1-50之间的任一整数，你只有10次机会哦'); .
2022-03-09 11:49:45
4605
原创 JS - 随机点名
<script> function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1) + min); } console.log(getRandom(1, 6)); function checkin(arr) { return arr[getRandom(0, arr.length -...
2022-03-09 11:26:38
127
原创 JS-简易计算器
<script> function suan(num1, num2) { while (true) { var num1 = prompt('请输入第一个数值'); var num2 = prompt('请输入第二个数值'); var op = prompt('欢迎使用简易计算器：\n 1. 加法运算： \n 2. 减法运算： \n 3. 乘法运算： \n 4.
2022-03-09 10:59:29
156
原创 计算任意年份的2月有多少天
1. 设变量flag，巧用布尔值，起始值根据需要可true，可false2. 函数可以互相调用function backDay() { var year = prompt('请输入您的年份'); if (isRunYear(year)) { alert(year + '年是闰年，2月份有29天'); } else { alert(year + '年时平年，2月份有
2022-03-08 17:39:58
972
原创 接收用户输入的用户名和密码
接收用户输入的用户名和密码，若用户名为“admin",密码为”123456“，则提示用户登录成功！否则，让用户一直输入。注意：条件表达式用"||"连接 do { var user = prompt('请输入用户名'); var password = prompt('请输入密码'); } while (user !== 'admin' || password !== '123456') alert('登录成
2022-03-07 10:48:59
3941
2
原创 用for循环打印99乘法表
<script> var str = ''; for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { str += j + '×' + i + '=' + j * i + '\t'; } str += '\n'; } console.log(str).
2022-03-07 10:44:53
47
原创 求整数1-100的累加值，要求跳过所有个位为3的数
var sum = 0; for (var i = 1; i <= 100; i++) { if (i % 10 !== 3) { sum += i; } } console.log(sum);//用continue实现 var sum1 = 0; for (var j = 1; j <= 100; j++) { ..
2022-03-07 10:43:27
3495
原创 错误总结3
1. 引用阿里矢量图标：注意路径正确与否。2. img没有变化，检查拼写，程序不会出错，出错的是人。3. div居中 margin: xx auto;
2022-03-07 08:33:06
48
原创 今日总结(html+css)
1. <li>中间的小细线也可以用li做，width: 1px; height: ..px; background: ..;2. 大盒子里有好几个不规则摆放的盒子，用定位比较快。3.<li>里包两个<a>。4. 网页大量使用左右浮动，可以给一个fl,一个fr类名，其他同。5. 给margin太麻烦的时候，简单的空格可以用 6. 两个行内块之间会有空隙，用浮动或定位解决。7. input + button 可以把边框给外面的大盒子.
2022-02-22 17:33:10
33
原创 My mistakes
1. 伪元素：如三角等没出现，检查display:block; 有没有设置成块状。2. <form></form> 一定要写name，才可以传送数据。3.表单单选框：选项必须有一样的name，才能实现单选。4. 表单复选框：要有相同的name。5. 水平居中：text-align加给父亲...
2022-02-21 19:05:57
40
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人