合集-JS

摘要:// 1, 有一个装有颜色的数组["red", "blue", "yellow", "green", "black", "orange"]; // 点击button 启动定时器, 每一秒给它换一次色, 按顺序循环换色 <style> .box1 { width: 200px; height: 200 阅读全文
posted @ 2022-08-04 19:42 苏沐~ 阅读(197) 评论(0) 推荐(0)
摘要:<style> * { margin: 0; padding: 0; } p { font-size: 30px; color: red; font-weight: bolder; } .div { width: 200px; height: 30px; border: 2px dashed reb 阅读全文
posted @ 2022-08-02 20:07 苏沐~ 阅读(118) 评论(0) 推荐(0)
摘要://第一种声明 var arr1 = [1, 2, 3] console.log(arr1) //第二种声明 var arr2 = new Array(10) //length为10 console.log(arr2.length); //遍历 var arr1 = [1, 2, 3] //普通遍历 阅读全文
posted @ 2022-07-29 21:28 苏沐~ 阅读(110) 评论(0) 推荐(0)
摘要://函数的定义和调用 // 1, 写一个函数计算1到n的和, 并返回结果打印出来; (n为函数参数) function sum(n) { var sum = 0; for (var i = 1; i <= n; i++) { sum += i; } return sum; } var a = sum 阅读全文
posted @ 2022-07-28 19:23 苏沐~ 阅读(148) 评论(0) 推荐(0)
摘要:// 1.打印100以内 7的倍数 document.write('100以内 7的倍数 : ') var i=0; while(i<=100){ if(i%7==0){ document.write(i+" " ) } i++; } // 2.打印100以内的奇数 document.write(' 阅读全文
posted @ 2022-07-27 19:40 苏沐~ 阅读(163) 评论(0) 推荐(0)
摘要:<style> div { width: 200px; height: 200px; background-color: skyblue; margin: 50px auto; } </style> <div></div> 防抖: 一、什么是防抖? 防抖阻止了事件的多次调用,规定时间内只会执行一次。 阅读全文
posted @ 2022-08-18 20:03 苏沐~ 阅读(89) 评论(0) 推荐(0)
摘要:练习: 1. 找出下面字符串中的bag, beg, big, bog, 忽略大小写, 并将其改为bug: (I am a Big man, I have so mach bag, so veryone call me beg man, bog bog bog, I hate you! ) var s 阅读全文
posted @ 2022-08-11 20:26 苏沐~ 阅读(62) 评论(0) 推荐(0)
摘要:关于3DES的sessionStorage加密解密及用法 安装好crypto-js模块(npm install crypto-js) //导入crypto-js模块 const CryptoJS = require("crypto-js"); //封装自定义类 MyStorage export cl 阅读全文
posted @ 2024-01-17 17:52 苏沐~ 阅读(121) 评论(0) 推荐(0)
摘要:<style> *{ margin: 0; padding: 0; } #addGoodContent{ border-radius: 5px; padding: 10px; border: 1px solid #000; line-height: 30px; width: 400px; } #ad 阅读全文
posted @ 2022-08-10 17:14 苏沐~ 阅读(86) 评论(0) 推荐(0)
摘要:下拉菜单 <div id="box"> <div id="title">请选择你喜欢的游戏</div> <ul id="gameList"></ul> </div> <style> *{ margin: 0; padding: 0; } #box{ width: 150px; margin: 100 阅读全文
posted @ 2022-08-09 19:55 苏沐~ 阅读(40) 评论(0) 推荐(0)
摘要:1.变色移动盒 鼠标,键盘事件 <style> #box { width: 100px; height: 100px; position: absolute; border: 3px dashed skyblue; } </style> <div id="box"></div> <script> / 阅读全文
posted @ 2022-08-08 20:43 苏沐~ 阅读(48) 评论(0) 推荐(0)
摘要:js事件 鼠标事件(Mouse Events) 1 onclick 点击事件 onclick 属性在单击鼠标时触发。 document.onclick = function(){ console.log('单击了'); } 不能应用于以下元素:<base>, <bdo>, <br>, <head>, 阅读全文
posted @ 2022-08-06 11:11 苏沐~ 阅读(366) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> class MouseHandler { constructor(selector) { this.domBtn = document.querySelector(selector); // 阻止右键出菜单事件 this.domBtn. 阅读全文
posted @ 2024-03-07 11:05 苏沐~ 阅读(197) 评论(0) 推荐(0)
摘要:class myAjax { // 封装 GET 请求 static get(url) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.open("GET", url, true); 阅读全文
posted @ 2025-04-18 14:49 苏沐~ 阅读(49) 评论(0) 推荐(0)
摘要:// 安装和引入moment // npm install moment --save # npm // yarn add moment # Yarn // import moment from 'moment' //获取当前moment时间 let currentMoment = moment() 阅读全文
posted @ 2025-05-22 15:23 苏沐~ 阅读(662) 评论(0) 推荐(0)
摘要:注意: 加密的对象一定要是字符串 如果你加密的是字符串且数据少 则npm i jsencrypt 即可 如果加密的是对象并且数据多 比如含有token 用npm i encryptlong -S npm i jsencrypt加密长对象将返回false 或者报Message too long for 阅读全文
posted @ 2025-06-04 17:50 苏沐~