分类：JavaScript

2020
10-15

JavaScript原生数组函数实例汇总

在JavaScript中，创建数组可以使用Array构造函数，或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然而，[]instanceofArray也返回true。也就是说，类数组对象的实现更复杂，例如strings对象、arguments对象，arguments对象不是Array的实例，但有length属性，并能通过索引取值，所以能像数组一样进行循环操作。在本文中，我将复习一些数组原型的方法，并探... 继续阅读 >

2020
10-15

JavaScript Blob对象原理及用法详解

Blob是JavaScript内建对象，表示不可变的原始数据，类似文件的对象。blob是表示原始数据的不可变对象，这些数据不一定是JavaScript原生格式的，文件接口基于Blob，继承Blob功能并将其扩展为支持用户系统上的文件。Blob有很多用途：可以从网络的内容创建。可以保存到磁盘或从磁盘读取。例如，它们是FileReaderAPI中使用的File的基础数据结构。我们可以使用Blob()构造函数从其他非blob对象和数据构造Blob。Blob构造函数Blob构造函... 继续阅读 >

2020
10-15

基于javascript原生判断DOM是否加载完毕

readyStatedocument.readyState返回当前文档的状态，属性如下：uninitialized还未开始加载loading加载中interactive已加载，文档与用户可以开始交互complete加载完成DOMContentLoaded当DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flashonload当onload事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了根据执行时DOM是否已经装载完毕来决定是对回调函数进行同步... 继续阅读 >

2020
10-15

JavaScript常用进制转换及位运算实例解析

前言在一般的代码中很少会接触到进制和位运算，但这不代表我们可以不去学习它。作为一位编程人员，这些都是基础知识。如果你没有学过这方面的知识，也不要慌，接下来的知识并不会很难。本文你将会学习到：进制转换按位操作符JavaScript进制转换手动实现进制转换进制转换以下使用常见的十进制和二进制转换作为例子，其他进制的转换也是大同小异，感兴趣可以自己琢磨下。十进制转二进制根据“逢十进一”的法则进行计数时... 继续阅读 >

2020
10-13

JavaScript本地储存:localStorage、sessionStorage、cookie的使用

javaScript有三种数据存储方式，分别是：sessionStoragelocalStoragecookier1.sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除；setItem(key,value)设置数据getItem(key)获取数据removeItem(key)移除数据clear()清除所有值<script>//添加数据window.sessionStorage.setItem("name","李四")window.sessionStorage.setItem("age",18)//获取数据console.log(window.sess... 继续阅读 >

2020
10-13

原生JavaScript实现弹幕组件的示例代码

前言如今几乎所有的视频网站都有弹幕功能，那么今天我们就自己用原生JavaScript封装一个弹幕类。这个类希望有如下属性和实例方法：属性el容器节点的选择器，容器节点应为绝对定位，设置好宽高height每条弹幕的高度mode弹幕模式，half则为一半容器高度，top为三分之一，full为占满speed弹幕划过屏幕的时间gapWidth后一条弹幕与前一条弹幕的距离方法pushData添加弹幕元数据addData持续加入弹幕start开始调度弹... 继续阅读 >

2020
10-13

分享8个JavaScript库可更好地处理本地存储

我为当前项目测试了一些本地存储库。想知道他们有什么很棒的功能吗？继续阅读。LocalStorageBridgehttps://github.com/krasimir/lsbridge如果你必须在同一个浏览器中从一个标签页发送消息到另一个标签页，你不必用艰难的方式。Localstoragebridge在这里让任务变得更简单。基本使用：//发送lsbridge.send(‘app.message.error',{error:‘Outofmemory'});//监听lsbridge.subscribe(‘app.message.error',function(data)... 继续阅读 >

2020
10-13

JavaScript读取本地文件常用方法流程解析

出于安全和隐私的原因，web应用程序不能直接访问用户设备上的文件。如果需要读取一个或多个本地文件，可以通过使用inputfile和FileReader来实现。在这篇文章中，我们将通过一些例子来看看它是如何工作的。文件操作的流程获取文件由于浏览器中的JS无法从用户的设备访问本地文件，我们需要为用户提供一种方法来选择一个或多个文件供我们使用。这可以通过文件选择器<inputtype='fule'/>来完成。<inputtype="file">如果想允选择... 继续阅读 >

2020
10-10

Javascript confirm多种使用方法解析

confirm函数confirm函数用于提供确认功能，它首先显示给定的message参数所包含的信息，并提供两个可选择的回答“ok”和“cancel”，然后等待用户选择其中的一个。如果用户选择“ok”则返回true；否则，如若选择“cancel”则返回false。该函数的语法格式如下：window.confirm(message,ok,cancel)它有3个参数，其中参数message是欲显示的字符串形式的提示信息；参数ok也是用于显示的一个字符串信息，它可以是“OK”，也可以是其他... 继续阅读 >

2020
10-10

JavaScript获取时区实现过程解析

在一个大型的项目中，不可避免会出现操作时间的业务，比如时间的格式化，比如时间的加减，我们一般会直接使用moment.js库来做，毕竟稳定可靠，也方便，那当我们系统只是几个简单页面，对时间的操作并不是很大，引入库文件并不是很必须的情况，我们需要时区展示怎么办？是不是可以用浏览器支持的原生方法来实现？时区啥是时区？时区是地球上的区域使用同一个时间定义。以前，人们通过观察太阳的外置（时角）决定时间，这就使得不同... 继续阅读 >

2020
10-10

JavaScript实现单点登录的示例

项目中遇到单点登录这个问题，当点击链接的时候跳转到另一个系统中并实现自动登录进去，直接进去系统的页面因为不同的系统涉及到跨域的问题，所以使用nginx来解决跨域的问题先跳转到另一个系统的一个页面，在这个页面里实现登录操作再跳转到系统中我们需要的页面还有一个问题就是登录的时候需要用户名和密码，用户名和密码不是固定的，需要动态获取，所以跳转到过渡页面的时候需要携带参数携带参数是通过url传递的，这里用户名和密... 继续阅读 >

2020
10-10

理解JavaScript中的Proxy 与 Reflection API

一、创建Proxylettarget={}letproxy=newProxy(target,{})proxy.name="proxy"console.log(proxy.name)//proxyconsole.log(target.name)//proxytarget.name="target"console.log(proxy.name)//targetconsole.log(target.name)//target在上面的例子中，由Proxy构造器创建的proxy对象会将自身的所有操作直接转发给target。当proxy.name被赋值为"proxy"时，target对象也会创建name属性并获得同样的... 继续阅读 >

2020
10-10

浏览器JavaScript调试功能无法使用解决方案

前言小编最近刚刚接手一个项目，里面几乎用到了BS项目中所有的知识，从原先的VS环境的调试，转移到了网页F12的调试模式，正因如此，小编在使用VS2017工具时，运行并调试.aspx文件时，出现的问题，接下来小编具体的来说一说这种情况。无法调试小编使用F5进行调试时，总是会出现这样的界面，而且还报错无窗口，如下所示，图一（网页中出现的界面）紧接着VS2017中，出现图二的错误解决问题方法很简单，小编上网搜索了一下，发现了下... 继续阅读 >

2020
10-10

详解JavaScript 的执行机制

一、关于javascriptjavascript是一门单线程语言，在最新的HTML5中提出了WebWorker，但javascript是单线程这一核心仍未改变。为什么js是单线程的语言？因为最初的js是用来在浏览器验证表单操纵DOM元素的。如果js是多线程的话，两个线程同时对一个DOM进行了相互冲突的操作，那么浏览器的解析是无法执行的。WebWorker的作用，就是为JavaScript创造多线程环境，允许主线程创建Worker线程，将一些任务分配给后者运行... 继续阅读 >

2020
10-10

浅谈鸿蒙 JavaScript GUI 技术栈

作者：doodlewind链接：https://juejin.im/post/6872154561574862855众所周知，刚刚开源的「鸿蒙2.0」以JavaScript作为IoT应用开发的框架语言。这标志着继SpaceX上天之后，JavaScript再一次蹭到了新闻联播级的热点。这么好的机会，只拿来阴阳怪气实在太可惜了。作为科普，这篇文章不会拿着放大镜找出代码中的槽点来吹毛求疵，而是希望通俗地讲清楚它所支持的GUI到底是怎么一回事。只要对计算机基础有个大概的了解，应该... 继续阅读 >

2020
10-10

JavaScript封装单向链表的示例代码

使用JavaScript封装单向链表：1.封装LinkList的类，用于表示我们的链表结构。2.在LinkList类中有一个Node类，用于封装每一个节点上的信息（data与next）。3.在链表中保存两个属性，一个是链表的长度，一个是链表中的第一个节点。4.封装一些链表的常用方法：append(element)：想列表尾部添加一个新的项；insert(position,element)：向列表的特定位置插入一个新的项；get(position)：获取对应位置的元素；indexOf(element... 继续阅读 >