JavaScript
关注
分享
扫一扫
文章平均质量分 93
蚩尤后裔-汪茂雄
朝为田舍郎，暮登天 子堂；将相本无种，男儿当自强。
展开
-
前端 JavaScript 常用插件/框架/工具库汇总
很多时候 web 网页上需要判断或监听浏览器(系统)的网络状态。Navigator onLine 属性onLine 属性是一个只读的布尔值，声明了系统是否处于脱机模式，如果系统属于脱机状态，则返回 false，否则返回 true。注：在 IE 4+ 中，用户可以在浏览器中选择脱机工作，当脱机工作被选后，系统就进入了脱机状态，内容将从缓存进行读取。语法：navigator.onLin...原创 2018-11-06 15:10:56 · 4421 阅读 · 1 评论 -
Tampermonkey(油猴)脚本编写快速入门
是一款免费的浏览器扩展和最为流行的用户脚本管理器，相当于一个管理插件的插件，它适用于ChromeSafariOpera Next, 和Firefox。虽然有些受支持的浏览器拥有原生的用户脚本支持，但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利，它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能， 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。，安装非常简单，与安装普通的插件无异。原创 2023-01-11 18:49:48 · 39285 阅读 · 3 评论 -
H5 FormData 表单数据对象详解 与 Json 对象相互转换
目录FormData 表单对象概述常用方法添加、获取数据修改、删除数据判断是否含有指定 keyentries 遍历数据项目实例FormData 表单对象概述1、FormData 是 Html5 新加进来的一个类,可以模拟表单数据2、利用FormData对象，可以通过JavaScript键值对来模拟一系列表单控件，可以使用 JQuery 的 $.Ajax ...原创 2018-04-15 11:37:23 · 5828 阅读 · 1 评论 -
JavaScript GET 和 POST 请求的区别详解
目录w3school: GET 对比 POSTGET 方法参数写法是固定的吗？POST 方法比 GET 方法安全？GET 方法的长度限制是怎么回事？POST 方法会产生两个TCP数据包？w3school: GET 对比 POST分类 GET POST 后退按钮/刷新 无害 数据会被重新提交（浏览器应该告知用户数据会被重新提交）。 书签 ...原创 2019-03-12 09:31:58 · 1267 阅读 · 0 评论 -
H5 设备运动事件 DeviceMotionEvent
目录DeviceMotionEvent 简 介devicemotion 设备运动摇一摇改变背景色DeviceMotionEvent 简 介官方文档地址：https://w3c.github.io/deviceorientation/html 5 提供了几个新的 DOM 事件来获得设备物理(主要针对移动端)方向及运动的信息，包括：陀螺仪、罗盘及加速计。1）deviceo...原创 2018-10-16 09:43:57 · 10890 阅读 · 13 评论 -
JavaScript window 、Document 、Location、History、Navigator，页面刷新方式汇总
目录Location 对象Location 对象属性host/hostname/porthref 属性Location 对象方法reload() 方法Location 对象Location 对象包含当前 URL 的有关信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。Location 对象属性...原创 2018-11-28 11:08:57 · 2258 阅读 · 1 评论 -
Div 高度、滚动条距 Div 顶部偏移量、Div 中文档总高度
目录示例图说明编码示例回到顶/底部消息区自动滚动到底部示例图说明 如上图所示，假设橙色表示滚动条，蓝色框表示 div 区域，黑色区域表示看不到的文档部分，高度说明如下：B：表示 div 元素高度，div 的高度不会随着内容的编号而编号，与有没有出现滚动条无关，只与自己的 height 属性有关A：表示 div 内文档高度，当没有出现滚动条时，A文档高度...原创 2018-11-27 09:05:53 · 6141 阅读 · 0 评论 -
JavaScript 全局函数，特殊字符编码,window.getSelection 获取鼠标选中的内容
目录push() 方法编码示例unshift() 方法编码示例push() 方法push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。新元素将添加在数组的末尾，此方法改变原数组的长度。语法：array.push(item1, item2, ..., itemX)参数 描述 item1, item2, ..., itemX 必需。...原创 2018-11-18 10:53:16 · 6598 阅读 · 1 评论 -
JavaScript 中的 this 到底指向谁？前端排序
目录声明函数中的 this函数表达式中的 this对象方法中的 this复合案例构造函数中的 this修改 this 默认指向本文将详细介绍 “ JavaScript 中的 this 到底指向谁？”this 指向问题核心就是把握如下两点：1）this 指向的是对象2）与函数或者方法如何声明的无关，而是要看这个函数或者方法最终被谁调用，谁最终调用这个函数或方...原创 2018-11-22 09:29:07 · 786 阅读 · 1 评论 -
JavaScript 基础快速入门:数据类型、变量、函数、循环、运算符、反单引号模板字符串
目录history. go( 0 )location. assgin( url )location. replace( newURL )自动间隔刷新location. href = URLlocation.reload( force )window.openhistory. go( 0 )1、history对象有一个go()方法，go() 方法可加载历史列表中的...原创 2018-07-30 08:34:38 · 876 阅读 · 1 评论 -
JavaScript String、RegExp、Array、Error、JSON 对象
目录JSON 概述 与 语法JSON 对象 CRUD对象创建 与 添加属性删除属性修改属性查看 与 遍历 属性JSON. parse()JSON. stringify()异常处理XML Parsing Error:not well-formedJSON 概述 与 语法1、JSON(JavaScriptObject Notation)--JS对 ...原创 2018-08-01 08:00:38 · 1300 阅读 · 1 评论 -
JavaScript 事件 快速使用入门
目录oncontextmenu事件禁用右击事件onbeforeunload 事件使用示例oncontextmenu事件1、oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。友情参考：http://www.runoob.com/jsref/event-oncontextmenu.html2、注意：所有浏览器都支持 oncontextmenu ...原创 2018-10-22 10:57:31 · 14948 阅读 · 2 评论 -
触摸事件 touchstart、touchmove、touchend
目录触摸事件触摸事件编码触摸手指个数分析触摸目标 DOM 元素分析触摸位置分析触摸事件HTML5 中， PC 端基于鼠标的界面互动主要是单击， 移动端界面交互方式主要是触摸。移动端浏览器触摸事件事件名称 描述 是否包含 touches 数组 touchstart 触摸开始，多点触控，后面的手指同样会触发 是 touchmove ...原创 2018-10-22 11:11:13 · 66698 阅读 · 3 评论 -
监听浏览器是否在线，是否脱机
目录ononline onoffline 事件编码示例window. addEventListenerbody ononline可以参考《Navigator onLine 获取系统是否处于脱机模式》online，offline事件用来监测浏览器处于在线或离线状态。HTML5 提出的离线存储，web应用程序可以在不连接互联网的情况下满足用户的部分需求，比如在线记事本。...原创 2018-11-06 15:32:53 · 6033 阅读 · 0 评论 -
动态加载执行 JS 文件、前端文件下载方式汇总
目录重新加载 JS 文件动态加载 JS 文件对话框 confirm 方法开发中根据需求来动态加载 JS 文件，或者在某些情况下需要重新加载某个 JS 文件。重新加载 JS 文件应用中的某些 JS 文件如果在某些条件下需要重新加载时，最简单的思路就是先删除原来的 JS 文件，再重新添加。为了方便，使用 JQuery 操作。<!DOCTYPE html>&l...原创 2018-11-07 10:24:21 · 2964 阅读 · 1 评论 -
requestAnimationFrame()方法实现帧动画
目录requestAnimationFrame()方法计时器对比编码示例旋转元素自由运动Canvas + Image 渲染动画requestAnimationFrame()方法 window.requestAnimationFrame() 全局函数用于请求浏览器调用指定的回调函数以在下次重绘渲染之前更新动画。 requestAnimationFr...原创 2018-11-15 16:35:55 · 4663 阅读 · 0 评论 -
JS 对象：Date、Number、Math、console、表单
目录isNaN() 检查是否是非数值parseFloat() 解析字符串为浮点数parseInt() 解析字符串为整数isNaN() 检查是否是非数值1、isNaN() 全局函数用于检查其参数是否是非数字值。2、语法：isNaN(x)参数 描述 x 必需。要检测的值。 3、返回值：如果 x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值...原创 2018-11-16 09:32:59 · 2830 阅读 · 1 评论 -
Html 5 网络存储之 LocalStorage，SessionStorage，Cookie
目录网络存储 简述localStorage 本地存储增删改查操作JSON 转换浏览器清理缓存SessionStorage 会话存储SessionStorage 操作网络存储 简述1、HTML 中，为了在本机存储用户数据，通常使用 JavaScript cookie。HTML 5 开始引入了 Web 存储，网站利用它在本机上存储用户数据。2、cookie中每条...原创 2018-06-26 09:25:13 · 4970 阅读 · 1 评论