![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原声JavaScript
进阶的码农
这个作者很懒,什么都没留下…
展开
-
原生javaScript实现淘宝放大镜效果
大家经常逛淘宝、天猫、京东这类网站的时候往往会看到一些图片展示的效果,例如:把鼠标放在图片上右侧会出现一个放大的预览区域,这就是所谓放大镜效果。今天闲着没事干,就打算复习一下JavaScript基础,用一下基础知识制作一个类似于淘宝的放大镜效果。先说一下这个效果需要用到的一些基础知识:css相对定位:position:absolute;鼠标移入移出以及移动事件:onmouseover、...原创 2017-12-22 13:37:11 · 1532 阅读 · 1 评论 -
JavaScript 根据一个值删除数组中的某个元素
//删除一个元素function remove(arr, value) { var i = arr.length; while (i--) { if (arr[i] === value) { return i; } } return false;}调用var arr = ["哈哈","哈喽"];...原创 2018-09-13 17:40:50 · 3435 阅读 · 3 评论 -
JavaScript 判断一个值是不是在数组内
给数组添加一个原型方法//判断是否相等Array.prototype.in_array = function(value) { for (var i = 0; i < this.length; i++) { if (this[i] == value) { return true; } } return f...原创 2018-09-13 17:32:30 · 796 阅读 · 0 评论 -
JavaScript 判断一个值是不是在数组里面
let arr = ["a","b","c"];arr.indexOf("a")如果变量在数组内,则返回1,反之,则返回-1;尤其要注意判断变量的类型,如果值相等,类型不同的话,也会返回-1;...原创 2018-09-13 17:21:25 · 5976 阅读 · 2 评论 -
原生JavaScript + canvas 实现贪吃蛇小游戏
效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>贪吃蛇</title> <link rel="stylesheet" href="css/sna原创 2018-07-09 09:12:12 · 956 阅读 · 0 评论 -
JavaScript 小程序 商城倒计时效果
先看效果图吧1、首先想要实现这个效果需要获取到当前时间的时间戳var timestamp = Date.parse(new Date());//获取到毫秒 2、拿到后台返回的活动结束的时间戳 3、计算两者之间相差的天数、小时、分钟、以及秒数//计算两个时间戳之间相差多少时间function date(start_time, end_time) { va...原创 2018-06-07 10:13:48 · 1312 阅读 · 1 评论 -
原生JavaScript 时间戳转换成标准时间
我们经常在和后台合作的时候,他们会给我们返回一些时间戳,前端需要把时间戳转化成标准时间来显示。 //时间戳转换为时间格式//number为我们需要转换的时间戳function toDate(number) {//如果是毫秒的时间戳就不需要这一步,直接下一步就可以 var n = number * 1000; var date = new Date(n); ...原创 2018-06-07 09:53:21 · 3794 阅读 · 0 评论 -
原生js+canvas实现裁剪图片的功能
本文是利用一个css的属性clip,我肯定有很多人都不知道这个属性,因为这个属性用到的太少了,只是在特定的条件下才会用到这个属性。这里我就跟大家大致的说一下它的用法,想要了解更多这个属性的可以去查阅一下资料,在这里跟不跟大家说了。这里主要是讲如何利用这个属性实现选取图片的功能。想要了解clip 这个属性,首先要知道这个属性的语法:clip:rect(top,right,bottom,left)...原创 2017-12-22 15:03:18 · 8560 阅读 · 0 评论 -
JavaScript +canvas简易画板的实现
本篇文章讲的是利用的canvas的一些属性制作一个简易的画板,由于本人的时间不足,以及能力也有限,所以功能比较简单,喜欢自己学习的同学有兴趣话可以自己加上一些功能。直接上代码了。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Docu原创 2018-01-15 13:48:13 · 1020 阅读 · 0 评论 -
JavaScript数组乱序
function randomSort(a, b) { return Math.random() > 0.5 ? -1 : 1;}var ArrLoad = [0, 1, 2, 3, 4, 5];ArrLoad.sort(randomSort);原创 2019-02-18 13:54:30 · 473 阅读 · 3 评论