js
翊沐
拆分这两个过程是最简单的,因为构建一个静态的版本仅需要大量的输入,而不需要
思考;但是添加交互功能却需要大量的思考和少量的输入。
展开
-
论闭包中的变量是否都保存在内存中。
过去我一直认为闭包中只保存被访问的变量。function a(){ var d=5; d=d+1; var b=1; function c(){ console.log(b); console.log(d); return b++; } return c;};var e=a();e();e();e();调试后发现结果输出1,6,2,6,3,6这表示啥?原创 2015-07-12 11:59:51 · 2694 阅读 · 2 评论 -
关于this指向问题
好久没有在csdn上写博客了。今天面试有这样一道题var length = 10;var m = function (){ console.log(this.length);};obj = { length: 5, s:function(fn){ console.log(this.length); fn(); arguments[0](); }原创 2015-11-09 16:56:15 · 425 阅读 · 1 评论 -
js 实现随机验证码
JS生成验证码.code {background-image: url(code.jpg);font-family: Arial;font-style: italic;color: Red;border: 0;padding: 2px 3px;letter-spacing: 3px;font-weight: bolder;}.unchanged {border: 0;}原创 2015-10-30 21:25:44 · 546 阅读 · 0 评论 -
找到字符串中的单词的个数
function ss(v,x) { var num=0; while(v.indexOf(x)>-1){ var s=v.indexOf(x)+1; num +=1; v = v.substr(s);} return x+' '+num;}原创 2015-10-30 17:25:24 · 408 阅读 · 0 评论 -
js 从字符串中选取数字并相加
function sum(v) { var s=v.match(/\d+/ig); var sum = 0; for (var i=0;i < s.length;i++){ s[i] = parseInt(s[i],10); sum += s[i];} return sum;}原创 2015-10-30 17:09:05 · 3269 阅读 · 0 评论 -
javascript的this关键字的理解
网上的博客和文章关于this指针的有很多,但是每篇文章都是作者自己的心得和理解,其他人理解起来会有偏差,正如岳肃蔡子峰二人根据正本葵花宝典以及自己的理解默写出葵花宝典的残本、林远图根据残本与少林修为写出辟邪剑谱,所以要得到自己的理解就要看正本的“葵花宝典”,我所看的就是猫头鹰书cody lindley所写的《JavaScript启示录》。this值会被传递给所有函数,其值基于运行时调用函数的上原创 2015-07-05 09:02:09 · 364 阅读 · 0 评论 -
web开发中Array与ArrayBuffer的区别
javascript是一种弱语言类型,自带Array构造函数用于构造数组,但是在Web Audio和webgl中需要传输的数据往往需要很高精度,这时候使用数组就不起作用了,需要引入C语言中类似的32位或者64位的浮点数。在js中数组的创建一般使用new Array(5);或者直接给出数组。var a = new Array(5);//初始化a是含有5个undefined的数组,可以通过改变a.l原创 2015-11-23 14:24:13 · 2491 阅读 · 1 评论 -
事件代理日常总结
js是单线程的,添加事件的时候如果正好加载异步数据,dom节点很有可能没有加载上就已经进入了事件队列,导致dom无法添加事件 var s = document.querySelector('body'); var tem; s.addEventListener('click', function (e) { if (e.ta原创 2016-01-04 12:24:56 · 395 阅读 · 0 评论 -
考察自己this指向
之前好几篇文章讲到this指向问题。我觉得js是一门奇特的语言,蛮有意思的语言。直接上代码var module = {};module.exports = { el: '#fullpage', currentPage: 1, page1Init: (function () { console.log(this); return functio原创 2016-01-14 13:28:56 · 484 阅读 · 0 评论 -
好用的lightbox插件
jQuery-Rebox/原创 2015-09-29 11:10:42 · 744 阅读 · 0 评论 -
如何实现html5的摄像头的调用
Snap Photo// Put event listeners into placewindow.addEventListener("DOMContentLoaded", function() {// Grab elements, create settings, etc.var videoObj = { "video": true },errBack = funct原创 2015-09-30 15:44:00 · 342 阅读 · 0 评论 -
js作用域的学习
javascript变量分为全局变量和局部变量。局部变量的优先级又比全局变量的高。下面看几个例子: var a=0; function test() { console.log(a);}; test(); //输出0a为全局变量,函数能访问到 var a=0; function test() { var a= 1; console.log(a);原创 2015-07-03 17:23:11 · 336 阅读 · 0 评论 -
再议javascript变量作用域
今天看书无意中发现一个例子,然后突然进行了改造。原始例子var foo=0;console.log(foo);var myfunction=function(){ var foo=1; console.log(foo); var myNextFunction=function(){ var foo=2; console.log(foo); }();原创 2015-07-05 10:06:54 · 326 阅读 · 0 评论 -
javascript作用域总结
javascript共有三种作用域 :全局作用域,局部作用域,eval作用域。eval作用域可以这么使用eval() 、window.eval()。javascript没有块作用域,即var foo=1;if(true){ var foo=2;for (var i = 3; i <=5; i++){ var foo=i; console.log(foo); }}co原创 2015-07-05 10:25:20 · 361 阅读 · 0 评论 -
js eval() 全局作用域
eval函数是强大的数码转换引擎,字符串经eval转换后得到一个javascript对象, 举简单例子: var a = eval("5");等效于var a = 5; var a = eval("'5'");等效于var a = '5'; var obj = eval("({name:'cat',color:'black'})");等效于 var obj = {name:'cat转载 2015-07-05 10:18:44 · 1086 阅读 · 0 评论 -
一个例子让你体验javascript闭包
一下内容太过暴力,请成年人在未成年人的陪同下观看!!!转载一定要注明本文出处:啊哒木木。闭包的定义一般有两种:1认为闭包是符合一定条件的函数;2认为闭包是函数及其相关环境组合而成的实体,,即创建一个能显式表示引用环境的东西,并将它与相关的子程序捆绑在一起,这样捆绑起来的整体称为闭包。个人倾向于第二种定义。示例代码:1 var a=20000;2 function原创 2015-07-05 15:27:52 · 391 阅读 · 0 评论 -
我的js:冒泡排序算法选择排序算法以及快速排序算法。
function bubble(a) { var i = a.length, j; var tem; while (i > 0) { for (j = 0; j < i - 1; j++) { if (a[j] > a[j + 1]) { tem = a[j]; a[j]原创 2015-08-03 01:27:20 · 1265 阅读 · 0 评论 -
关于使用tpl模板如何从模板中取数据放入js中
最近在百度地图实习,地图等业务一般都是使用PHP,所以一般模板是smarty,有的模块可以在tpl中判断,然后渲染,有的则需要在js中作进一步判断,对于PHP传过来的变量,怎么导入到js中呢?使用 var s = {%json_encode($arrOutput)%}; require("authenticate.js").init(s.data);js中进行封装,只需要将数据传入,如上式中的原创 2015-09-01 14:39:46 · 6144 阅读 · 0 评论 -
阮一峰关于deferred 详解,感觉是jquery中最重要的部分
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html原创 2015-09-02 18:53:14 · 1076 阅读 · 0 评论 -
关于react组件之间的通信
如果是父子组件之间的通信可以使用refs和props,代码如下var YiTang = React.createClass({ sayFather: function () { this.props.deliver(); console.log('MuTa, my father!'); }, test: function () { console.log('父组件调用子组件');原创 2016-04-28 16:50:49 · 796 阅读 · 0 评论