原生JS
前端小能手i
这个作者很懒,什么都没留下…
展开
-
google浏览器调试工具自定义网速设置网速
谷歌浏览器如何调整当前网速1.如图,打开浏览器,按下 F12 找到Network。2.点击Online就可以设置网速了也可以自己增加,点击Add…就可以自己设置网速了原创 2020-07-24 14:30:34 · 2299 阅读 · 0 评论 -
JS获取当前时间并格式化
JS获取当前时间并格式化formatter (thistime, fmt) { let $this = new Date(thistime) let o = { 'M+': $this.getMonth() + 1, 'd+': $this.getDate(), 'h+': $this.getHours(), 'm+': $this.getMinutes(), 's+': $this.getSecond原创 2020-07-24 14:24:52 · 943 阅读 · 0 评论 -
Js面向对象的几种方式
1.对象的字面量 var obj = {}2.创建实例对象 var obj = new Object();3.构造函数模式 function fn(){} , new fn();4.工厂模式:用一个函数,通过传递参数返回对象。function fn(params){var obj =new Object();obj.params = params; return obj;},fn(params);5.原型模式:function clock(hour){} fn.prototype.hour = 0;原创 2020-06-20 22:46:05 · 226 阅读 · 0 评论 -
简单概括浏览器事件模型,如何获得资源dom节点
事件模型在各种浏览器中存在三种事件模型:原始事件模型( original event model),DOM2事件模型,IE事件模型.其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持。浏览器事件模型分为三个阶段1、捕获阶段2、目标阶段3、冒泡阶段Dom节点获取方法1.通过id属性获取 document.getElementById()2.通过name属性获取 document.getElementsByName()3.通过标签名获取 d原创 2020-06-19 17:42:28 · 256 阅读 · 0 评论 -
什么是闭包(closure)为什么要用它
对闭包的理解闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域,将函数内部的变量和方法传递到外部。闭包的特性:1.函数内再嵌套函数2.内部函数可以引用外层的参数和变量3.参数和变量不会被垃圾回收机制回收<ul id="testUL"> <li> index = 0</li> <li> index = 1</li>原创 2020-06-19 17:39:52 · 320 阅读 · 0 评论 -
JS中面向对象和面向过程的区别
前言要搞懂面向对象和面向过程的区别,我们首先要了解什么是面向对象。什么是面向过程。面向对象面向对象的方法主要是把事物给对象化,包括其属性和行为。面向对象编程更贴近实际生活的思想。总体来说面向对象的底层还是面向过程,面向过程抽象成类,然后封装,方便使用就是面向对象(万物皆对象)。面向过程面向过程是一种以过程为中心的编程思想。这些都是以什么正在发生为主要目标进行编程,不同于面向对象的是谁在受影响。与面向对象明显的不同就是封装、继承、类。简写为POP之前在那篇博客上看到这个比喻,觉得特别恰当,挺容原创 2020-06-19 17:36:43 · 1608 阅读 · 0 评论 -
最常用的数组去重方法
数组去重常用的数组去重方法一、利用ES6 Set去重(ES6中最常用)function unique (arr) { return Array.from(new Set(arr))}var arr = [1,2,3,4,4,2,3,1,4,5,2,3,1];console.log(unique(arr))二、利用for嵌套for,然后splice去重(ES5中最常用)function unique(arr){ for(var i=0; i<原创 2020-06-10 16:54:54 · 185 阅读 · 0 评论 -
JS实现显示隐藏滑到顶部
直接上代码html部分// HTML <span id="backUp">返回顶部</span>有些人用的时候或许会使用a标签个人建议不要使用a标签,可以换个别的标签。因为a标签会刷新页面。js部分// An highlighted block<script> //点击按钮返回顶部 $('#backUp').click( fu...原创 2018-12-11 11:38:46 · 426 阅读 · 0 评论