• 数组去重古与今

    关于数组去重这个问题,我曾经在牛客网上就遇到过一次,后来在做一些网上的笔试的时候又碰到了这个问题,其实数组去重的方法有非常多种,五花八门的。但其实我觉得这只是一件很小的事,何必弄得好像实现的方法越复杂就越厉害一样。废话不多说,这里我只介绍我所认可的...

    2018-06-24 01:29:47

  • e.preventDefault()和e.stopPropagation()以及return

    前段时间开发中,遇到一个父元素和子元素都有事件时,发现会出现事件冒泡现象,虽然知道ev.stopPropagation()和ev.preventDefault()其中一个是阻止事件冒泡和阻止默认行为,却不知ev.preventDefault()和ev.stopPropagation()以及return false之间的详细区别,于是闲了...

    2018-06-24 01:29:40

  • JavaScript数组操作

    1.生成数组: 1.1 通过Set中转,生成新的数组 // 将数据添加到Set const s = new Set();[ 2, 3, 5, 4, 5, 2, 2].forEach(x = s.add(x)); // 将Set转换成数组 const array = Array.from(s); 2.数组的拷贝 2.1Shallow Copy: 浅拷贝 顶层属性遍历 浅拷贝是指复制对象的时...

    2018-06-24 01:29:43

  • 零基础实现node+express个性化聊天室

    本篇文章使用node+express+jquery写一个个性化聊天室,一起来get一下~(源码地址见文章末尾) 效果图 项目结构 实现功能 登录检测 系统自动提示用户状态(进入/离开) 显示在线用户 支持发送和接收消息 自定义字体颜色 支持发送表情 支持发送图片 下面将一一讲解如何实...

    2018-06-24 01:29:35

  • js实现tab选项卡切换

    今天学习了tab选项卡切换。 js代码: 1 script 2 var lis = document.querySelectorAll("#tab-title li" ); 3 var i = 0, len = lis.length; 4 for (; i len; i++ ){ 5 var li = lis[i]; 6 // 记住li的索引 7 li.setAttribute('index' ,i); 8 li.onmouseover = functio...

    2018-06-24 01:29:34

  • A customized combobox with JQuery

    要求实现一个轻量级的在客户端筛选的combobox,支持大数据量(超过1000个items),能快速检索内容,并支持数据的设置和活动等基本操作。在这之前尝试过使用Jquery UI的Autocomplete,但是当数据量太大时客户端检索速度太慢(甚至会导致浏览器卡死)。索性干脆基于JQuer...

    2018-06-24 01:29:33

  • Number()和new Number()的区别以及造个简单的轮子

    看JavaScript文档的时候注意到了这种用法 var n1 = Number(123); , 冒出的第一个疑问就是和 var n2 = new Number(123); 有什么区别呢? 首先用typeof做下探测, n1是number而n2是object, 他们的本质区别就是 type 不同. 那么有趣的问题来了, Number内部肯定知道是怎么调...

    2018-06-24 01:29:25

  • es6中export和export default的作用、区别

    作用: export和export default实现的功能相同,即: 可用于导出(暴露)常量、函数、文件、模块等,以便其他文件调用。 区别: 1、export导出多个对象,export default只能导出一个对象 2、export导出对象需要用{ },export default不需要{ },如: export {A,B,C}; e...

    2018-06-24 01:29:31

  • 聊聊构造函数

    JavaScript对象的创建方式 在JavaScript中,创建对象的方式包括两种:对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式,例如: 1 2 3 4 5 6 var o1 = { p:”I’m in Object literal”, alertP:function(){ alert( this .p); } } 这样,就用对象字面量...

    2018-06-24 01:29:25

  • 从零开始学习前端JAVASCRIPT — 10、JavaScript基础ES

    ECMAScript 6.0(简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。各大浏览器的最新版本,随着时间的推移,支持度已经越来越高了,ES6的大部分特性都实现了。...

    2018-06-24 01:29:26

2