JavaScript

Joudee

Joudee|深入理解闭包

发布于 4 小时前 浏览:43 类型:原创 - 随笔 分类:JavaScript 举报

网上很多博客都很直观的说,闭包就是一个函数内嵌套着另一个函数,作用就是私有化。这么说是对的,但看完根本不知道闭包到底有什么用。这篇随笔就带大家深入的理解一下闭包。先打个比方,假若有2个相同div,点击每个div时,要分别记住自己被点击的次数。如果不用闭包,就像下面这样写:网上有这么个例子,相信很多人都看 ...

bad丶小

bad丶小|一个猜数字游戏

发布于 5 小时前 浏览:75 类型:原创 - 随笔 分类:JavaScript 举报

初学笔记——三!看你需要猜几次才能猜到那个正确的数字!html代码效果预览<!DOCTYPEhtml><html><head><metahttp-equiv="content-type"content="text/html;charset=utf-8"/><title>猜数字游戏</title><scripttype="text/javascript"charset="utf-8">window.onloa ...

帽子

帽子|回顶部 js方法

发布于 5 小时前 浏览:46 类型:原创 - 随笔 分类:JavaScript 举报

$(function(){$(window).scroll(function(){var$scrollTop=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop;//兼容浏览器if($scrollTop>1){//滚动高度可调,也可以为某个div的sc ...

帽子

帽子|判断鼠标移入方向及移出方向

发布于 5 小时前 浏览:37 类型:原创 - 随笔 分类:JavaScript 举报

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>判断鼠标进入方向</title></head><body><style>html,body{margin:0;padding:0;}#wrap{width:300px;height:300px;background:#33aa00;margin:50px;display:inline-block;font-size:50px;text-al ...

语潸雪

语潸雪|如何避免console.log引起javascript的兼容问题

发布于 5 小时前 浏览:29 类型:原创 - 随笔 分类:JavaScript 举报

如何避免console.log引起javascript的兼容问题IE浏览器下默认是不支持console.log,反而会因为这句代码报错javascript代码效果预览<scripttype="text/javascript">if(!window.console){window.console={};}if(!window.console.log){window.console.log=function(msg){};}</ ...

Chiffon

Chiffon|移动端音乐播放,兼容android和ios

发布于 9 小时前 浏览:105 类型:原创 - 随笔 分类:手机移动 举报

看到两种兼容移动端音乐播放的方法,因为在微信或者浏览器不同系统可能不能直接在页面加载就自动播放,所以大抵都是要靠点击页面来触发,记此1这种在微信看是要点击一下才能播放音乐,在其它一些浏览器可以自动播放html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA- ...

15727572247

15727572247|JavaScript的继承与多态

发布于 21 小时前 浏览:129 类型:原创 - 随笔 分类:JavaScript 举报

今天看到一个例子,寻思好久,与一位结丹期的朋友一起探讨。来先睹为快:不多说先放代码html代码效果预览<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><body><script>functionmixin(sourceObj,targetObj){for(varkeyinsourceObj){if(!(keyintargetOb ...

欧阳翠花

欧阳翠花|打字机 打印每部电影的电影简介

发布于 昨天 22:23 浏览:97 类型:原创 - 随笔 分类:JavaScript 举报

之前放在一个电影网页页面里的,单独抠出来了==。html代码效果预览<html><head><styletype="text/css">*{padding:0;margin:0;list-style:none;text-decoration:none;font-family:"微软雅黑";}#logo{float:left;margin:5px65px5px25px;}#list{padding:0;margin:o;width:100%;background-color:#353434;overflow ...

Mengxuan01

Mengxuan01|一道面试题 没有思路求教

发布于 昨天 17:44 浏览:126 类型:原创 - 随笔 分类:JavaScript 举报

23)数据处理函数functioncount(data0,data1,….){…….}需要使用到多条异步请求(ul0,url0,…)返回的数据data0,data1,……如何实现所有请求都返回结果后再执行函数count?有几家公司差不多问过 ...

老姚

老姚|【数据结构】映射

发布于 昨天 17:21 浏览:49 类型:原创 - 随笔 分类:JavaScript 举报

学习数据结构目的是什么?也许只是为了不矮科班出身同事一头。也许只是为了应付常见的面试题。也许项目中真的会遇到。对于个人来说,只是无聊,敲点代码记录一下而已。动机有了,对策呢?把《学习JavaScript数据结构与算法》一书中的代码敲一遍应该就没啥问题了。书比较薄,178页,加油!书籍配套源码地址是:http ...

441578612

441578612|新手总结图片无缝滚动

发布于 昨天 17:18 浏览:80 类型:原创 - 随笔 分类:JavaScript 举报

今天按着自己的理解对无缝滚动做了一下总结,希望可以有人帮忙纠正一下 ...

新手总结图片无缝滚动
欧阳翠花

欧阳翠花|数组后边添加新元素除了push这样也行啊

发布于 昨天 17:09 浏览:45 类型:原创 - 随笔 分类:JavaScript 举报

:)html代码效果预览<html><head></head><body><script>vararr=[1,2,3];for(vari=4;i<=9;i++){arr[arr.length]=i;}alert(arr);</script></body></html> ...

北鸟南游

北鸟南游|freecodecamp网站的一些实用方法--JavaScript

发布于 昨天 10:58 浏览:59 类型:原创 - 随笔 分类:JavaScript 举报

第一部分:基础**翻转字符串:先把字符串转化成数组,再借助数组的reverse方法翻转数组顺序,最后把数组转化成字符串。你的结果必须得是一个字符串javascript代码效果预览functionreverseString(str){str=str.split("").reverse().join("");returnstr;}reverseString("hello");**阶乘计算一个整数的 ...

老姚

老姚|【数据结构】集合

发布于 前天 18:56 浏览:78 类型:原创 - 随笔 分类:JavaScript 举报

学习数据结构目的是什么?也许只是为了不矮科班出身同事一头。也许只是为了应付常见的面试题。也许项目中真的会遇到。对于个人来说,只是无聊,敲点代码记录一下而已。动机有了,对策呢?把《学习JavaScript数据结构与算法》一书中的代码敲一遍应该就没啥问题了。书比较薄,178页,加油!书籍配套源码地址是:http ...

老姚

老姚|【数据结构】链表

发布于 前天 18:07 浏览:52 类型:原创 - 随笔 分类:JavaScript 举报

学习数据结构目的是什么?也许只是为了不矮科班出身同事一头。也许只是为了应付常见的面试题。也许项目中真的会遇到。对于个人来说,只是无聊,敲点代码记录一下而已。动机有了,对策呢?把《学习JavaScript数据结构与算法》一书中的代码敲一遍应该就没啥问题了。书比较薄,178页,加油!书籍配套源码地址是:http ...

15727572247

15727572247|$(this)与this之间的区别

发布于 3 天前 浏览:138 类型:原创 - 随笔 分类:HTML/CSS 举报

$(this)与this的区别开始对这个问题很困惑与不解。究竟他们之间有着怎样的联系和区别呢?下面荣我慢道来:  相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?  首先来看看JQuery中的$()这个符号,实际上这个符号在JQuery中相当于JQuery(), ...

differ_wy

differ_wy|【indexedDB】indexedDB初体验

发布于 3 天前 浏览:75 类型:原创 - 教程 分类:JavaScript 举报

任何一个新东西拿来的时候,我们关注的第一点是什么?定义。indexedDB:索引数据库。特点:本地离线存储,NoSql形式,持久化。用途:1,移动应用存储一些一般不会改变的数据到本地,节省带宽。2,状态保存这里我封装了一个idb对象,可以实现常见的:数据库创建(同时创建对象存储,为对象存储设置索 ...

端端正正

端端正正|监听按键变色

发布于 4 天前 浏览:91 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><title>变色</title><metacharset='utf-8'/><styletype="text/css">input{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;outline:0;width:400px;height:80px;border:20pxsolid ...

刚才写了一个弹力球自由落体运动,然后在判断停止条件时,遇到个不理解的问题!不废话,先上DEMOhtml代码效果预览<!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><title></title><style ...

蒲公英mm

蒲公英mm|js 练习练习

发布于 4 天前 浏览:67 类型:原创 - 随笔 分类:JavaScript 举报

//获取当前页面的urlfunctiongetParameterByName(name,url){if(!url){url=window.location.href;}name=name.replace(/[\[\]]/g,"\\$&");varregex=newRegExp("[?&]"+name+"(=([^&#]*)|&|#|$)"),& ...