随笔分类 -  算法练习

题目来源书籍教材、B站、Leetcode、牛客、知名培训机构等渠道
输入框获取焦点时value值隐藏与失去焦点时显示
摘要：实现需求： 1）输入框获得焦点，提示内容消失，边框过渡动画变色 2）输入框失去焦点，如果内容为空，提示内容恢复，边框变色；如果内容不为空，只有边框过渡动画变色 <input type="text" value="邮箱/ID/手机号" style="font-family:-apple-system, 阅读全文
posted @ 2020-10-11 23:34 MaricoCheung 阅读(597) 评论(0) 推荐(0)
用原生JS写根据时间显示问候语
摘要：步骤构思 1）需要用到日期内置对象， 2）获取系统小时， 3）利用多分支语句来判断， 4）修改元素内容的相应显示问候语。 <div style="color:deeppink;font-weight: 600;"></div> <script> // 1.获取元素 var div = documen 阅读全文
posted @ 2020-10-09 23:31 MaricoCheung 阅读(1407) 评论(0) 推荐(0)
用原生JS写洗扑克牌
摘要：洗扑克牌过程为经典的变量交换 步骤： 1）由原数组每次遍历随机从中抛出一张牌 2）随机牌赋值给暂存牌 3）始存牌赋值给随机牌 4）暂存牌赋值给终存牌 实现代码 var cards = 54; // 以一副斗地主为例13 × 4♥♠♦♣ + 2 = 54 function wash(cards) { 阅读全文
posted @ 2020-10-08 21:59 MaricoCheung 阅读(414) 评论(0) 推荐(0)
原生JS内置对象的字符串操作习题
摘要：（一）获取字符串长度 console.log(str.length); // 33 （二）取出指定位置的字符，如：0,3,5,9等 console.log(str[0], str[3], str[5], str[9]); // a a d g （三）查找指定字符是否在以上字符串中存在，如：i，c ， 阅读全文
posted @ 2020-10-07 22:43 MaricoCheung 阅读(539) 评论(0) 推荐(0)
原生JS内置对象的数组操作习题
摘要：（一）数组的首尾两个元素互换 步骤构思： （1）用内置对象splice()进行元素更换 （2）splice(position索引位置,unit删除单位数,element增加元素) var arr = ["鹿晗", "王俊凯", "蔡徐坤", "彭于晏", "周杰伦", "刘德华", "赵本山"]; 阅读全文
posted @ 2020-10-06 21:52 MaricoCheung 阅读(491) 评论(0) 推荐(0)
用原生JS写微程序
摘要：（1）简易ATM /* 步骤构思：1、向用户打印目录 2、变量储存100块剩钱 3、变量储存=存钱：输入钱数加先前存钱数, 弹出显示余额提示框 4、变量储存=取钱：现有减去取钱数，弹出显示余额提示框 5、余额：弹出显示余额提示框 6、退出：弹出退出确认提示框 */ var select = prom 阅读全文
posted @ 2020-10-05 23:32 MaricoCheung 阅读(276) 评论(0) 推荐(0)
用原生JS求和
摘要：（1）求100以内所有能被3和7整除的数的和 /* 步骤：用变量储存目标数累加和 for设置循环体 if 设置满足条件 */ var sum = 0 for (var i = 1; i <= 100; i++) { if (i % 3 == 0 && i % 7 == 0) { sum += i } 阅读全文
posted @ 2020-10-04 23:29 MaricoCheung 阅读(520) 评论(0) 推荐(0)
原生JS判断作用域输出值
摘要：js引擎运行 第一次解析（也称预解析）：变量提升（含函数表达式）和函数提升 1️⃣ 前提是在作用域function或script情况下 2️⃣ 只提升变量名到当前作用域最顶端，不赋值不调用 3️⃣ 检查语法错误（如有则都不执行） 第二次解析：代码运行 从上到下，检查运行错误（如有则不再往下执行） 作 阅读全文
posted @ 2020-10-02 23:58 MaricoCheung 阅读(364) 评论(0) 推荐(0)
用原生JS写九九乘法表
摘要：步骤构思： 1、使用for循环打印99乘法表 2、9行9列，双for，空字符串,转义符间距tab、换行newline 3、变量储存--数字、每行每列 展示一 function getForm() { var num = ''; for (var rows = 1; rows <= 9; rows++ 阅读全文
posted @ 2020-10-01 23:11 MaricoCheung 阅读(580) 评论(0) 推荐(1)
用原生JS写冒泡排序及动画演示
摘要：法一（自定义函数） 请点击：冒泡排序动画演示（遍历多少行、每行交换多少次） /*步骤构思： 1、声明命名函数（形参数组） 2、for设置外循环， 控制遍历多少趟 3、for设置内循环， 控制遍历交换多少次 4、if设置满足两两比较条件， 索引号进行两两和临时变量的交换 5、return返回值 6、变 阅读全文
posted @ 2020-09-30 19:51 MaricoCheung 阅读(544) 评论(0) 推荐(1)
用原生JS写翻转数组
摘要：法一（自定义函数） /* 步骤构思： 1、声明命名函数（形参数组） 2、变量储存=新数组 3、for设置循环体 4、计数器倒减遍历 5、return返回值 6、变量存储=调用函数（实参） 7、控制台打印变量输出 */ function reverse(printArr) { var newArr = 阅读全文
posted @ 2020-09-29 23:13 MaricoCheung 阅读(381) 评论(0) 推荐(0)
用原生JS写星星直角三角形
摘要：直角三角形：字符串遍历升序或倒序来做 步骤构思： 1、遍历外循环行数 2、遍历外循环列数 3、存储字符 4、字符换行 需求一：下行比上行多一个字符 var str = '' for (var rows = 1; rows <= 5; rows ++) { // 设置遍历5行 for (var col 阅读全文
posted @ 2020-09-28 22:21 MaricoCheung 阅读(696) 评论(0) 推荐(1)
用原生JS判断素（质）数，并找出100~1000之间的所有素（质）数
摘要：素数：又称质数，即“大于1，且只能被1和它本身整除的数” 步骤构思： 1、for遍历循环找其他约数 2、if设置满足条件（计数器从2开始，不包括它本身）有则中断输出 需求一：判断素（质）数 function primeNum(num) { // 声明命名函数（形参） var flag = true; 阅读全文
posted @ 2020-09-25 23:39 MaricoCheung 阅读(1252) 评论(0) 推荐(0)
用原生JS找出所有的水仙花数
摘要：水仙花数：一个三位的整数，个、十、百的立方和等于该整数（例：153=1*1*1+5*5*5+3*3*3） 步骤构思： 1、依次循环遍历输出所有三位数，取整 2、设置条件判断 3、往数组存储输出 方法一：直接数字 var arr = [] //所有的水仙花数就是个集合数组 for (var i = 1 阅读全文
posted @ 2020-09-24 21:46 MaricoCheung 阅读(426) 评论(0) 推荐(0)
用原生JS写16进制随机颜色
摘要：方法一 步骤构思：Math对象随机，转16进制字符，截取六位字符 var a = Math.random(); // 调用静态对象方法抛出随机数a console.log(a); var b = a.toString(16); // 把a转换为16进制的字符串 console.log(b); con 阅读全文
posted @ 2020-09-22 22:57 MaricoCheung 阅读(528) 评论(0) 推荐(0)