React stopPropagation失灵

先来看这故事的开头是这样的:今儿阿华写代码的过程中,发现一个list下拉菜单无法自动收回,修改了属性没有正常的效果,存在一个冒泡,但是解决起来费了些功夫,发现在内层用stopPropagation阻止绑定在document上的事件的时候,是没办法做到的,只可以阻止outClick事件的触发。class ExampleApplication extends React.Component {

- 阅读全文 -

React/VUE/JS&input数据简单搜索

关键词:搜索今天在仿制WeChat过程中,思考了下如何去对数据进行检索简单检索通过select分类后输出戳 https://gitlab.com/duobang/developmentlog/issues/80这个被应用在材料申请完成与未完成的筛选通过Input输入关键词简单demo:我觉得这个搜索后续会用得上,今天测试了一把在我们的项目中也依旧可以使用逐个查询判断方法二代码React+TS新建一

- 阅读全文 -

前端实现图片懒加载(lazyload)

cid=89 本文章当初是为了给父亲讲述一下政务网站新闻发布,细心的老爹竟然看得出来大部分烟台地区的政务网站都是一套系统,其实这合情合理,毕竟不能每个市,区,县的网站独立开发,不利于对数据的维护。正好博客有后台,其实也就跟父亲展示了一下后台发布文章的功能,这也是我没有选择ghost .hexo的原因,我可以随时随地的写文章,而不需要去git,node 告诉他其实政府新闻办宣传部什么的只是把文章复

- 阅读全文 -

如何用最短的JavaScript代码消耗最多的时间?

在V2上看到了这样一个问题如何用最短的JavaScript代码消耗最多的时间?让函数 f 运行 10s 以上,最终输出 true,代码越短越好。(不能有交互。)// 挑战目标:让函数 f 运行 10s 以上,代码越短越好 function f() { // 在此写入你的代码: // ... } (function() { var now = Date.now; var t

- 阅读全文 -

深入理解javascript原型和闭包(5)——instanceof

对于值类型,你可以通过typeof判断,string/number/boolean都很清楚,但是在typeof在判断引用类型的时候,返回值只有object/function你不知道他到底是一个object还是一个数组,还是new Number这是就需要用到instancceofexfunction Foo(){} var f1=new Foo(); console.log(f1 instance

- 阅读全文 -

js中const,var,let区别

const定义的变量不可以修改,而且必须初始化。const b = 2;//正确 // const b;//错误,必须初始化 console.log('函数外const定义b:' + b);//有输出值 // b = 5; // console.log('函数外修改const定义b:' + b);//无法输出 var定义的变量可以修改,如果不初始化会输出undefined,不会报错。var a

- 阅读全文 -

重排序的两个方法

reverse()方法会反转数组项的顺序exvar values = [1, 2, 3, 4, 5]; values.reverse(); alert(values);这里的初始值是1,2,3,4,5。而调用数组的reverse方法后,其值的顺序变成了5,4,3,2,1 sort()方法在默认情况下,sort()方法按升序排列数组项——即最小的位置位于最前面,最大的值排在最后面,sort()方法

- 阅读全文 -

forEach、for-in与for-of的区别

forEach介绍objArr.forEach(function (value){ console.log(value); });foreach 方法没办法使用break语句跳出循环,或者使用return从函数体内返回for-in介绍for(var index in objArr){ console.log(objArr[index]) }以上代码会出现的问题index值会是字符串

- 阅读全文 -

JavaScript中只声明但没有初始化的变量和未声明的变量以及null/undefined的区别

只声明但没有初始化的变量和未声明的变量以及null/undefined的区别声明但没有初始化的变量var aa; alert(aa);浏览器会弹出窗口显示 undefined.因为对于使用了 var 声明但没有进行初始化定义的变量, 其值默认为 undefined.未声明的变量(1)alert(aa);浏览器不会弹出任何东西. 因为 aa 是没有声明的变量.打开 chrome 浏览器的控制台会看到

- 阅读全文 -

深入理解javascript原型和闭包(4)——隐式原型

注意:本文不是javascript基础教程,如果你没有接触过原型的基本知识,应该先去了解一下,推荐看《javascript高级程序设计(第三版)》第6章:面向对象的程序设计。上节已经提到每个函数function都有一个prototype,既原型,这里在加上一句话——每个对象都有一个__proto__可成为隐式原型这个__proto__是一个隐藏的属性,JavaScript不希望开发者用到这个属性,

- 阅读全文 -

深入理解javascript原型和闭包(3)——prototype原型

人家默认给的函数一个属性————prototype对,每个函数都有一个属性家偶偶prototype这个prototype的属性值是一个对象(属性的集合 再次强调)默认的只有一个叫做constructor的属性,指向函数本身SuperType是是一个函数,右侧的方框就是它的原型。原型既然是最为对象,属性的集合,不可能就只弄个constructor来玩玩,肯定可以自定义的增加许多属性。例如Object

- 阅读全文 -

深入理解javascript原型和闭包(2)——函数和对象的关系

函数就是对象的一种,因为可以通过instanceof函数可以判断var fn=function(){ }; console.log(fn instanceof Object);//true对!函数是一种对象,但是函数却不像数组一样——你可以说数组是对象的一种,,却不仅仅是一种包含关系,函数和对象之间的关系比较复杂,甚至有一点鸡生蛋蛋生鸡的逻辑ex:function Fn{ this.nam

- 阅读全文 -