JS
关注
分享
扫一扫
蝴蝶教程
前端工程师的职责是制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。
展开
-
JavaScript 日期(Date)
JavaScript 日期(Date)Date对象用于处理日期和时间。使用对象new Date()创建日期。实例化日期有四种方式：var d = new Date();var d = new Date(milliseconds);var d = new Date(dateString);var d = new Date(year, month, day, hours, minute...转载 2019-07-02 11:30:40 · 371 阅读 · 0 评论 -
JavaScript Location 对象
Location 对象Location对象包含有关当前URL的信息。location对象是window对象的一部分，可以通过window.location属性访问。注意：没有适用于location对象的公共标准，但所有主流浏览器都支持它。<!DOCTYPE html><html><meta charset="UTF-8"><title&...翻译 2019-07-16 16:20:24 · 166 阅读 · 0 评论 -
JavaScript按位运算符有待提升
JavaScript按位运算符操作符 名称 描述 & 按位与 如果两个位均为1，则将每个位设置为1 | 按位或 如果两位中的一位为1，则将每个位设置为1 ^ 按位异或 如果两个位中只有一个为1，则将每个位设置为1 ~ 非 反转所有位 << 零填充左移 通过从右侧推入零来左移，让最左边...原创 2019-07-24 09:05:58 · 152 阅读 · 0 评论 -
JavaScript prototype原型用法
JavaScript对象原型所有JavaScript对象都从原型继承属性和方法。<!DOCTYPE html><html><meta charset="utf-8"><title>js</title><body><h2>JavaScript 对象</h2><p id="d...原创 2019-07-17 15:18:27 · 160 阅读 · 0 评论 -
JavaScript中的 JSON 和 JSONP
JSON 和 JSONPJSONP是一种发送JSON数据的方法，无需担心跨域问题。JSONP不使用该XMLHttpRequest对象。JSONP使用<script>标签代替。由于跨域策略，从另一个域请求文件可能会导致问题。从另一个域请求外部脚本没有此问题。JSONP使用此优势，并使用脚本标记而不是XMLHttpRequest对象请求文件。<script src="de...原创 2019-07-30 09:00:09 · 201 阅读 · 0 评论 -
为什么使用Getter和Setter？Getter和Setter有什么区别？
JavaScript访问器（Getter和Setter），ECMAScript 5（2009）介绍了Getter和Setters。 Getters和setter允许您定义对象访问器（Computed Properties）。JavaScript Getter（get关键字）<!DOCTYPE html><html><meta charset="utf-8...原创 2019-07-23 09:57:38 · 893 阅读 · 0 评论 -
JavaScript addEventListener()事件监听方法
addEventListener()方法将事件处理程序附加到指定的元素。addEventListener()方法将事件处理程序附加到元素，而不覆盖现有的事件处理程序。您可以向一个元素添加许多事件处理程序。您可以向一个元素添加许多相同类型的事件处理程序，即两个“单击”事件。您可以将事件侦听器添加到任何DOM对象，而不仅仅是HTML元素。即window对象。addEventListen...原创 2019-08-06 10:00:11 · 1600 阅读 · 0 评论 -
JavaScript BOM Cookie 的用法
JavaScript CookieCookie是计算机上存储在小文本文件中的数据。当Web服务器将网页发送到浏览器时，连接将关闭，服务器将忘记用户的所有内容。发明Cookie是为了解决“如何记住用户信息”的问题：当用户访问网页时，他/她的名字可以存储在cookie中。下次用户访问该页面时，cookie会“记住”他/她的名字。Cookie以键值对形式保存，如：username = J...原创 2019-08-02 09:26:00 · 170 阅读 · 0 评论 -
JavaScript 全局属性和函数
JavaScript全局属性和全局函数可以与所有内置JavaScript对象一起使用。JavaScript全局属性属性 描述 Infinity 表示正/负无穷大的数值 NaN "Not-a-Number" 值 undefined 表示尚未为变量分配值 JavaScript全局函数属性 描述 decodeURI() 解码URI ...原创 2019-08-30 08:45:29 · 164 阅读 · 0 评论 -
HTML5 Web Storage
HTML5 Web Storage通过Web Storage，Web应用程序可以在用户的浏览器中本地存储数据。在HTML5之前，应用程序数据必须存储在cookie中，包含在每个服务器请求中。Web Storage更安全，可以在本地存储大量数据，而不会影响网站性能。与cookie不同，存储限制要大得多（至少5MB），信息永远不会传输到服务器。Web存储是按来源（每个域和协议）。来自一个来源的...原创 2019-09-02 09:48:00 · 220 阅读 · 0 评论 -
谈谈JavaScript Navigator 对象属性
Navigator 对象属性可以在Navigator对象上使用以下属性：属性 描述 appCodeName 返回浏览器的代码名称 appName 返回浏览器的名称 appVersion 返回浏览器的版本信息 cookieEnabled 确定是否在浏览器中启用了cookie geolocation 返回可用于定位用户位置的Geoloca...原创 2019-09-26 09:32:20 · 252 阅读 · 0 评论 -
什么是JavaScript变量提升，面试经常问
JavaScript变量提升提升（Hoisting）JavaScript将声明移动到顶部的默认行为。JavaScript声明提升，在JavaScript中，变量可以在使用后声明。换一种说法; 变量可以在声明之前使用。示例1给出与示例2相同的结果：例子1：<!DOCTYPE html><html><meta charset="utf-8">...原创 2019-07-18 08:51:50 · 379 阅读 · 0 评论 -
forEach()、Array.map()和Array.filter()用法
Array.forEach()forEach()方法为每个数组元素调用一次函数（回调函数）。<!DOCTYPE html><html><meta charset="utf-8"><title>JavaScript Array.forEach()</title><body><h2>JavaScr...翻译 2019-07-11 11:11:13 · 463 阅读 · 0 评论 -
setTimeout和setInterval的用法
JavaScript 计时事件JavaScript可以按时间间隔执行。这称为计时事件。window对象允许以指定的时间间隔执行代码。这些时间间隔称为定时事件。与JavaScript一起使用的两个关键方法是：setTimeout(function, milliseconds） 在等待指定的毫秒数后执行一个函数。 setInterval(function, milliseconds...转载 2019-07-02 17:00:04 · 228 阅读 · 0 评论 -
JavaScript表单验证
JavaScript表单验证HTML表单验证可以通过JavaScript完成。如果表单字段（fname）为空，则此函数会警告消息，并返回false，以防止提交表单：function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == "") { alert("Name mus...转载 2019-07-08 16:04:02 · 288 阅读 · 0 评论 -
还记得JavaScript闭包的用法吗
JavaScript闭包JavaScript变量可以属于全局作用域或全局作用域。全局变量可以通过闭包实现本地（私有）。全局变量一个函数可以访问函数内定义的所有变量，如下所示：function myFunction() { var a = 4; return a * a;}但是也可以访问函数外部定义的变量，如下所示：var a = 4;function myF...翻译 2019-07-03 14:35:21 · 126 阅读 · 0 评论 -
JavaScript 数组 Array 方法
将数组转换为字符串JavaScripttoString()方法将数组转换为（逗号分隔的）数组值的字符串。例子：var fruits = ["Banana", "Orange", "Apple", "Mango"];document.getElementById("demo").innerHTML = fruits.toString();join()方法还将所有数组元素连接成一...翻译 2019-07-09 16:12:55 · 140 阅读 · 0 评论 -
前端必须要珍藏的技术文章和面试题
前端工程师学习资料，快速查找面试题，经典技术文章的总结，编程技巧，帮助学习者快速定位问题花点时间整理出一下web前端工程师日常工作所需要的学习资料查找，帮助学习者快速掌握前端工程师开发的基本知识编程始于足下！记住：再牛逼的梦想也抵不住傻逼似的坚持！HTML蝴蝶教程是一个崭新的比较全的教程网站，每天都在更新https://www.jc2182.comHTML5教程CSS...原创 2019-07-09 17:04:04 · 329 阅读 · 0 评论 -
JavaScript RegExp(正则表达式) 对象
JavaScript RegExp(正则表达式) 对象正则表达式是描述字符模式的对象。正则表达式用于在文本上执行模式匹配和“搜索和替换”功能。var patt = /JC2182/i示例说明：/JC2182/i - 是一个正则表达式。 JC2182 - 是一种模式（用于搜索）。 i - 是一个修饰符（将搜索修改为不区分大小写）。修饰符修饰符用于执行不区分大小写和全局搜索...转载 2019-07-04 11:00:56 · 91 阅读 · 0 评论 -
谈谈JS 的Navigator 对象
Navigator 对象Navigator对象包含有关浏览器的信息。注意：没有适用于Navigator对象的公共标准，但所有主流浏览器都支持它。<!DOCTYPE html><html><meta charset="utf-8"><title>navigator</title><body><d...转载 2019-07-10 14:14:34 · 241 阅读 · 0 评论 -
JavaScript 字符串 String 用法
JavaScript 字符串(String)JavaScript字符串存储一系列字符，如“John Doe”。字符串可以是双引号或单引号内的任何文本：<!DOCTYPE html><html><meta charset="utf-8"><title></title><body><h2>Java...翻译 2019-07-10 14:23:23 · 290 阅读 · 0 评论 -
HTML5 canvas 详细
HTML5画布描述HTML5<canvas>标签用于通过脚本（通常是JavaScript）动态绘制图形。 但是，<canvas>元素没有自己的绘图功能（它只是图形的容器）， 您必须使用脚本来实际绘制图形。 getContext()方法返回一个对象，该对象提供在画布上绘制的方法和属性。此参考将介绍getContext("2d")对象的属性和方法，可用于在画布上绘制文本，...翻译 2019-07-10 17:32:23 · 1516 阅读 · 0 评论 -
JavaScript this的九重天指向用法
JavaScript this 关键字什么是this？JavaScriptthis关键字引用它所属的对象。它具有不同的值，具体取决于它的使用位置：在方法中，this指的是所有者对象。单独使用，this指的是全局对象。在函数中，this指的是全局对象。在一个函数中，在严格模式下，this是undefined。在某个事件中，this指的是接收事件的元素。像方法cal...转载 2019-07-05 11:14:15 · 107 阅读 · 0 评论 -
JavaScript HTML DOM Style 对象参考
Style 对象属性可以在Style对象上使用以下属性：“CSS”列指示定义属性的CSS版本（CSS1，CSS2或CSS3）。属性 描述 CSS alignContent 当项目不使用所有可用空间时，设置或返回灵活容器内线之间的对齐方式 3 alignItems 设置或返回灵活容器内项目的对齐方式 3 alignSelf 设置或返回...原创 2019-09-29 08:48:41 · 214 阅读 · 0 评论