分类：JavaScript

2020
10-10

JavaScript Image对象实现原理实例解析

一、JavaScriptImage对象整理Image对象Image对象代表嵌入的图像。<img>标签每出现一次，一个Image对象就会被创建。Image对象属性W3C:W3C标准。属性描述W3Calign设置或返回与内联内容的对齐方式。Yesalt设置或返回无法显示图像时的替代文本。Yesborder设置或返回图像周围的边框。Yescomplete... 继续阅读 >
2020
10-09

理解JavaScript中的对象

JavaScript中对象的简介我们知道生活中客观存在的一切事物皆为对象,那在程序中的对象是什么样子呢?我们可以将程序中的对象理解为客户端世界中的对象在一种计算机中的一种表示方式.所有的编程语言中提到的对象其性质都是类似的,它往往对应内存中的一块区域,在这个区域中存储对象的属性或方法信息。JavaScript中对象的创建基于{}符号创建对象在JS中我们可以直接基于{}定义对象,在对象内容定义属性和方法,例如:在JS中我们可以将对... 继续阅读 >
2020
10-09

浅谈JavaScript节流和防抖函数

概念节流函数间隔固定的时间执行传入的方法目的是防止函数执行的频率过快,影响性能.常见于跟滚动,鼠标移动事件绑定的功能.防抖函数对于接触过硬件的人也许更好理解,硬件按钮按下时,由于用户按住时间的长短不一,会多次触发电流的波动,加一个防抖函数就会只触发一次,防止了无意义的电流波动引起的问题.按键防反跳（Debounce）为什么要去抖动呢？机械按键在按下时，并非按下就接触的很好，尤其是有簧片的机械开关，会在接触的瞬间反... 继续阅读 >
2020
10-09

JavaScript 空间坐标的使用

JavaScript 空间坐标的使用 基础知识首先参考画布分为视口（窗口）与文档的含义网页很多都是多屏，所以文档尺寸一般大于视口尺寸视口尺寸不包括浏览器工具条、菜单、标签、状态栏等当打开控制台后，视口尺寸相应变小文档像position定位，视口类似fixed定位文档坐标在页面滚动时不发生改变视口坐标的操作需要考虑滚动条的位置视口文档视口坐标需要知道滚动条位置才可以进行计算，有以下几种方式获取滚动位置方法说明注意... 继续阅读 >
2020
10-09

Javascript前端下载后台传来的文件流代码实例

前台请求数据：url:'/app/downloadApp',method:'get',responseType:'blob',params:data设置接收参数格式为responseType:‘blob',downloadFile(res,fileName){if(!res){return}if(window.navigator.msSaveBlob){//IE以及IE内核的浏览器try{window.navigator.msSaveBlob(res,fileName)//res为接口返回数据，这里请求的时候已经处理了，如果没处理需要在此之前自行处理vardata=newBlob... 继续阅读 >
2020
10-09

JavaScript语句错误throw、try及catch实例解析

JavaScript语句错误throw、try及catch实例解析 try语句测试代码块的错误。catch语句处理错误。throw语句创建自定义错误。finally语句在try和catch语句之后，无论是否有触发异常，该语句都会执行。JavaScript抛出（throw）错误当错误发生时，当事情出问题时，JavaScript引擎通常会停止，并生成一个错误消息。描述这种情况的技术术语是：JavaScript将抛出一个错误。JavaScripttry和catchtry语句允许我们定义在执行时进行错误测试的代码块。catch语句允许我们定义... 继续阅读 >
2020
10-09

基于JavaScript实现大文件上传后端代码实例

基于JavaScript实现大文件上传后端代码实例 这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数下面直接贴代码吧，一些难懂的我大部分都加上注释了：上传文件实体类：看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。首先是文件数据接收逻辑，负责接收控件上传的文件块数据，然后写到服务器的文件中。控件已经提供了块的索引，大小，MD5和长度信息，我们可以... 继续阅读 >
2020
10-09

javascript的hashCode函数实现代码小结

为了使用的方便，稍稍再改良了一下functionhashcode(str){varhash=0,i,chr,len;if(str.length===0)returnhash;for(i=0,len=str.length;i<len;i++){chr=str.charCodeAt(i);hash=((hash<<5)-hash)+chr;hash|=0;//Convertto32bitinteger}returnhash;}hashcode("thisisastring")//-1853110172这里接受的参数是一个String，其它类型怎么办？可以先做一个统一的处理，比如has... 继续阅读 >
2020
10-09

使用纯前端JavaScript实现Excel导入导出方法过程详解

使用纯前端JavaScript实现Excel导入导出方法过程详解 公司最近要为某国企做一个**统计和管理系统，具体要求包含Excel导入导出根据导入的数据进行展示报表图表展示（包括柱状图，折线图，饼图），而且还要求要有动画效果，扁平化风格Excel导出，并要提供客户端来管理Excel文件...要求真多！现在总算是完成了，于是将我的经验分析出来。在整个项目架构中，首先就要解决Excel导入的问题。由于公司没有自己的框架做ExcelIO，就只有通过其他渠道了。嗯，我在github上找到了一个开源库xlsx... 继续阅读 >
2020
10-09

javascript解析json格式的数据方法详解

JSON（JavaScriptObjectNotation）是一种简单的数据格式，比xml更轻巧。它是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。那么如何用JavaScript来解析json呢？首先，科普一下json。在json中，有两种结构：对象和数组。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值'对”之间运用“,”（逗号）分隔。名称用引号括... 继续阅读 >
2020
10-09

使用JavaScript和MQTT开发物联网应用示例解析

使用JavaScript和MQTT开发物联网应用示例解析 如果说Java和C#哪个是最好的开发语言，无疑会挑起程序员之间的相互怒怼，那如果说JavaScript是动态性最好的语言，相信大家都不会有太大的争议。随着越来越多的硬件平台和开发板开始支持JavaScript，JavaScript在硬件端以及物联网领域有了新的机会。IoT应用开发的数据链路图1是一个智能家居物联平台的数据链路。图1智能家居物联平台的数据链路一般来说，可以把IoT应用分为如图所示的四层。client层：指的是IoT设备，可以是冰箱... 继续阅读 >
2020
10-09

JavaScript实现与web通信的方法详解

web通信，一个特别大的topic，涉及面也是很广的。因最近学习了javascript中一些web通信知识，在这里总结下。文中应该会有理解错误或者表述不清晰的地方，还望斧正！一、前言1.comet技术浏览器作为Web应用的前台，自身的处理功能比较有限。浏览器的发展需要客户端升级软件，同时由于客户端浏览器软件的多样性，在某种意义上，也影响了浏览器新技术的推广。在Web应用中，浏览器的主要工作是发送请求、解析服务器返回的信息... 继续阅读 >
2020
10-09

Javascript如何递归遍历本地文件夹

打印本地tempfolder所有的文件及最后修改时间:<html><head><scriptlanguage="javascript">vars="";varresult=[];functionFileInfo(path,name,time){this.path=path;this.name=name;this.time=time;}functionshowFolderFileList(folderspec){varfso,f,fc,name;varurl,str,file,filename;fso=newActiveXObject("Scripting.FileSystemObject");f=fso.GetFolder(folderspec);fc=newEnumerato... 继续阅读 >
2020
10-09

浅谈JavaScript中等号、双等号、 三等号的区别

一个等号是赋值操作，==先转换类型再比较，===先判断类型，如果不是同一类型直接为false。===判断规则如果类型不同，就[不相等] 如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个是NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN()来判断） 如果两个都是字符串，每个位置的字符都一样，那么[相等]；否则[不相等]。 如果两个值都是true，或者都是false，那么[相等]。 ... 继续阅读 >
2020
10-09

JavaScript实现烟花绽放动画效果

     先编写一个烟花绽放的动画效果。     放烟花时，一个烟花可分为两个阶段：（1）烟花上升到空中；（2）烟花炸开成碎片，炸开的碎片慢慢消散。     为此抽象出两个对象类：Firework和Particle。其中，Firework用于表示一个烟花对象，Particle用于表示一个烟花炸开后的各碎片。     Firework对象类定义6个属性：表示... 继续阅读 >