JS从认识到入门
文章平均质量分 83
编程入门
丸子哥哥
动手,动手,多动手
展开
-
(详解)--判断一个数是不是素数的问题
(JS代码)判断一个数是不是素数(质数):① 什么是素数(质数)? 只能被1和自身整除的数。② 代码逻辑: 我们可以推出除了1和本身,他们区间的数如果能被这个数整除,那么这个数就不是素数<script> /*判断一个数是不是质数*/ function isPrime(x) { for(var i = 2; i < x; i++...原创 2018-04-23 14:04:06 · 2603 阅读 · 0 评论 -
判断闰年和平年
判断闰年条件:① 非整百年数除以4,无余为闰,有余不闰;② 整百年数除以400,无余为闰,有余不闰。<script> while(1) { var nYear = prompt("请用户输入一个年份:(如:2000)"); if(nYear % 4 == 0 && nYear % 100 != 0...原创 2018-07-29 13:18:26 · 2895 阅读 · 0 评论 -
寻找所有喇叭花数
喇叭花数是这样的三位数,其每一位数字的阶乘之和恰好等于它本身,即abc = a! + b! + c!,其中,abc表示一个三位数。 <script> /*喇叭花数*/ /*求出阶乘*/ function factor(number) { var factorial = 1; ...原创 2018-08-04 19:43:52 · 2247 阅读 · 0 评论 -
寻找亲密数
如果整数a的全部约数(不包括a本身)之和等于b,且整数b的全部约数(不包括b本身)之和等于a,则称整数a和b是一对亲密数。 试编程寻找5000以内的全部亲密数。 <script> /*亲密数*/ /*算出约数之和*/ function factor(number) { ...原创 2018-08-04 19:51:56 · 1386 阅读 · 0 评论 -
简单编程---哥德巴赫猜想
第一种方法: <script> /*哥德巴赫猜想*/ /*判断一个数是不是质数*/ function isPrime(number) { var count = 0; for(var i = 1; i <= number; i++) { ...原创 2018-08-04 19:56:14 · 2752 阅读 · 0 评论 -
从1-10的数组中随机选择不重复的3项样本
var result = []; var ary = [1, 2, 3, 4, 5, 6 ,7, 8, 9 ,10]; while(true) { var random = parseInt((Math.random() *10)); if(!result.includes(ary[random])) { ...原创 2018-08-09 17:56:18 · 1421 阅读 · 0 评论 -
求出前100个回文素数
<script> /*判断一个数是否为素数*/ function isPrime(num) { for(var i =2 ; i <= num - 1; i++) { if(num % i == 0) { ...原创 2018-08-05 20:12:08 · 5031 阅读 · 0 评论 -
JS--水仙花数
题目:水仙花数是一种特殊的四位数,它的特点就是,每个数位的四次方和等于它本身,请求出1000到9999的水仙花数思路:特点是每个数位的四次方和等于它本身,我们先求出每个数位。<script> /*水仙花数*/ var nUnit = 0;//个位 var nTen = 0; //十位 var nHundr...原创 2018-08-01 17:34:17 · 8300 阅读 · 0 评论 -
输出一个金字塔形状的数字图案(2-9)
<script> var n = prompt("请用户输入7-15的数字"); for(var i = 1; i <= n; i++) { var str = " "; str += " ".repeat( n- i); for(var j = i; j >= 1; j--) { ...原创 2018-08-06 15:47:20 · 3783 阅读 · 0 评论 -
JS---完美数
如果一个数恰好等于它的约数之和,则称该数位“完美数”。 <script> /*完美数*/ for(var i = 1; i <= 10000; i++) { var sum = 0; for(var y = 1; y < i; y++) { ...原创 2018-08-01 20:53:45 · 876 阅读 · 2 评论 -
选择排序法(二分法)
先找到一个标杆(我们将这个标杆设置为数组第0项)var pivot = array[0]; //标杆 分别将比标杆大的数和比标杆小的数放到一边。if(array[i] > pivot) { max.push(array[i]); } else { //归为小的一类 min.push(array[i]); } 综合起来写:...原创 2018-08-10 18:01:17 · 919 阅读 · 0 评论 -
递归求解---杨辉三角
做一个函数yanghuiTriangle(n,i)表示得到n层下标为i的数字。 <script> function yanghuiTriangle(n, i) { if(n == 0 || i == 0 || n == i) { return 1; ...原创 2018-08-10 19:27:06 · 887 阅读 · 0 评论 -
编写函数分解质因数
例如:调用函数factorization(90),控制台显示90 = 2 * 3 * 3 * 5。 function isPrime(num) { if (num == 1) { return false; } for...原创 2018-08-11 17:41:29 · 1661 阅读 · 0 评论 -
js阻止事件冒泡的发生
源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"&g原创 2018-08-30 18:39:36 · 324 阅读 · 3 评论 -
js面试---apply和call的区别
相同:都可以让函数执行一次、都可以篡改函数的上下文。不同的:函数执行的时候,传递参数的方式不同;call如果有多个实参,用逗号隔开;apply传递的实参必须用数组隔开。...原创 2018-08-29 20:53:52 · 820 阅读 · 0 评论 -
JS原生制作--京东页面放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * {原创 2018-09-01 16:14:51 · 464 阅读 · 0 评论 -
JS简单--面试题
如果今天是星期二,那么1000天后是星期几?用户输入一个天数,计算这个天数后是星期几? 如果今天是星期二,1000天后是星期一。<script> var today = parseInt(prompt("请输入今天是星期几","2")); var day = parseInt(prompt("请输入一个任意整数天数","1000")); ...原创 2018-07-29 13:14:46 · 604 阅读 · 0 评论 -
JavaScript 小白学习笔记(4)----(详解)json格式的数据
json格式的数据: <1>一般都是成对出现的, 是键值对。 <2>json也是一个对象,无论是键还是值,都是用双引号引起来的。 下面的json["属性名"]相当于是json.属性名。 同理,json["方法名"]相当于json.方法名。 这个语法上篇我们已经提到过了,再加个()括号就是调用这个方法(函数)。<script> ...原创 2018-04-29 17:22:20 · 990 阅读 · 0 评论 -
JavaScript 小白学习笔记(3)----对象④---字面量方式创建对象
JavaScript中创建对象的另一种方式,以字面量方式创建: 1. 和以字面量方式定义数组一样,但是后面是中括号{ }。<script> /*以字面量方式创建----空对象*/ var obj = {};</script>2. 给这个对象添加属性和方法:在外面添加(但是不提倡这么写,可以添加到花括号里面)<script&...原创 2018-04-29 15:24:47 · 1972 阅读 · 0 评论 -
(详解)----冒泡排序---(图解)
冒泡排序算法:① 越大的元素会经由交换慢慢"浮"到数列的顶端,故名"冒泡排序"。② 比较相邻的两个数,如果第一个比第二个大,就交换他们的位置;第一轮比较下来,最后的那个数应该是最大的数。③ 持续每次对越来越少的数据持续上面的步骤,直到没有一个数字进行交换。<script> /*冒泡排序*/ var ary = [5,...原创 2018-04-23 17:23:27 · 11569 阅读 · 1 评论 -
斐波那契数列---黄金分割比
什么是斐波那契数列? 斐波那契数列指的是这样一个数列 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233,377,610,987,1597,2584,4181,6765,10946,17711,28657,46368........这个数列从第3项开始,每一项都等于前两项之和。 黄金分割比: 即第二项与第三项的比值。 ...原创 2018-04-23 23:36:27 · 6090 阅读 · 0 评论 -
(分步解释)----扑克随机洗牌
JavaScript中输出随机数的方法: <1>系统Math对象里的random方法。 例如:输出1—6的随机数,包括1和6。<script> /*1到5的随机数 包括1和5*/ console.log(parseInt(Math.random()* 6) + 1);</script>模拟扑克洗牌: <1&...原创 2018-05-01 21:34:44 · 13022 阅读 · 0 评论 -
JavaScript (详解)提供年--月--日,输出是这一年第多少天?
输入年--月--日,输出是这一年的第多少天?思路: 假如输入2018-11-11,计算是这一年的第多少天? 用前10个月的天数再加上第11月的天数11。 问题: 这里面涉及到一个闰年平年2月天数问题。 如果是平年的话,2月是28天,闰年的话是29天。 ------------- 代码逻辑:如果输入的是1月的话,则直接输出天数即可,就是在这年的第多少天。我们先给...原创 2018-04-24 18:00:38 · 11924 阅读 · 2 评论 -
js----实现随机产生十六进制颜色值的代码
十六进制的颜色值: <1> 例如:#123ABC,就是"#"号后面跟6个数字(随机)。 上篇<扑克洗牌>已经提到随机数的产生,这里就不做多解释了。<script> /*随机产生十六进制的颜色值*/ var i = 0; var str = "#"; var random = 0; var aryNum ...原创 2018-05-02 12:40:23 · 9590 阅读 · 0 评论 -
JS-----Date的一些常用方法总结
包括获取年月日,时分秒:<script> var obj = new Date(); console.log(obj); //当前服务器的日期和时间 console.log(obj.getFullYear()); //年 console.log(obj.getMonth() + 1); //月份 console.log(obj.getDate()); ...原创 2018-05-02 16:21:00 · 2111 阅读 · 0 评论 -
JavaScript 小白学习笔记(2)---arguments对象
arguments.length 获取函数在调用的时候,传入了几个参数。console.log(arguments); 直接调用----获取函数在调用的时候每个参数的值。 ...原创 2018-04-24 23:11:41 · 1741 阅读 · 0 评论 -
JavaScript 小白学习笔记(1)----几种数据和函数类型和回调函数
JavaScript中,可以用typeof查看数据的类型:<script> var ch = 'a'; var str = "abcdefg"; var num = 10; var fl = 3.14; var szAary = [0]; var is = true; console.log(typeof ch); c...原创 2018-04-25 15:52:25 · 1159 阅读 · 0 评论 -
js----实现(代码)----统计字符串中每个字符出现的次数
字符串中统计每个字符出现的次数: <1> var ary = "asasDFGHadDfFFhjkMNJGBHGDsdfghjfghjkdfghjkl"; <script> /*这个字符串中的每个字每出现了多少次*/ var ary = "asasDFGHadDfFFhjkMNJGBHGDsdfghjfghjkdfghjkl"; v...原创 2018-05-04 11:46:22 · 31729 阅读 · 5 评论 -
实现--在字符串中找出重复的字符串出现的次数
<script> var str = "hello wod odd ott fbo nhyo"; var index = 0; var key = "o"; while((index = str.indexOf(key, index)) != -1) { console.log(index); index += key.l...原创 2018-05-04 15:34:10 · 5591 阅读 · 1 评论 -
js----贪吃蛇游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>---贪吃蛇---</title> <style type="text/css">原创 2018-05-05 17:06:49 · 312 阅读 · 0 评论 -
JavaScript 小白学习笔记(3)----对象①---对象的创建(调用系统构造函数),属性(特征)和方法(行为)
对象的创建: var 对象名 = new Object(); Object(); 这是构造函数。对象的属性和方法: 假如我们创建一个学生的对象: var stu = new Object(); 学生对象的属性(特征,数据): 性别,年龄,身高,体重,等。 stu.sex = "女"; stu.age = 18; st...原创 2018-04-27 15:55:19 · 1533 阅读 · 0 评论 -
JavaScript 小白学习笔记(3)----对象②---工厂模式
为什么需要设计工厂模式? 举例说明: 当我们创建一个学生对象后,本学生的属性和方法都是唯一的。假如现在需求是:做一个xx项目,需要有多个学生,那么我们只能多加一个学生,然后把创建的第一个学生的对象的代码重复一遍。不仅增加了代码的冗余,而且不切实际。这时候就需要设计工厂模式了。 什么是工厂模式? 工厂模式就是当创建的某个对象需要重复或者有大量的需求时,...原创 2018-04-27 21:49:33 · 2439 阅读 · 0 评论 -
JavaScript 小白学习笔记(3)----对象③---自己定义构造函数,并创建对象
JavaScript里面创建对象的另一种方法: 自己定义构造函数,并调用,再创建对象。 1. 想自己定义构造函数,那么先跟进去看一下系统的构造函数怎么写的: 函数名的第一个首字母大写,可以带参数 2. 我们模仿他写一个构造函数,里面的内容是初始化属性和方法:<script> /*自己定...原创 2018-04-28 12:30:18 · 1817 阅读 · 0 评论 -
js小白----200行简单贪吃蛇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>★贪吃蛇游戏★</title></head><body> <scrip原创 2018-05-06 22:47:11 · 2908 阅读 · 4 评论 -
移动端REM布局
REM是相对单位,是相对HTML根元素,子元素大小可以参照根标签的数据。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&原创 2018-09-10 19:03:12 · 197 阅读 · 0 评论