js100个实例,js10000

本文目录一览：

1、我想用JavaScript生成1到100之间的100个不能重复的随机数，不需要排序，只生成100个不
2、js里面用随机的方式存入100个数在数组中并相加输出，与高手会吗，被我们的老师害死了
3、js控制页面滚动（实例）
4、如果我要学习JavaScript，需要先学习什么呢？

我想用JavaScript生成1到100之间的100个不能重复的随机数，不需要排序，只生成100个不

var getRandomArray = function() {

var i = 0,

s = ”,

sp = ‘,’,

next;

while (i 100) {

// 产生1-100的随机数

next = Math.random() * 100 + 1;

// 判断产生的数是否在随机数字符串里

if (s.indexOf(next) === -1) {

// 不存在

// 则加上这条

s += next + sp;

// 并且记数器加1

i++;

}

// 否则记数器不加1，继续循环

}

// 最后得到的是xx,xx,形式的字符串

// 因为split函数会保留最后一个分隔符后的数

// 所以通过slice(0,-1)去掉最后一个字符（也就是,号）

// 这样99个分隔符拼成的字符串就会被,号分割

// 成100个随机数组了

return s.slice(0, -1).split(‘,’);

}

alert(getRandomArray());

js里面用随机的方式存入100个数在数组中并相加输出，与高手会吗，被我们的老师害死了

var nums = [], sum = 0;

for (var i = 0; i 100; ++i) {

nums[i] = Math.floor(Math.random() * 100);

sum += nums[i];

};

alert(‘数组[‘ + nums.join() + ‘] 内全部元素的和是 ‘ + sum);

随机向数组中写入100个[0, 100)的整数，输出整个数组及其下所有元素之和。

js控制页面滚动（实例）

目标描述：多个图片排列下来，按右边的小按钮，抵达相应位置，鼠标滑动，抵达下一图，或者上一图

知识点：onmousewheel，addEventListener，scrollTo，setTimeout

过程：

1.body 宽，高钉死，100vw，100vh，overflow：hidden 使得不出现滚动条，不然不好看

2.图片放进去，排起来，（注意：默认空隙的处理，可以使用flex布局，空隙就不见了）

3.制作相对于视窗的按钮，几张图片就几个按钮，（position: fixed;计算一下高度，可以利用calc计算top使得上下居中）

4.美化一下，css写写

5.先写简单的按钮事件

6.写监听滑动事件(onmousewheel在火狐无效，DOMMouseScroll只在火狐有效)

react在componentDidMount的时候监听

7.补充写一下火狐的

9.测试检查一下。

完成啦，啦啦啦～

我的截图：

缺点：这里我是一直对页面进行监听，导致滑动过快对时候动画效果开始执行对时间延后。体现为滑动对轻，整个就流畅一点。

ps：写这种带计算带页面，我觉得是考验思维的，你可以对这里的知识点不熟练，但是你必须得能理解每一步的加加减减。

如果我要学习JavaScript，需要先学习什么呢？

首先还是得熟悉html css，因为javascript的操作大多都对html标签的搜索，删除，查询，添加，注册侦听器，以及对样式表css的控制等。

然后才是学习javascript,”网站开发之旅”的《javascript从入门到精髓》，可以对javascript有个初步的认识以及方便查询。我大多看的是”图灵系列”的相关书籍，如《javascript基础教程》，《javascript Dom编程艺术》，《javaScript Dom高级程序设计》(熟悉了以后再看，这方面的扛鼎之作)等；

每一本书的侧重点不同，建议多看不同的书，如果你是有编程基础的，那么熟悉使用一种语言是很快的，毕竟编程思想是一样的嘛。自己做几个小网站，实践多了自然就懂得多了。学到神马程度其实不好说，正所谓师父领进门，修行在个人嘛。

至于找工作的话，你可以找 web前端开发(web前端工程师)，这个职业你可以百度一下。

原创文章，作者：HDRJ，如若转载，请注明出处：https://www.506064.com/n/131272.html