笔记

守候你的季节

守候你的季节|一道涉及的知识点比较多的JS面试题

发布于 昨天 18:27 浏览:52 类型:转载 - 随笔 分类:JavaScript 举报

在segmentfault上看见一道比较有意思的JavaScript题,如下javascript代码functionFoo(){getName=function(){console.log('1');};returnthis;}Foo.getName=function(){console.log('2');};Foo.prototype.getName=function(){console.log('3');};vargetName=f ...

LeslieHe

LeslieHe|转载 许愿墙效果

发布于 3 天前 浏览:145 类型:转载 - 译文 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>许愿墙</title><style>*{margin:0px;padding:0px;}body{background:-webkit-linear-gradient(top,rgb(203,235,219)0%,rgb(55,148,192)120%);backg ...

LeslieHe

LeslieHe|转载 打字机

发布于 3 天前 浏览:86 类型:转载 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><metaname="renderer"content="webkit"><metahttp-equiv="X-UA-Compatible"content="IE=Edge"><metaname="keyword"content=""><metaname="description"content=""></head><body><divclass="autotype"id="autotype ...

吖_然

吖_然|onclick=""和$(\'\').click()使用哪个好?

发布于 5 天前 浏览:120 类型:转载 - 随笔 分类:JavaScript 举报

看了十来篇文章才找到想要的答案,如下:如果写HTML和写JS的不是同一个人,那么写HTML的只需要把元素写好,比如<pid="ppp">TEST</p>即可而不用考虑这个<p>元素在鼠标点击的时候要做什么,而写JS的人,只需要在它的JS文件里对这个<p>元素绑定一个click事件,比如$("#ppp").click(doSomething);就好了,这样就 ...

1007561607

1007561607|Ajax跨域(jsonp) 调用JAVA后台

发布于 7 天前 浏览:410 类型:转载 - 随笔 分类:JavaScript 举报

1.JSONP定义JSONP是英文JSONwithPadding的缩写,是一个非官方的协议。它允许在服务器端生成scripttags返回至客户端,通过javascriptcallback的形式来实现站点访问。JSONP是一种scripttag的注入,将server返回的response添加到页面实现特定功能。2.JSONP由来要解释JSONP的来由,先 ...

samir0911

samir0911|学习整理复习关于JavaScript中闭包的概念

发布于 2017-01-11 18:47:25 浏览:141 类型:转载 - 随笔 分类:JavaScript 举报

闭包(Closure)闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特 ...

守候你的季节

守候你的季节|ES6以及gulp如何将ES6转为ES5

发布于 2017-01-09 13:04:30 浏览:78 类型:转载 - 教程 分类:JavaScript 举报

ECMAScript6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ES6与ECMAScript2015的关系媒体里面经常可以看到”ECMAScript2015“这个词,它与ES6是什么关系呢?2011年,ECMAScript5.1版发布后, ...

守候你的季节

守候你的季节|jQuery中deferred对象详解

发布于 2017-01-09 12:45:27 浏览:84 类型:转载 - 教程 分类:JavaScript 举报

最近看看构建工具gulp,当看到promise时突然有点陌生,于是乎意外找到了大牛阮一峰的一篇文章,写的非常的通俗易懂,对延迟对象进行了很好的讲解,虽然写的比较早但是道理都一样。以下为主要内容:一、什么是deferred对象?开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如aja ...

zippofan

zippofan|JavaScript框架

发布于 2017-01-09 11:33:30 浏览:147 类型:转载 - 随笔 分类:JavaScript 举报

框架代码:(function(){varmoduleMap={};varfileMap={};varnoop=function(){};varthin={define:function(name,dependencies,factory){&nbs ...

ywhluck

ywhluck|九宫格拼图

发布于 2017-01-08 10:25:44 浏览:1941 类型:转载 - 随笔 分类:JavaScript 举报

puzzle.html效果预览<!doctypehtml><html><head><metacharset="UTF-8"><title>九宫格拼图</title><style>*{padding:0;margin:0;border:0;}/**是通配符,给所有的元素去掉默认样式,因为有的浏览器会默认加上一些样式,这可能会 ...

本文转自:http://blog.csdn.net/javaloveiphone/article/details/50855436html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式</title><scripttype="text/javascript"src="jquery.min.js"></script></head><bod ...

zhao_ping

zhao_ping|将图片转换成Base64

发布于 2017-01-06 11:01:24 浏览:167 类型:转载 - 教程 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body>选择图片:<inputtype="file"id="img"><br/><buttonid="start">开始转换</button><div>预览:<imgid="imgShow"src=""alt=""></div><b>Base64数据:</b><textarearows= ...

dyyzht

dyyzht|H5消息推送

发布于 2017-01-05 16:43:40 浏览:196 类型:转载 - 随笔 分类:JavaScript 举报

在原作者的基础上删了一点东西html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><metaname="viewport"content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width"><title>消息推送</title><!--[ifltIE9]>    <scriptsrc="http://css3-medi ...

laney

laney|JS-常用正则表达式积累【转载+原创】

发布于 2017-01-05 15:35:42 浏览:119 类型:转载 - 随笔 分类:JavaScript 举报

1、将一串数字从后三位开始以逗号打点javascript代码效果预览console.log("11500000000".split("").reverse().join("").replace(/(\d{3})(?=[^$])/g,"$1,").split("").reverse().join(""));2、只允许输入数字、小数可保存至小数点后两位,且均为正数,不可为空javascript代码效果预览letstr=/^(0|([1-9]\d{0,9}))( ...

竹焮

竹焮|鼠标移动烟花

发布于 2017-01-04 17:21:49 浏览:2278 类型:转载 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmlclass=''><head><scriptsrc='//production-assets.codepen.io/assets/editor/live/console_runner-5710c30fb566082d9fcb6e7d97ee7e3f2a326128c9f334a4231b6fd752b29965.js'></script><scriptsrc='//production-assets.codepen.io/assets/editor/live/events_runner-d5e4bf42585b8 ...

竹焮

竹焮|canvas星星炫耀

发布于 2017-01-04 15:17:08 浏览:2035 类型:转载 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>body{width:100%;margin:0;overflow:hidden;}canvas{display:block;}</style></head><body><canvasid='canv'></canvas><script>varc=document.ge ...

语潸雪

语潸雪|HTML5 拖放(Drag 和 Drop)

发布于 2017-01-04 14:10:30 浏览:206 类型:转载 - 随笔 分类:JavaScript 举报

HTML5拖放(Drag和Drop)功能开发——基础实战:http://www.cnblogs.com/ijjyo/p/4300717.htmlHTML5拖放(Drag和Drop)功能开发——浅谈dataTransfer对象:http://www.cnblogs.com/ijjyo/p/4316232.html ...

里面关于作用域、提升、闭包、面向对象编程、构造函数、原型之类的解释清晰易懂,看了之后解决之前学js基础的不少疑惑。转载一下,给像我一样的小白们,强烈推荐。JavaScript标准参考教程(alpha)阮一峰好像链接不行.......我也不明白....那就直接复制地址打开吧..........http://javascript.ruanyifeng.com/ ...

gaozhichao

gaozhichao|正则表达式

发布于 2016-12-26 15:29:11 浏览:121 类型:转载 - 随笔 分类:JavaScript 举报

1、元字符[拥有特殊含义的元字符]\d->匹配一个0-9的数字,相当于[0-9],和它相反的是\D->匹配一个除了0-9的任意字符\w->匹配一个0-9、a-z、A-Z、_的数字或字符,相当于[0-9a-zA-Z_]\s->匹配一个空白字符(空格、制表符...)\b->匹配一个单词的边界&nb ...

tony0522

tony0522|JS判断手机浏览器

发布于 2016-12-16 10:27:21 浏览:181 类型:转载 - 随笔 分类:JavaScript 举报

原理JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而 ...