JavaScript
关注
分享
扫一扫
GXing007
这个作者很懒，什么都没留下…
展开
-
JavaScript HTML DOM总览
通过HTMLDOM，可访问JavaScriptHTML文档的所有元素。HTMLDOM文档对象模型当网页被加载时，浏览器会创建网页的文档对象模型(Document Object Model)。HTMLDOM模型被构造为对象的树通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素...原创 2018-02-26 17:15:30 · 213 阅读 · 0 评论 -
JavaScript逻辑对象
Boolean(逻辑)对象用于将非逻辑转换为逻辑值(true或者false)1.检查逻辑对象是true还是falseBoolean可以理解为一个产生逻辑值得对象包装器Boolean(逻辑)对象用于将非逻辑值转换为逻辑值(true或者false)创建Boolean对象可以使用关键new来定义对象var myBoolean=new Boolean()如果逻辑对初值或其值为0，-0，null，“”，fa...原创 2018-03-01 13:48:20 · 182 阅读 · 0 评论 -
JavaScript Math(算数)对象
Math(算数对象)的作用是执行常见的算数任务。实例：round()的使用：<script type="text/javascript">document.write(Math.round(0.60) + "<br />")document.write(Math.round(0.50) + "<br />")document.write(Math.roun..原创 2018-03-01 14:19:18 · 265 阅读 · 0 评论 -
JS正则表达式( RegExp对象）
RegExp对象用于规定在文本中检索的内容什么是RegExp？RegExp是正则表达式的缩写当您检索某个文件时，您可以规定某个要检索的模式来描述要检索的内容。RegExp就是这种模式定义RegExp： 通过new关键字来定义RegExp对象。以下代码定义了名为patt的RegExp对象，其模式是e var patt=new RegExp('e');当使用这个正则表达式在...原创 2018-03-01 15:37:06 · 254 阅读 · 0 评论 -
JS window 浏览器对象模型
浏览器对象模型（BOM），使JavaScript有能力和浏览器对话浏览器对象模型(Browser Object Model)尚无正式标准，由于现代浏览器已经实现了交互性方面的相同方法和属性，因此常被认为是BOM的方法和属性Window对象所有浏览器都支持window对象，它代表浏览器窗口所有JavaScript全局对象，函数以及变量均自动成为window对象的成员全局变量是window对象的属性全...原创 2018-03-01 16:21:56 · 380 阅读 · 0 评论 -
JS Window Screen
window.screen对象包含有关用户屏幕的信息window.screen对象在编写时可以不使用window这个前缀screen.availWidth可用的屏幕宽度screen.availHeight可用的屏幕高度screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。...原创 2018-03-01 16:29:56 · 328 阅读 · 0 评论 -
JavaScript Window Location
window.location 对象用于获得当前页面的地址(URL),并把浏览器重新定向到新的页面window.location 对象在编写时可不使用 window 这个前缀location.hostname 返回web主机的域名location.pathname返回当前页面的路径名和文件名location.port返回web主机的端口(80或者443)location.protocol返回所使用...原创 2018-03-01 16:46:22 · 367 阅读 · 0 评论 -
JavaScript Window History
window.history 对象包含浏览器的历史window.history 对象在编写时可不使用 window 这个前缀。为保护用户隐私，对JavaScript访问对象的方法做出了限制history.back()与在浏览器上点击后退按钮相同history.forward()与浏览器上点击向前按钮相同...原创 2018-03-01 16:57:45 · 266 阅读 · 0 评论 -
JavaScript Navigator
window.navigator 对象包含有关访问者浏览器的信息window.navigator 对象在编写时可不使用 window 这个前缀 navigator.appCodeName 声明了浏览器的代码名navigator.appName 返回浏览器的名称navigator.appVersion 返回浏览器的平台和版本信息navigator....原创 2018-03-01 17:11:49 · 427 阅读 · 0 评论 -
JavaScript 弹出框
可以在JavaScript中创建3种消息框：警告框 ，确认框，提示框1.警告框警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。语法：alert("文本");alert("我是警告框！！")2.带有折行的警告框alert("再次向您问好！在这里，我们向您演示" + '\n' + "如何向警告框添加折行。")3.确认框确认框用于使用户可以验证或者接受某些...原创 2018-03-02 10:16:18 · 224 阅读 · 0 评论 -
JavaScript 记时(Timing)
通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行，我们称之为计时事件。在JavaScript中使用计时事件是很容易的,两个关键的方法是：setTimeout() 未来的某时执行代码clearTimeout() 取消 setTimeout()setTimeout() 语法var t=setTimeout('javascrip...原创 2018-03-02 10:55:29 · 320 阅读 · 0 评论 -
JavaScript Cookies
Cookie用来识别用户什么是cookie？ cookie是存储于访问者计算机中的变量，每当同一台计算机通过浏览器请求某个页面时，就会发送这个cookie。你可以通过JavaScript来创建和取回cookie的值。有关cookie的例子：名字 cookie当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时，他们会收到类似 "Wel...原创 2018-03-02 14:44:31 · 229 阅读 · 0 评论 -
JavaScript 深拷贝与浅拷贝的区别
JavaScript有两种数据类型，基础数据类型和引用数据类型。基础数据类型都是按值访问的，我们可以直接操作保存变量中的实际值，而引用类型如Array，我们不能直接操作对象的堆内存空间，引用类型的值都是按引用访问的，即保存在变量对象中的一个地址。 一.深拷贝和浅拷贝的区别浅拷贝(shallow copy)：只复制指向某个对象的指针，而不复制这个对象本身，新旧对象共享...转载 2018-09-01 20:40:41 · 266 阅读 · 0 评论 -
d3-v5 力引导布局进阶，新增图例筛选功能
环境，数据，函数部分请参考 上一篇博客d3-V5 力引导布局实例图，这里仅绘图部分代码 // 新建一个力导向图 this.forceSimulation = d3.forceSimulation() .force('link', d3.forceLink().id(d => d.id)) .force('charge...原创 2018-11-09 11:28:39 · 1319 阅读 · 2 评论 -
JavaScript 之常忽略数组方法filter()
在开发过程中我们常常遇到，需要过滤数据的情况。好比我们从接口获取到的数据，不同的模块可能所需要的具体内容不同，又或者有4个tab，当我们点击其中一个对应的标题时，隐藏另外3个，这时我们很自然的想到的是根据不同的筛选条件重新请求接口，但是这样往往是耗费性能的。针对上边的问题，我们可以一次请求一个比较大的数据集，当我们具体显示页面中的某一部分时再进行筛选。在这里我将介绍，js数组操作filter...原创 2019-04-11 15:58:37 · 757 阅读 · 0 评论 -
如何根据当前日期计算周一和周末，格式化当前日期
获取当前时间展示为05-08的形式，只有月日如果只有一位数就补0，两位正常显示 const myDate = new Date(); const today = myDate.toLocaleDateString().split('/').join('-'); let times = today.split('-'); const Year = times[0...原创 2019-05-08 16:25:11 · 687 阅读 · 0 评论 -
Echarts 饼图，legend样式美化
最后样式图：实现代码：var myChart = echarts.init(document.getElementById('container')); let option = { /*{b}: {c} ({d}%*/ legend: { ...原创 2019-05-16 16:36:18 · 10502 阅读 · 0 评论 -
前端知识点总结
前端知识点总结一.实用的BOM对象属性方法1.window对象主要的属性：2.window对象的主要方法：一.实用的BOM对象属性方法BOM（Browser Object Model）是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象提供了独立于内容的、可与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的window对象是BOM的顶层对象，其它...原创 2019-07-07 22:17:48 · 330 阅读 · 0 评论 -
JavaScript Array(数组) 对象
数组对象的作用是，使用单一的变量名，来存储一系列的值1.创建数组我们使用关键词new来创建数组对象，下面定义了一个名为myArray()的数组对象：var myArray=new Array();有两种向数组赋值的方法，(你可以添加任意多的值，就像你可以定义任意多的变量一样)；第一种方法：var mycars=new Array()mycars[0]="Saab"mycars[1]="Volv...原创 2018-03-01 11:06:24 · 235 阅读 · 0 评论 -
JavaScript日期对象
日期对象用于处理日期和时间实例： 1.返回当日的日期和时间：使用Date()方法获得当日的日期 document.write(Date()) 结果：Wed Feb 28 2018 15:36:58 GMT+0800 (中国标准时间) 2.getTime()返回从1970年1月1日至今的毫秒数 3.setFullYear()...原创 2018-02-28 16:30:21 · 256 阅读 · 0 评论 -
JavaScript 表单验证
JavaScript可用来数字在被送往服务器前对HTML表单中这些输入数据进行验证JavaScript表单验证被JavaScript验证的这些典型表单数据有：用户是否已填，表单中的必填项目用户输入的邮件地址是否合法用户是否已输入合法的日期用户是否在数据域 (numeric field) 中输入了文本必填或者必选项目eg：<html><head><script ty...原创 2018-02-26 16:57:01 · 220 阅读 · 0 评论 -
JS Break和Continue语句区别
break语句用于跳出循环continue语句语句用于跳出循环中的一个迭代break语句跳出循环后，会继续执行循环之后的代码(如果有的话)continue语句中断循环中的迭代，如果出现了指定的条件，然后继续执行循环中的下一迭代即（跳过它自己之后继续执行）continue带有或者不带标签引用只能用在循环中break不带标签引用，只能用在循环和switch语句中通过标签引用break语句可以用于跳出任...原创 2018-02-26 15:48:58 · 195 阅读 · 0 评论 -
JavaScript 结构
条件语句基于不同的条件来执行不同的动作if语句---只有当指定条件为true的时候，使用该语句来执行代码if---else语句当条件为true时执行代码，当条件为false时执行其他代码switch 语句 - 使用该语句来选择多个代码块之一来执行if语句if(条件){ 只有当条件为true时执行代码}！！！if应当使用小写if---else语句if(条件){ 当条件为true时执行的代...原创 2018-02-26 15:30:48 · 274 阅读 · 0 评论 -
JavaScript函数
函数是由事件驱动的或者当它被调用时执行的可重复代码块JavaScript函数语法函数就是包裹在花括号中的代码块,前面使用了关键词function:function functionname(){ 这里是要执行的代码}当调用该函数时，会执行函数内的代码可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由JavaScript在任何位置调用JavaScript大小写敏感,关键词func...原创 2018-02-23 14:50:57 · 158 阅读 · 0 评论 -
JavaScript 注释 变量
JavaScript注释JavaScript注释可用于提高代码的可读性。JavaScript注释JavaScript不会执行注释.我们可以添加注释来对JavaScript进行解释,或者提高代码的可读性。单行注释 以//开头。JavaScript多行注释多行注释以/*开始,以*/结尾使用注释来阻止执行(可用于调试)JavaScript变量变量是存储信息的容器与代数一样，JavaScript变量可用于...原创 2018-02-23 10:20:17 · 530 阅读 · 0 评论 -
JavaScript对象
JavaScript中的所有事物都是对象:字符串、数字、数组、日期,等等在JavaScript中对象是拥有属性和方法的数据。属性和方法属性是与对象相关的值方法是能够在对象上执行的动作JavaScript中的对象在JavaScript中,对象是数据(变量),拥有属性和方法。当您这样声明一个JavaScript变量时：var txt='Hello';实际上已经创建了一个JavaScript字符串对象,...原创 2018-02-23 11:25:08 · 170 阅读 · 0 评论 -
JavaScript 错误 Throw、Try和Catch
JavaScript错误 Throw、Try和CatchTry语句测试代码块的错误，Catch语句处理代码块的错误,Throw语句创建自定义错误错误一定会发生当JavaScript引擎执行JavaScript代码时，会发生各种错误：可能是编码错误，通常是程序员造成的编码错误或错别字可能是拼写错误或语言错误（因为浏览器的差异）可能是由于来自服务器或用户的错误输出而导致的错误。当然，也可能是由于许多...原创 2018-02-26 16:31:12 · 177 阅读 · 0 评论 -
JavaScript 运算符
JavaScript运算符运算符=用于赋值运算符+用于加值运算符等号用于给JavaScript变量赋值算数运算符+用于把值加起来JavaScript算数运算符算数运算符用于执行变量与/或值之间的算数运算/------除%-----求余数(保留整数)++----累加-- 递减用于字符串的加运算符+用于把文本值或字符串链接起来如果把数字与字符串相加结果将是字符串JavaScript比较...原创 2018-02-24 17:01:17 · 168 阅读 · 0 评论 -
JavaScript简介
JavaScript是世界上最流行的编程语言JavaScript是脚本语言JavaScript是轻量级的编程语言一.JavaScript简介1.JavaScript：写入HTML输出document.write("<h1>Hello JavaScript！</h1>");您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文...原创 2018-02-09 16:01:34 · 180 阅读 · 0 评论 -
JavaScript HTML DOM - 改变 HTML 改变 CSS
改变HTML输出流JavaScript能够动态的创建HTML内容:今天的日期是： Tue Feb 27 2018 09:52:37 GMT+0800 (中国标准时间)在JavaScript中，document.write()可用于直接向HTML输出流写内容。document.write(Date());绝不能在文档加载之后使用，document.write()。这会覆盖该文档改变HTML内容修改H...原创 2018-02-27 10:20:08 · 218 阅读 · 0 评论 -
JavaScript HTML DOM 事件
HTML DOM使JavaScript有能力对HTML事件做出反应。eg：从事件处理处调用一个函数<!DOCTYPE html><html><head><script>function changetext(id){id.innerHTML="谢谢!";}</script></head><原创 2018-02-27 10:32:18 · 160 阅读 · 0 评论 -
JavaScript onload事件和onunload事件 onchange()事件
onload 和 onunload 事件会在用户进入或离开页面时被触发onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。onload 和 onunload 事件可用于处理 cookie。Navigator 对象包含有关浏览器的信息cookieEnabled 指明浏览器中是否启用cookie(布尔值)<!DOCTYPE html><h...原创 2018-02-27 10:53:41 · 1824 阅读 · 0 评论 -
JavaScript HTML DOM元素（节点）
添加和删除节点（HTML元素）创建新的HTML元素如需向HTML DOM添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。<!DOCTYPE html><html><body><div id="div1"><p id="p1">这是一个段落。</p>&l原创 2018-02-27 11:12:46 · 200 阅读 · 0 评论 -
js如何判断一个对象是不是Array？
原文链接：http://www.nowamagic.net/librarys/veda/detail/1250在开发中，我们经常需要判断某个对象是否为数组类型，在Js中检测对象类型的常见方法都有哪些呢？typeof 操作符对于Function， String， Number ，Undefined 等几种类型的对象来说，他完全可以胜任，但是为Array时var arr=new Array("1","...转载 2018-03-07 14:01:15 · 745 阅读 · 0 评论 -
JavaScript对象进阶
JavaScript中所有的事物都是对象：字符串，数组，函数，数值等此外JavaScript允许自定义对象JavaScript提供许多内置对象，比如String，Date，Array等等对象只是带有属性和方法的特殊数据类型访问对象的属性objectName.propertyName访问对象的方法objectName.methodName()创建JavaScript对象：通过JavaScript您能...原创 2018-02-28 13:56:22 · 228 阅读 · 0 评论 -
JS数字 Number 对象
JavaScript只有一种数字类型可以使用也可以不使用小数点来书写数字所有JavaScript数字均为64位JavaScript不是类型语言，与许多其他编程语言不同，JavaScript不定义不同类型的数字，比如整数，短，长，浮点等等所有数字都存储为根为10的64位(8比特)，浮点数精度整数(不使用小数点或者指数计数法）最多为15位小数的最大位数是17，但是浮点运算并不总是100%准确；var ...原创 2018-02-28 14:51:55 · 415 阅读 · 0 评论 -
JavaScript 字符串(String)对象
String对象用于处理已有的字符串JavaScript String(字符串)对象 实例计算字符串的长度：txt.length为字符串添加样式：txt.big() 大号字体txt.small() 小号字体 txt.bold() 加粗字体txt.italics() 斜体txt.blink() 闪烁文字效果txt.fixed() 显示为打字机字体txt.strike() 给字符串加删除线txt.f...原创 2018-02-28 15:29:56 · 347 阅读 · 0 评论 -
node.js+webpack项目安装简易流程,及遇到的小坑
文章目录安装过程使用`$ webpack entry.js bundle.js` 遇到错误打包运行安装过程1.首先要安装 Node.js， Node.js 自带了软件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。2.用 npm 安装 Webpack：这里我们使用的是将webpack安装到项目依赖中，这样就可以使用项目本地版本的 ...原创 2019-10-10 20:46:55 · 331 阅读 · 0 评论