JavaScript
404BAI
这个作者很懒,什么都没留下…
展开
-
javaScript编程题之检测字符串中出现次数最多的字符
方法一: var str="aaaaakkkkkkssssaaggggssjjjjjsssaa"; var obj={}; var max,maxNum; for(var i=0;i<str.length;i++){ if(!obj[str[i]]){ obj[str[i]]=1 }else{ ...原创 2018-12-13 22:24:11 · 317 阅读 · 0 评论 -
原生JS实现简单动态轮播(二)
效果图:先看布局的代码: <div class="banner"> <ul class="clear" style="left:-100%;" &原创 2019-01-25 13:19:38 · 210 阅读 · 1 评论 -
编程题Check for Palindromes(检查是否为回文)
FreeCodeCamp中文社区刷题答案及笔记题目如果给定的字符串是回文,返回true,反之,返回false。如果一个字符串忽略标点符号、大小写和空格,正着读和反着读一模一样,那么这个字符串就是palindrome(回文)。注意你需要去掉字符串多余的标点符号和空格,然后把字符串转化成小写来验证此字符串是否为回文。函数参数的值可以为"racecar",“RaceCar"和"race CA...原创 2019-01-23 23:34:03 · 357 阅读 · 0 评论 -
原生JS实现动态轮播(一)无缝轮播
在同学的帮助下,终于使用纯js代码实现了动态轮播,好难啊呜呜呜!学无止境加油吧!效果图是这样的,我们需要定义一个div,并放入三张图片,还需要左右两个按钮,以及底下三个按钮三个div。先看布局代码 <div class="banner" id="banner"> <ul class="clear" &am原创 2019-01-23 21:41:05 · 930 阅读 · 0 评论 -
原生js实现购物网站放大镜功能
首先看效果图:先是布局,左边一个小图框,包含一个鼠标移动框,右边一个放大框。 <div class="box"> <div class="small"> <img src="small3.jpg" alt=""> <div class="move&q原创 2019-01-11 22:55:55 · 203 阅读 · 0 评论 -
原生javascript实现星级评价功能
因为用到自定义字体,我首先到阿里巴巴矢量图标库下载了自己喜欢的星星样式。需要一个空心星星,一个实心星星。按照使用方法,如下图所示引入这些文件。接下来是布局,三行评价,都是一样的样式,那就用一个无序列表吧! &lt;ul&gt; &lt;li class="goods"&gt; 宝贝与描述相符: &lt;i cla原创 2019-01-11 00:02:44 · 418 阅读 · 0 评论 -
JS写斐波那契数列的几种方法
自学javascript一段时间啦,刚开通了自己的csdn博客分享一些自己所学的东西。接下来是我收集以及改进的几种使用JS写出斐波那契数列的方法。方法1 最直观的解题思路. function fibonacci(n) { var num1= 1,num2= 1,sum; for(var i = 3; i &amp;lt;= n; i += 1) { ...原创 2018-11-19 17:30:13 · 12792 阅读 · 2 评论 -
javaScript实现抽奖大转盘(一)
今天试了试自己写个抽奖大转盘。先是借了两张别人的图片:下面是布局部分: &amp;amp;lt;div class=&amp;quot;round&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;box&amp;quot;&amp;amp;gt; &amp;原创 2018-11-26 10:42:25 · 4698 阅读 · 1 评论 -
简单JS实现抽奖大转盘(二)—使用组件形式
这个是对上一个博客改进,这里实现抽奖大转盘使用了组件的方法。也算是自己尝试写一个初级的小插件吧首先是html部分&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&原创 2018-11-26 10:54:51 · 2994 阅读 · 0 评论 -
js高级之实现匀速运动
使用计时器写了一个简单的匀速运动。鼠标经过,匀速运动开始&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta http-equiv=&quot;X-UA-Compatible&原创 2018-11-27 22:37:04 · 229 阅读 · 0 评论 -
JS高级之简单缓冲运动并回到原点
&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;amp;gt; &原创 2018-12-09 09:29:22 · 344 阅读 · 0 评论 -
JS高级之弹性运动
一个运动的盒子,一个开始的按钮,一条终点线.,我设置这条线的原因是方便看出效果,也可以不设啦。 &lt;div class="box"&gt;&lt;/div&gt; &lt;input type="button" name="" value="开始"&g原创 2018-12-12 10:01:48 · 504 阅读 · 0 评论 -
如何判断一个变量是数组Array类型
1. instanceof操作符 var arr = [1,2,3] console.log(arr instanceof Array) //true2. 对象的constructor属性 var arr = [1,2,3] console.log(arr.constructor === Array) //true3. Array.isArray()(ie9...原创 2019-02-12 22:59:33 · 714 阅读 · 0 评论