JS学习
关注
分享
扫一扫
文章平均质量分 78
natural_live
希望能够每隔一段时间整理一下自己都做了什么
展开
-
js学习—在canvas画布上的粒子扩散
本次内容是在看完腾讯课堂的公开课后，结合笔记，自己在电脑上实现的效果(所以有些代码部分可能类似)。要实现的效果：鼠标移动时，产生颜色大小不同的粒子，粒子移动直至消失。做出来的效果和和我想要的效果不太一样，还是有些问题。接下来我们还是分析一下。首先我们很明显的要写一个鼠标移动事件：canvas.addEventListener('mousemove',create,f原创 2017-07-29 20:42:50 · 1904 阅读 · 0 评论 -
纯js 实现弹幕效果
弹幕时近几年新兴的一种技术，接下来我要展示的就是怎么实现类似弹幕的效果。先贴下效果图：说是效果，要拿出去用肯定是不行的。先说一下是怎么样的实现方法。弹幕肯定是出现在屏幕上，所以我们暂时把出现弹幕的窗口称为背景。弹幕肯定尽量不能重叠在一起，所以我把整个弹幕出现的背景划分为几块，如下图：12345原创 2017-08-02 10:05:17 · 28337 阅读 · 4 评论 -
js实现简单计算器
先看一下效果图：可能是最近一段时间用ul用多了，这些块都是li元素，后面发现button好像更好用一些。但还是能做的。布局就不说了，会html和css的这个肯定会，贴上代码： body{margin:0;padding:0;} .container{ margin:auto; margin-top:200px; width:300px; height:3原创 2017-08-01 10:11:54 · 1528 阅读 · 0 评论 -
JS总结（一） border样式和获取节点为空的问题
最近在用js写一些东西，遇到一些问题，所以总结一下。1.怎么在JS中设置border样式。一般设置样式的格式为：(节点).style.(要设置的属性)="";那么border样式怎么设置呢？一边采用以下方式：div.style.borderTop="1px solid #899";类似的设置borderLeft，borderRight，borderBottom；原创 2017-08-17 11:25:42 · 3018 阅读 · 0 评论 -
一个切换名言的页面（json）
这个页面是在freecodecamp上刷题的时候要做的一个页面，只是例子用的是jquery,名言可以在线获取的。而我的就不行了，是用js写的，名言也是用json格式存储的。只是做了那样的效果。废话不多说，先看效果图。左下角的图标是twitter的链接，点击新的名言，会生成一个新的名言，有可能不会。。。等下会说到。好了，效果是这样，那有哪几步呢？1.做好布原创 2017-09-24 08:59:53 · 1155 阅读 · 0 评论