
js
文章平均质量分 52
不见蝴蝶不见君。
这个作者很懒,什么都没留下…
展开
-
EsLint入门学习整理
介绍 ESLint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,这样我们就可以根据自己的喜好指定一套 ESLint 配置,然后应用到所编写的项目上,从而实现辅助编码规范的执行,有效控制项目代码的质量。安装ESLint的安装:本地安装、全局安装1、本地安装$ npm install esli...转载 2019-05-11 14:51:30 · 1384 阅读 · 0 评论 -
JavaScript中typeof详解
JavaScript中typeof详解【范围】typeof返回值范围:typeof返回值对应 类型 结果 String "string" Number "number" Boolean "boolean" Undefined "undefined" Object "object" function函数对象 "functio.转载 2018-10-10 22:24:25 · 292 阅读 · 0 评论 -
JS内建对象
内建对象:在js中已经定义好的对象,直接可以使用(1)Number创建方式: var myNum=new Number(value); var myNum=Number(value);参数 value 是要创建的 Number 对象的数值,或是要转换成数字的值。var num = new Number(5);alert(typeof(num)); ...转载 2018-10-09 16:22:35 · 944 阅读 · 0 评论 -
e.target.value与this指向什么?
每次触发DOM事件时会产生一个事件对象(也称event对象),此处的参数e接收事件对象。而事件对象也有很多属性和方法,其中target属性是获取触发事件对象的目标,也就是绑定事件的元素,e.target表示该DOM元素,然后在获取其相应的属性值。event.targettarget 属性可以是注册事件时的元素,或者它的子元素。通常用于比较 event.target 和 this 来确定事件...转载 2018-10-16 10:49:14 · 245 阅读 · 0 评论 -
JavaScript中的定时器(Timer) 是如何工作的!
作为入门者来说,了解JavaScript中timer的工作方式是很重要的。通常它们的表现行为并不是那么地直观,而这是因为它们都处在一个单一线程中。让我们先来看一看三个用来创建以及操作timer的函数。var id = setTimeout(fn, delay);- 初始化一个单一的timer,这个timer将会在一定延时后去调用指定的函数。这个函数(setTimeout)将返回一个唯一的ID...转载 2018-09-30 17:48:23 · 2062 阅读 · 0 评论 -
JS闭包练习
http://www.qdfuns.com/notes/17398/e8a1ce8f863e8b5abb530069b388a158/page/.html --------------------- 本文来自 Byte_Dance 的优快云 博客 ,全文地址请点击:https://blog.youkuaiyun.com/Byte_Dance/article/details/79047098?utm_sour...转载 2018-09-22 16:16:15 · 447 阅读 · 0 评论 -
js new Date() 获取时间
js new Date() 获取时间Date 对象用于处理日期和时间。创建 Date 对象的语法:var myDate=new Date()Date 对象会自动把当前日期和时间保存为其初始值。参数形式有以下5种:new Date("month dd,yyyy hh:mm:ss");new Date("month dd,yyyy");new Date(yyyy,mth,dd,hh...转载 2018-10-02 17:46:10 · 588 阅读 · 0 评论 -
电子日历的设计和实现
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="haha.css&原创 2018-10-02 16:00:45 · 5711 阅读 · 0 评论 -
js中获取时间new Date()详细介绍
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1;myDate.getDate(); //...转载 2018-09-25 19:53:07 · 255 阅读 · 0 评论 -
javaScript事件(一)事件流
一、事件事件是文档或者浏览器窗口中发生的,特定的交互瞬间。事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字。事件是javaScript和DOM之间交互的桥梁。你若触发,我便执行——事件发生,调用它的处理函数执行相应的JavaScript代码给出响应。典型的例子有:页面加载完毕触发load事件;用户单击元素,触发click事件。二...转载 2018-10-28 09:26:56 · 203 阅读 · 0 评论 -
URL类型
绝对路径绝对路径包括http://、主机名、文件夹以及文件的名字。例如:http://www/cosmofarmer.com/scripts/site.js根相对路径根目录不包括http://或域名。它以一个/(斜杠)开始,该斜杠表示站点的根目录,即主页所在的目录。例如,/scripts/site.js表示文件site.js位于一个名为scripts的目录下,而这个目录本身位于...原创 2019-04-07 12:36:50 · 1555 阅读 · 0 评论 -
javascript知识点总结(一)
第一章 值、类型和运算符一、JavaScript 数据类型值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。(一)JavaScript 对象在 JavaScript中,几乎所有的事物都是对象...原创 2019-04-07 22:55:05 · 565 阅读 · 0 评论 -
JavaScript Array.some()方法用法
定义和用法:some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。some() 方法会依次执行数组的每个元素:如果有一个元素满足条件,则表达式返回true ,剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。注意: some() 不会对空数组进行检测。注意: some() 不会改变原始数组。语法:array.some(function(cu...原创 2019-04-20 13:29:44 · 806 阅读 · 0 评论 -
js取object的key与value
var obj = {"name1":"张三","name2":"李四"};1、js中想根据动态key得到某对象中相对应的value的方法有二:一、var key = "name1";var value = obj[key];二、var key = "name1";var value = eval("obj."+key);2、for(var p in obj){ ...原创 2019-04-19 21:32:37 · 639 阅读 · 0 评论 -
JS中的逻辑运算符&&、||,位运算符|,&
JS中的逻辑运算符&&、||,位运算符|,&1、JS中的||符号:运算方法: 只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。 只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。总结:真前假后2、JS中的&&符号:运算方法:...原创 2019-04-15 15:56:09 · 214 阅读 · 0 评论 -
如何使用JS的排序函数sort()
https://blog.youkuaiyun.com/fenglin247/article/details/86895913转载 2019-04-15 11:31:01 · 849 阅读 · 0 评论 -
JS的get和set使用示例
本文实例分析了JavaScript中set与get方法用法。1、get与set是方法,因为是方法,所以可以进行判断。2、get是得到 一般是要返回的 set 是设置 不用返回3、如果调用对象内部的属性约定的命名方式是_agevar test = { _Name : null, _Age : 0, //_Name的读写 set name(name) {this._Na...原创 2019-04-14 16:11:07 · 1289 阅读 · 0 评论 -
JavaScript 算法
JavaScript 算法介绍传统的 面试过程 通常以最基本的如何编写 手机屏幕页面 问题为开始,然后通过全天的 现场工作 来检验 编码能力 和 文化契合 度。 几乎无一例外,决定性的因素还是 编码能力。 毕竟,工程师是靠一天结束之时产出可使用的软件来获得报酬的。一般来说,我们会使用 白板 来测试这种编码能力。比获得正确答案更重要的是清晰明了的思考过程。编码和生活一样,正...转载 2019-04-21 12:49:14 · 236 阅读 · 0 评论 -
JS--闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。...原创 2019-04-08 11:10:28 · 146 阅读 · 0 评论 -
Date toLocaleString()、toLocaleDateString()、toLocaleTimeString()方法
Date toLocaleString()、toLocaleDateString()、toLocaleTimeString()方法 Date.toLocaleString()功能:根据本地时间把Date对象转换为字符串。语法:DateObject.toLocaleString()参数:无。返回值:Date对象的字符串表示,以本地时间区表示,并根据本地规则格式化。 Dat...转载 2018-09-25 19:52:24 · 4885 阅读 · 0 评论 -
JS中的innerHTML,innerText,value的区别
一、区别innerHTML在控件中加html代码 ,就是设置一个元素里面的HTML,标签对文本信息有效。innerTEXT打印标签之间的纯文本信息,显示标签,标签无效,低版本的火狐浏览器不支持。value显示双引号中的全部内容,显示标签,标签无效。二、举例例一1、innerHTML<!doctype html> <html lan...原创 2018-09-08 22:45:47 · 32296 阅读 · 2 评论 -
JS之赌场21点游戏
在赌场21点游戏中,玩家可以通过计算牌桌上已经发放的卡牌的高低值来让自己在游戏中保持优势,这就叫21点算法。根据下面的表格,每张卡牌都分配了一个值。如果卡牌的值大于0,那么玩家应该追加赌注。反之,追加少许赌注甚至不追加赌注。 Count Change Cards +1 2, 3, 4, 5, 6 0 7, 8, 9 -1 10, 'J', 'Q...原创 2018-08-16 17:22:49 · 2177 阅读 · 0 评论 -
js之switch语句练习
一、 function myTest(val) {var answer = "";// Only change code below this lineswitch(val){ case "a": answer="apple"; break; case "b": answer="bird"; break; ca...原创 2018-08-16 10:31:46 · 1428 阅读 · 0 评论 -
JS添加事件和移除事件:addEventListener()与removeEventListener()
另有js事件详解 点击打开链接 一.addEventListener()和removeEventListener()讲解 addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。 它们都接受3个参数:如 addEventListener("事件名" , "事件处理函数" , "布尔值"); ...转载 2018-08-18 19:32:53 · 4548 阅读 · 0 评论 -
JS类型转换
一、问题:return myArray.constructor.toString().indexOf("Array") > -1;这句话怎么解释?myArray.constructor.toString() 是字符串function Array() { [native code] },function Array() { [native code] }中Array在function这8...原创 2018-08-12 19:51:11 · 344 阅读 · 0 评论 -
js控制台使用详解
一 实例图解 四种不同的console输出函数,输出信息前显示不同的图标; $查看某个元素; console.dir()可以显示一个对象所有的属性和方法; 分组显示信息; 显示digitalData对象; console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码; 断言;con...转载 2018-08-11 20:09:58 · 14728 阅读 · 0 评论 -
JS纠错集
1、onclick后的函数忘记加()2、document..语句结尾忘记加分号原创 2018-08-10 16:02:30 · 406 阅读 · 0 评论 -
JS小练习---开关灯泡
<!DOCTYPE html><html><body><script>function changeImage(){element=document.getElementById('myimage')if (element.src.match("bulbon")) {element.src="/i/eg_bulb...原创 2018-08-10 10:36:18 · 1501 阅读 · 0 评论 -
JavaScript 使用变量访问对象属性
var testObj = {12: "Namath",16: "Montana",19: "Unitas"};// Only change code below this line;var playerNumber=16; // Change this Linevar player =testObj[playerNumber]; // Change this Lin...原创 2018-08-16 18:16:07 · 1779 阅读 · 0 评论 -
mousedown、mouseup、click事件的关系及执行顺序
三个事件的触发时机mousedown当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生 mousedown 事件。与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生。mouseup当在元素上松开鼠标按键(左、右键均可)时,会发生 mouseup 事件。与 click 事件不同,mouseup 事件仅需要松开按钮。当鼠标指针位...转载 2018-08-19 13:05:52 · 8662 阅读 · 0 评论 -
e.keycode 代码含义
本文摘自:http://www.cnblogs.com/king-sheng/archive/2012/01/06/2314041.html 感谢原作者 function submitLoginForm(e) { e = window.event || e; if(e.keyCode == 13) { login(); }} keycode 8 = Ba...转载 2018-09-11 20:21:19 · 1221 阅读 · 0 评论 -
前端利器
1. 掘金 Chrome 插件对于开发者来说,比开发过程更重要的,应该要算平时对于开发资源以及技术文章一点一滴的积累了吧。那么,开发者能够在哪里获取需要的技术内容呢?过去,你可能需要在 GitHub、Dribbble 等许多网站之间不停地跳转来寻找自己需要的内容,现在,有了掘金 Chrome 插件,只需要一个新标签页面,你所需要的内容,它都能够为你聚合呈现出来,绝对算得上是发现干货的利器。...原创 2018-08-21 19:10:03 · 373 阅读 · 0 评论 -
JavaScript RegExp 对象
RegExp 对象正则表达式是描述字符模式的对象。正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。语法var patt=new RegExp(pattern,modifiers);或者更简单的方式:var patt=/pattern/modifiers;pattern(模式) 描述了表达式的模式 modifiers(修饰符) 用于指定全局...原创 2018-08-17 17:14:27 · 281 阅读 · 0 评论 -
JavaScript 使用循环语句查找通讯录
任务:我们有一个联系人列表,里面存储着不同联系人的数组对象。函数 lookUpProfile 有两个预定义参数:firstName值和prop属性 。该函数应检查firstName是实际联系人的firstName,给定的属性(prop)是该联系人的属性。如果它们都存在,函数返回prop属性对应的值。如果firstName 值不存在,返回 "No such contact"。如...原创 2018-08-17 13:21:08 · 260 阅读 · 0 评论 -
JS position属性之absolute与relative 详解
一.解读absolute与relative http://www.blueidea.com/tech/web/2006/4249.asp 很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什...原创 2018-08-19 16:58:28 · 17632 阅读 · 1 评论 -
keypress,keydown,keyup的区别
一.keypress,keydown,keyup的区别:1.keydown:在键盘上按下某键时发生,一直按着则会不断触发(opera浏览器除外), 它返回的是键盘代码; 2.keypress:在键盘上按下一个按键,并产生一个字符时发生, 返回ASCII码。注意: shift、alt、ctrl等键按下并不会产生字符,所以监听无效 ,换句话说, 只有按下能在屏幕上输出字符的按键时keypress...原创 2018-08-19 13:52:04 · 470 阅读 · 0 评论 -
JS数组小练习
任务修改函数 multiplyAll,以获得 arr 内部数组的每个数字相乘的结果 product。 function multiplyAll(arr) {var product = 1;// for(Only change code below this linefor(var i=0;i<arr.length;i++){ for(var j=0;j<a...原创 2018-08-16 21:52:06 · 556 阅读 · 0 评论 -
JavaScript 检查对象属性
JavaScript 判断对象中是否有某属性 判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式。一、点( . )或者方括号( [ ] ) 通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。当然,这里的“不存在”指的是对象自身和原型链上都不存在,如果原型链有该属性,则会返回原型链上的属性值。// 创建对象let te...原创 2018-08-16 20:37:59 · 923 阅读 · 0 评论 -
es6规范学习
阮一峰 http://es6.ruanyifeng.com/原创 2018-08-09 16:53:20 · 157 阅读 · 0 评论