JavaScript
关注
分享
扫一扫
javascript
June.1
人生在世须尽欢！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
数组模拟 JavaScript数据结构之栈（Stack）存储原理
什么是栈 ？一种后进先出（LIFO）的数据结构如图所示这就好比一个单向开口的网球筒，先放入网球筒的在筒底需要最后才能拿出来。后放入球筒的先拿出来。栈的数据存储就是以这种方式实现push() 入栈pop() 出栈peek() 查看栈顶这几种栈的底层操作方法，我们可以依照数组的使用模拟出来，这样就很容易理解程序概念中的栈操作数组模拟栈因为JavaScript比较高级，自带了 push() 和 pop()两个方法，这样理解起来变得更加容易数组的push() 将数据添加到栈顶， po原创 2020-07-19 13:23:06 · 937 阅读 · 0 评论 -
中级JavaScript 思维面试题（三）
答案解析在底部1、 问：下面的代码会输出什么结果 ? 为什么?function fn() { console.log(foo); var foo = 2; console.log(foo); console.log(a);}fn();2、 问：下面几项分别输出什么结果 ? 为什么?var name = 'first';var a = { name: 'sec...原创 2020-02-25 15:12:46 · 3458 阅读 · 1 评论 -
中级JavaScript 思维面试题（二）
var name = 'baozhuang';name += 10;var type = typeof name;if (type.length === 6) { type.text = 'string';}console.log(type.text);答案：undefined解析：type.text 为 new String(type).text =“string” 包装类...原创 2020-02-23 13:52:22 · 3290 阅读 · 1 评论 -
中级JavaScript 思维面试题（一）
window.a || (window.a ='1');console.log(window.a);答案：“1”解析：原理在于小括号的优先级高于其他运算符, 所以先赋值 window.a='1' 然后在进行或运算。var a = false + 1 ;console.log(a);答案：1解析：隐式类型转换 false 为 0 ,0 + 1 结果为1var b = ...原创 2020-02-20 18:05:16 · 3895 阅读 · 1 评论 -
JavaScript学习（二）运算符
一、 算数运算符算术运算符用于执行两个变量或值的运算加法 + //示例加法,先创建变量 var y = 5; var x = y + 2; //x = 7;减法 - var y = 5; var x = y - 2; //x = 3 乘法 * var y = 5; var x = y * 2; //x = 10 除法 / var y = ...原创 2019-04-03 12:41:41 · 592 阅读 · 0 评论 -
JavaScript学习（三）条件语句与循环
1. if 分支语句if()语句if(条件){ 如果条件满足，那么就执行花括号里边的内容 满足条件执行语句；} var x = 3; if(x==3){ //条件成立 console.log('这里判断符合条件执行这里代码'); //执行这里代码 }if else语句if(条件){ 如果条件满足，那么就执行花括号里边的内容，不满足的，就执行els...原创 2019-04-03 14:01:02 · 393 阅读 · 0 评论 -
JavaScript学习（五）函数
1.函数概念函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块2.函数语法函数就是包裹在花括号中的代码块，前面使用了关键词 function：语法：function functionname(){ 这里是要执行的代码 }3. 自定义函数类型无参数 无返回值 函数 //定义函数 function sayHi(){ alert("hello worl...原创 2019-04-04 08:26:30 · 313 阅读 · 0 评论 -
JavaScript函数中arguments、callee是做什么用的?
在函数内部，有两个特殊的对象：arguments 该对象实际上是一个数组，用于保存函数的参数。同时该对象还有一个属性callee来表示当前函数一个例子说明问题： function initTest() { for (var i=0;i<arguments.length;i++){ console.log(arguments); ...原创 2019-04-26 08:45:53 · 12055 阅读 · 1 评论 -
JavaScript中this是做什么用的?
this（上下文对象）我们每次调用函数时，解析器都会将一个上下文对象作为隐含的参数传递进函数。使用this来引用上下文对象，根据函数的调用形式不同，this的值也不同。this的不同的情况：1.以函数的形式调用时，this是window2.以方法的形式调用时，this就是调用方法的对象3.以构造函数的形式调用时，this就是新创建的对象...原创 2019-04-26 09:36:46 · 16750 阅读 · 1 评论 -
JavaScript 函数作为参数时需要注意什么?
函数也是一个对象，所以函数和其他对象一样 也可以作为一个参数传递给另外一个函数。但是要注意的是使用函数作为参数时，变量后 边千万不要加()，不加()表示将函数本身作为 参数，加上以后表示将函数执行的结果作为参数这是正确使用参数的方式：function one() { console.log('我是one函数');}function two(one) { console.l...原创 2019-04-26 10:10:04 · 3995 阅读 · 1 评论 -
JavaScript构造函数的内部执行流程
构造函数和普通函数的区别就是调用方式的不同普通函数是直接调用，而构造函数需要使用new关键字来调用创建一个新的对象将新的对象作为函数的上下文对象（this）执行函数中的代码将新建的对象返回以下示例可以看出, 调用构造函数直接生成 this 才能调用构造函数的变量。function Person(name , age , gender){ //2. 将新的对象作为函数的上下文...原创 2019-04-26 10:21:52 · 4274 阅读 · 1 评论 -
JavaScript中call()、apply()的用法
每个函数都包含两个非继承而来的方法：apply()和call()。call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性；作用call（）方法和apply（）方法的作用相同：改变this指向。区别他们的区别在于接收参数的方式不同：call()：第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。在...转载 2019-04-26 10:35:53 · 3378 阅读 · 1 评论 -
ecahrts图表标题、图例 、值域、提示框、区域缩放、网格、类目轴、数值型坐标轴常用参数介绍
1. 图表标题title: { x: 'left', // 水平安放位置，默认为左对齐，可选为： // 'center' ¦ 'left' ¦ 'right' // ¦ {number}（x坐标，单位px） ...转载 2019-07-04 11:54:20 · 1297 阅读 · 1 评论 -
ecahrts柱形图、折线图、饼图、散点图、雷达图、K线图默认参数详解
1、柱形图默认参数bar: { barMinHeight: 0, // 最小高度改为0 // barWidth: null, // 默认自适应 barGap: '30%', // 柱间距离，默认为柱形宽度的30%，可设固定值 barCategoryGap : '20%', /...转载 2019-07-04 12:04:57 · 1722 阅读 · 1 评论 -
JavaScript学习（一）用法、变量、数据类型、typeof
1. 了解JavaScriptJavaScript是一种直译式的、基于对象（Object）和事件驱动（EventDriver）的脚本语言，是一种动态、弱类型的语言。用来给HTML网页增加动态特效，实现动态交互，美化页面的功能。2.JavaScript用法JavaScript用法：HTML中的脚本必须位于<script></script>标签之间脚本可被...原创 2019-04-03 09:37:18 · 327 阅读 · 0 评论 -
JavaScript学习（十三） Array应用
数组是使用单独变量名来存储一系列值一、数组的定义方式中括号定义var myArr = ["hello",123,"hello","abc","福娃"];new Array()var myArr = new Array("hello",123); new Array() 使用索引赋值定义数组注意：[0] 是数组的第一个元素,[1]是数组的第二个元素var m...原创 2019-04-08 16:10:08 · 311 阅读 · 0 评论 -
JavaScript学习（十二）原生JS写时钟
一、时钟案例练习源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html, body {...原创 2019-04-08 10:30:26 · 11883 阅读 · 0 评论 -
JavaScript学习（六）事件
事件是可以被JavaScript侦测到的行为网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义常用事件事件的应用非常多,知识点很重要一定要深刻理解。事件调用用法如下例讲解 , 事件内都可以参数传递应用方式如点击事件；示例展示：<!DOC...原创 2019-04-04 09:05:28 · 369 阅读 · 0 评论 -
JavaScript学习（七） DOM对象
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）改变HTML输出流：注意：绝对不要在文档加载完成之后使用document.write()。这会覆盖文档1. 获取 HTML 元素通常，通过 JavaScript，您需要操作 HTML 元素通过 id 找到 HTML 元素document.getElementById()示...原创 2019-04-04 11:54:43 · 414 阅读 · 0 评论 -
JavaScript学习（八）正则表达式
正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。一、正则声明语法：/正则表达式主体/修饰符(可选)修饰符：用于执行不区分大小写和全文的搜索i：修饰符是用来执行不区分大小写的匹配。g：修饰符是用来执行全文的搜索（而不是在找到第一个就停止查找，而是找到所有的匹配...原创 2019-04-04 15:23:27 · 388 阅读 · 0 评论 -
JavaScript学习（九） BOM浏览器对象
1. Window对象window对象是BOM的核心，window对象指当前的浏览窗口所 有javaScript全局对象函数外变量均自动成为window对象成员全局变量是window对象的属性全局函数是window对象的方法甚至HTML DOM的document也是window对象的属性之一尺寸及坐标可视区尺寸document.documentElement.client...原创 2019-04-04 16:15:01 · 3437 阅读 · 0 评论 -
JavaScript学习（十）计时器、常用math方法
计时器实例操作：//三秒后执行弹框,执行一次var jsq = setTimeout(function () { alert("hello kitty");}, 3000);//清除 jsq 计时器function demo1() { clearTimeout(jsq);}//循环执行计时器var jsq2 = setInterval(function ()...原创 2019-04-04 16:27:10 · 421 阅读 · 0 评论 -
JavaScript学习（十四）try catch
异常最大的特征，就是一旦出现异常，后面的代码将不会再执行那为了保证后面代码在出现异常之后，还能继续执行，所以就要进行异常处理注意 语法异常 try catch无法捕获异常捕获语句try catch finally手动抛出异常信息 使用 throw关键字语法：try{// a(); //可能会出现问题的代码 // 手动抛出错误 throw "...原创 2019-04-10 15:50:21 · 431 阅读 · 0 评论 -
JavaScript高级学习笔记之全面解析面向对象
1、什么是对象万物皆对象2、对象的特征对象的特征就是用来描述对象的相关信息比如一个人对象，特征就有：name age gender height3、对象的行为对象行为就是描述对象的行为比如一个人对象，行为就有：吃 跑 跳 睡 唱 抽烟 喝酒 烫头4、 什么是对象键值对儿的组合就是对象5、对象的属性！现实生活中的对象的特征对应到JS当中是对象的属性（名词...原创 2019-04-11 09:05:11 · 464 阅读 · 0 评论 -
JavaScript高级学习笔记之面向对象贪吃蛇全讲解
面向对象游戏案例：贪吃蛇案例相关源码以上传到 GitHub地址 案例介绍游戏演示在线演示地址：贪吃蛇案例目标游戏的目的是用来体会js高级语法的使用 不需要具备抽象对象的能力，使用面向对象的方式分析问题，需要一个漫长的过程。功能实现搭建页面放一个容器盛放游戏场景 div#map，设置样式#map { width: 800px; height: 600px; back...原创 2019-04-11 09:43:41 · 349 阅读 · 0 评论 -
JavaScript高级学习笔记之继承
继承构造函数的属性继承：借用构造函数function Person (name, age) { this.type = 'human' this.name = name this.age = age}function Student (name, age) { // 借用构造函数继承属性成员 Person.call(this, name, age)}var s1...原创 2019-04-11 09:54:14 · 260 阅读 · 0 评论 -
JavaScript高级学习笔记之函数进阶
函数的定义方式函数声明函数表达式new Function函数声明function foo () {}函数表达式var foo = function () {}函数声明与函数表达式的区别函数声明必须有名字函数声明会函数提升，在预解析阶段就已创建，声明前后都可以调用函数表达式类似于变量赋值函数表达式可以没有名字，例如匿名函数函数表达式没有变量提升，在执行阶段...原创 2019-04-11 09:59:10 · 381 阅读 · 0 评论 -
JavaScript高级学习笔记之正则剖析
正则表达式了解正则表达式基本语法能够使用JavaScript的正则对象正则表达式简介什么是正则表达式正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成...原创 2019-04-11 10:00:53 · 511 阅读 · 0 评论 -
JavaScript高级学习笔记之数组、伪数组
伪数组和数组在JavaScript中，除了5种原始数据类型之外，其他所有的都是对象，包括函数（Function）。对象与数组的关系在说区别之前，需要先提到另外一个知识，就是 JavaScript 的原型继承。所有 JavaScript 的内置构造函数都是继承自 Object.prototype 。在这个前提下，可以理解为使用 new Array() 或 [] 创建出来的数组对象，都会拥有...原创 2019-04-11 10:06:05 · 331 阅读 · 0 评论 -
JavaScript基础知识全总结
JavaScript基础浏览器说明浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。通俗的讲:可以显示页面的一个软件,国内网民计算机上常见的网页浏览器有，QQ浏览器、Internet Explorer、Firefox、Safari，Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、傲游浏览器、世...原创 2019-04-11 10:37:31 · 88078 阅读 · 46 评论 -
JavaScript高级学习笔记之全面解析原型
原型内容引导：使用 prototype 原型对象解决构造函数的问题分析 构造函数、prototype 原型对象、实例对象 三者之间的关系属性成员搜索原则：原型链实例对象读写原型对象中的成员原型对象的简写形式原生对象的原型ObjectArrayString…原型对象的问题构造的函数和原型对象使用建议更好的解决方案： prototypeJavascript 规定...原创 2019-04-11 10:49:17 · 283 阅读 · 0 评论 -
JavaScript学习（十五）AJAX
1. 概述Web 程序最初的目的就是将信息（数据）放到公共的服务器，让所有网络用户都可以通过浏览器访问。在此之前，我们可以通过以下几种方式让浏览器发出对服务端的请求，获得服务端的数据：地址栏输入地址，回车，刷新特定元素的 href 或 src 属性表单提交这些方案都是我们无法通过或者很难通过代码的方式进行编程（对服务端发出请求并且接受服务端返回的响应），如果我们可以通过 J...原创 2019-04-11 12:14:08 · 326 阅读 · 0 评论 -
JavaScript学习（十一）Date对象方法
Date 对象用于处理日期和时间Date对象方法手册一、创建 Date 对象的语法var myDate=new Date()注释：Date 对象会自动把当前日期和时间保存为其初始值。二、使用 Date 对象的语法var myDate=new Date()myDate.方法名//创建对象var mytime = new Date();//获取月份var mont =...原创 2019-04-08 09:36:24 · 509 阅读 · 0 评论 -
封装JS原生jsonp,ajax(附demo,copy可用)
jsonp解决web端JavaScript跨域请求利用 < script > 的 src 属性对服务器请求拉取数据字符串,然后通过回调函数获取接口数据 /** * 封装CORS （跨域请求）jsonp方法 * @param url 访问地址信息 * @param params 请求参数格式："key1=data1&key2=da...原创 2019-03-20 10:40:41 · 707 阅读 · 0 评论