本文目录一览:
- 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