安科网

JavaScript基础学习

行吟阁

行吟阁

2020-05-18

关注 关注

JavaScript简介

JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习

JS版本
	主要还是用的5.1和6.0


# js的注释
"""
// 单行注释

/*
多行注释1
多行注释2
多行注释3
*/
"""

# 两种引入方式
	1.script标签内部直接书写js代码
  2.script标签src属性引入外部js代码

# js语法结构
	js是以分号作为语句的结束
  但是如果你不写分号，问题也不大 也能够正常执行 但是它就相当于没有结束符
  
#js代码的书写位置
	1.可以单独开设js文件书写
	2.还可以直接在浏览器提供的console界面书写
		在用浏览器书写js的时候 左上方的清空按钮只是清空当前页面 代码其实还在
		如果你想要重新来 最好重新开设一个 页面
		(在使用浏览器书写 你自己的js代码的时候推荐你在 自己的html页面打开)

注：ES6就是指ECMAScript 6。

尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：

  • 核心（ECMAScript）
  • 文档对象模型（DOM） Document object model (整合js，css，html)
  • 浏览器对象模型（BOM） Broswer object model（整合js和浏览器）

简单地说，ECMAScript 描述了JavaScript语言本身的相关内容。

变量

"""
在js中 首次定义一个变量名的时候需要用关键字声明
	1.关键字var
		var name=‘jason‘
	2.es6推出的新语法
		let name=‘jason‘
		如果你的编辑器支持的版本是5.1那么无法使用let
		如果是6.0则向下兼容 var let
"""
# var与let的区别
n = 10
for n in range(5):
  print(n)
print(n)  
# var 5		let 10

"""
var在for循环里面定义也会影响到全局
let在局部定义只会在局部生效
"""
"""
js变量的命名规范
	1.变量名只能是 
		数字 字母 下划线 $
	2.变量名命名规范(不遵循也可以)
		1.js中推荐使用驼峰式命名
			userName
			dataOfDb
		2.python推荐使用下划线的方式
			user_name
			data_of_db
	3.不能用关键字作为变量名
		
"""

常量

? 注：常量指的是定义之后不可以被修改

# python中没有真正意义上的常量 默认全大写就是表示常量
# js中是有真正意义上的常量的
const pi = 3.14

数据类型

js也是一门面向对象 的编程语言 即一切皆对象!!!

js/python是一门动态类型语言

name = ‘jason‘
name = 123
name = [1,2,3,4]
# name可以指向任意的数据类型 
# 但是有一些语言中，变量名之内指向一种后续不能更改

如下图所示：

JavaScript基础学习

数值类型(number)

var a = 11;
var b = 11.11;
// 如何查看当前数据类型
typeof a;

var a = 11;
var b = 11.11;
typeof a;
typeof b;
"number"

// 特殊的 NaN:数值类型 表示的意思是“不是一个数字” NOT A NUMBER

// 类型转换
parseInt()
parseFloat()


parseInt(‘12312312‘)
12312312
parseFloat(‘11.11‘)
11.11
parseInt(‘11.11‘)
11
parseInt(‘123sdasdajs2312dasd‘)
123
parseInt(‘asdasdad123sdasdajs2312dasd‘)
NaN

字符类型(string)

var s = ‘jason‘
undefined
typeof s
"string"
var s1 = "jason"
undefined
typeof s1;
"string"
var s2 = ‘‘‘egon‘‘‘  // 不支持三引号
VM665:1 Uncaught SyntaxError: Unexpected string

// 模版字符串
var s3 = `
asdkajsd
sdjkladj
asdjlajdkl
`
typeof s3
"string"
// 模版字符串除了可以定义多行文本之外还可以实现格式化字符串操作
// 书写${} 会自动去前面找大括号里面的变量名对应的值 如果没有定义直接报错
var name = ‘jason‘

var age = 18

var sss = `
   my name is ${name} and my age is ${age}
`
sss
"
   my name is jason and my age is 18
"

var s4 = `my name is ${namemmmmm}`
VM1140:1 Uncaught ReferenceError: namemmmmm is not defined
    at <anonymous>:1:24
// 在写js代码的时候 不要去管左侧箭头的内容


// 字符串的拼接
// 在python中不推荐你使用+做拼接 join
// 在js中推荐你直接使用+做拼接
name + age

字符类型常用方法

"""
.length	返回长度
.trim()	移除空白
.trimLeft()	移除左边的空白
.trimRight()	移除右边的空白
.charAt(n)	返回第n个字符
.concat(value, ...)	拼接
	联想记忆
		MySQL
			concat
			concat_ws
			group_concat
		python
			join
.indexOf(substring, start)	子序列位置
.substring(from, to)	根据索引获取子序列
.slice(start, end)	切片
.toLowerCase()	小写
.toUpperCase()	大写
.split(delimiter, limit)	分割
"""
# 记忆的时候一定要对比python去记 

var name = ‘egondsb‘
undefined

name.length
7

var name1 = ‘  egonDSB  ‘
undefined
name1
"  egonDSB  "
name1.trim()
"egonDSB"
name1.trimLeft()
"egonDSB  "
name1.trimRight()
"  egonDSB"

var name2 = ‘$$jason$$‘
undefined
name2.trim(‘$‘)  # 不能加括号指定去除的内容
"$$jason$$"

name2.charAt(0)
"$"
name2.indexOf(‘as‘)
3

name2.substring(0,5)
"$$jas"
name2.slice(0,5)
"$$jas"
name2.substring(0,-1)  # 不识别负数
""
name2.slice(0,-1)  # 后面推荐就使用slice就可以
"$$jason$"


var name3 = ‘eGoNDsb123666HahA‘
undefined
name3.toLowerCase()
"egondsb123666haha"
name3.toUpperCase()
"EGONDSB123666HAHA"
var name = ‘tank|hecha|liaomei|mengsao|...‘
undefined

name.split(‘|‘)
(5)?["tank", "hecha", "liaomei", "mengsao", "..."]
name.split(‘|‘,2)
(2)?["tank", "hecha"]0: "tank"1: "hecha"length: 2__proto__: Array(0)
name.split(‘|‘,10)  # 第二个参数不是限制切割字符的个数还是获取切割之后元素的个数
(5)?["tank", "hecha", "liaomei", "mengsao", "..."]


name.concat(name1,name2)
"tank|hecha|liaomei|mengsao|...  egonDSB  $$jason$$"
var p = 1111
undefined
name.concat(p)  # js是弱类型(内部会自动转换成相同的数据类型做操作)
"tank|hecha|liaomei|mengsao|...1111"


l = [1,2,3,4,5,6,7]
res = ‘|‘.join(l)  # 直接报错
print(res)

布尔值(boolean)

"""
1.在python中布尔值是首字母大写的
	True
	False
2.但是在js中布尔值是全小写的
	true
	false
# 布尔值是false的有哪些
	空字符串、0、null、undefined、NaN
"""

null与undefined

"""
null
	表示值为空 一般都是指定或者清空一个变量时使用
		name = ‘jason‘
		name = null
undefined
	表示声明了一个变量 但是没有做初始化操作(没有给值)
	函数没有指定返回值的时候 返回的也是undefined
	
参考博客图解：厕所卷纸
https://www.cnblogs.com/Dominic-Ji/p/9111021.html
"""

对象

一切皆对象

  • 数组(类似于python里面的列表) []

    var l = [11,22,33,44,55]

typeof l
"object"
var l1 = [11,‘sdasd‘,11.11,true]

l1[1]
"sdasd"
l1[-1]  # 不支持负数索引


var l = [111,222,333,444,555,666]
undefined
l.length  #返回对象长度
6
l.push(777) #尾部插入元素
7
l
(7)?[111, 222, 333, 444, 555, 666, 777]
l.pop() #弹出尾部元素
777
l
(6)?[111, 222, 333, 444, 555, 666]
l.unshift(123) #头部插入元素
7
l
(7)?[123, 111, 222, 333, 444, 555, 666]
l.shift() #头部移除元l
123

l.slice(0,3) #切片  l.slice(start, end)
(3)?[111, 222, 333]

l.reverse() #反转
(6)?[666, 555, 444, 333, 222, 111]
l.join(‘$‘)  # 跟python刚好相反，在python中，列表中元素必须为字符串类型
"666$555$444$333$222$111"

l.concat([111,222,333])  # 相当于python的extend，尾部插入多个元素 
(9)?[666, 555, 444, 333, 222, 111, 111, 222, 333]
l.sort()#排序
(6)?[111, 222, 333, 444, 555, 666]

# 三个比较重要的方法
var ll = [111,222,333,444,555,666]

ll.forEach(function(value){console.log(value)},ll) #将数组的每个元素传递给回调函数
VM2277:1 111  # 一个参数就是数组里面每一个元素对象
VM2277:1 222
VM2277:1 333
VM2277:1 444
VM2277:1 555
VM2277:1 666

ll.forEach(function(value,index){console.log(value,index)},ll)
VM2346:1 111 0  # 两个参数就是元素 + 元素索引
VM2346:1 222 1
VM2346:1 333 2
VM2346:1 444 3
VM2346:1 555 4
VM2346:1 666 5
undefined
ll.forEach(function(value,index,arr){console.log(value,index,arr)},ll)  # 元素 + 元素索引 + 元素的数据来源
VM2430:1 111 0 (6)?[111, 222, 333, 444, 555, 666]
VM2430:1 222 1 (6)?[111, 222, 333, 444, 555, 666]
VM2430:1 333 2 (6)?[111, 222, 333, 444, 555, 666]
VM2430:1 444 3 (6)?[111, 222, 333, 444, 555, 666]
VM2430:1 555 4 (6)?[111, 222, 333, 444, 555, 666]
VM2430:1 666 5 (6)?[111, 222, 333, 444, 555, 666]
undefined

ll.forEach(function(value,index,arr,xxx){console.log(value,index,arr,xxx)},ll)  # 最多三个
VM2532:1 111 0 (6)?[111, 222, 333, 444, 555, 666] undefined
VM2532:1 222 1 (6)?[111, 222, 333, 444, 555, 666] undefined
VM2532:1 333 2 (6)?[111, 222, 333, 444, 555, 666] undefined
VM2532:1 444 3 (6)?[111, 222, 333, 444, 555, 666] undefined
VM2532:1 555 4 (6)?[111, 222, 333, 444, 555, 666] undefined
VM2532:1 666 5 (6)?[111, 222, 333, 444, 555, 666] undefined
  
  

ll
(6)?[111, 222, 333, 444, 555, 666]

#删除元素
ll.splice(0,3)  # 两个参数 第一个是起始位置 第二个是删除的个数
(3)?[111, 222, 333]
ll
(3)?[444, 555, 666]

#，先删除后添加(在删除的位置添加元素)
ll.splice(0,1,777)  # 三个参数：第一个是起始位置，第二个是删除的个数，第三个是添加的元素
[444]
ll
(3)?[777, 555, 666]

ll.splice(0,1,[111,222,333,444])
[777]
ll
(3)?[Array(4), 555, 666]



var l1 = [11,22,33,44,55,66]
undefined
l1.map(function(value){console.log(value)},l1)
VM3115:1 11
VM3115:1 22
VM3115:1 33
VM3115:1 44
VM3115:1 55
VM3115:1 66

#返回一个数组，调用函数处理后的值组成的新数组
l1.map(function(value,index){return value*2},l1)
(6)?[22, 44, 66, 88, 110, 132]
l1.map(function(value,index,arr){return value*2},l1)
(6)?[22, 44, 66, 88, 110, 132]

运算符

# 算术运算符
var x = 10;
var res1 = x++;  #==>res1=x=10且x+=1(此时x=11)  先赋值， 后加
var res2 = ++x;  #==>x+=1(此时x=12),res2=x=12   先加，后赋值
res1 10
res2 12
++表示自增1 类似于 +=1
ps：加号在前先加后赋值 加号在后先赋值后加

# 比较运算符
1 == ‘1‘  # 弱等于  内部自动转换成相同的数据类型比较了
true  

1 === ‘1‘  # 强等于  内部不做类型转换

1 != ‘1‘ 
false
1 !== ‘1‘
true

# 逻辑运算符
	# python中 and or not
  # js中 && || !
5 && ‘5‘
‘5‘

0 || 1
1

!5 && ‘5‘  #!5：false
false

"""
一定要注意到底什么时候返回的是布尔值 什么是返回的是数据
"""

# 赋值运算符
= += -= *= ....

流程控制

# if判断
var age = 28;
# if(条件){条件成立之后指向的代码块}
if (age>18){
  console.log(‘来啊 来啊‘)
}
# if-else
if (age>18){
  console.log(‘来啊 来啊‘)
}else{
  console.log(‘没钱 滚蛋‘)
}
# if-else if else
if (age<18){
  console.log("培养一下")
}else if(age<24){
  console.log(‘小姐姐你好 我是你的粉丝‘)
}else{
  console.log(‘你是个好人‘)
}
"""
在js中代码是没有缩进的,在Python中，是使用缩进来表示代码块处于哪个级别
()条件
{}代码块
"""

# switch语法
"""
提前列举好可能出现的条件和解决方式
"""
var num = 2;
switch(num){
  case 0:
  	console.log(‘喝酒‘);
  	break;  # 不加break 匹配到一个之后 就从当前位置一直往下执行
  case 1:
  	console.log(‘唱歌‘);
  	break;
  case 2:
  	console.log(‘洗脚‘);
  	break;
  case 3:
  	console.log(‘按摩‘);
  	break;
  case 4:
  	console.log(‘营养快线‘);
  	break;
  case 5:
  	console.log(‘老板慢走 欢迎下次光临‘);
  	break;
  default:
  	console.log(‘条件都没有匹配上 默认走的流程‘)
}

# for循环
# 打印0-9数字
for(let i=0;i<10;i++){
  console.log(i)
}
# 题目1  循环打印出数组里面的每一个元素
var l1 = [111,222,333,444,555,666]
for(let i=0;i<l1.length;i++){
  console.log(l1[i])
}

# while循环
var i = 0
while(i<100){
  console.log(i)
  i++;
}

# 三元运算符
# python中三元运算符 res = 1 if 1>2 else 3

# JS中三元运算  res = 1>2?1:3 
条件成立取问好后面的值 不成立取冒号后面的值
#示例：
var res = 2>5?8:10 # 10
var res = 2>5?8:(8>5?666:444)  # 666
"""
三元运算符不要写的过于复杂 
"""

函数

# 在python定义函数需要用到关键字def
# 在js中定义函数需要用到关键字function

# 格式
function 函数名(形参1,形参2,形参3...){函数体代码}

# 无参函数
function func1(){
  console.log(‘hello world‘)
}
func1()  # 调用 加括调用 跟python是一样的

# 有参函数
function func2(a,b){
  console.log(a,b)
}
func2(1,2)

func2(1,2,3,4,5,6,7,8,9)  # 多了没关系 只要对应的数据
VM3610:2 1 2
undefined

func2(1)  # 少了也没关系
VM3610:2 1 undefined
  
# 关键字arguments
function func2(a,b){
  console.log(arguments)  # 能够获取到函数接受到的所有的参数
  console.log(a,b)
}

function func2(a,b){
  if(arguments.length<2){
    console.log(‘传少了‘)
  }else if (arguments.length>2){
    console.log(‘传多了‘)
  }else{
    console.log(‘正常执行‘)
  }
}


# 函数的返回值  使用的也是关键字return
function index(){
  return 666
}
function index(){
  return 666,777,888,999
}
res = index();
999
res
999  # 只能拿到最后一个

function index(){
  return [666,777,888,999]
}
# js不支持解压赋值


# 匿名函数  就是没有名字
function(){
  console.log(‘哈哈哈‘)
}
var res = function(){
  console.log(‘哈哈哈‘)
}

# 箭头函数(要了解一下)  主要用来处理简单的业务逻辑 类似于python中的匿名函数
var func1 = v => v;  """箭头左边的是形参 右边的是返回值"""
等价于
var func1 = function(v){
  return v
}

var func2 = (arg1,arg2) => arg1+arg2
等价于
var func1 = function(arg1,arg2){
  return arg1+arg2
}

函数的全局变量与局部变量

局部变量：

在JavaScript函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它（该变量的作用域是函数内部）。只要函数运行完毕，本地变量就会被删除。

全局变量：

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

变量生存周期：

JavaScript变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

作用域

首先在函数内部查找变量，找不到则到外层函数查找，逐步找到最外层。与python作用域关系查找一模一样！

# 跟python查找变量的顺序一致
var city = "BeiJing";
function f() {
  var city = "ShangHai";
  function inner(){
    var city = "ShenZhen";
    console.log(city);
  }
  inner();
}

f();  //输出结果是ShenZhen


var city = "BeiJing";
function Bar() {
  console.log(city);
}
function f() {
  var city = "ShangHai";
  return Bar;
}
var ret = f();
ret();  // 打印结果是BeiJing


var city = "BeiJing";
function f(){
    var city = "ShangHai";
    function inner(){
        console.log(city);  //ShangHai
    }
    return inner;
}
var ret = f();
ret(); //打印结果是ShangHai

词法分析（直接忽略）

内置对象和方法

JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等。在JavaScript中，对象是拥有属性和方法的数据。

我们在学习基本数据类型的时候已经带大家了解了，JavaScript中的Number对象、String对象、Array对象等。

注意var s1 = "abc"和var s2 = new String("abc")的区别：typeof s1 --> string而 typeof s2 --> Object

JavaScript基础学习

自定义对象

JavaScript的对象(object)本质上是键值对的集合(Hash结构)，但是只能用字符串作为键。

# 你可以看成是我们python中的字典 但是js中的自定义对象要比python里面的字典操作起来更加的方便

# 创建自定义对象 {}
"""第一种创建自定义对象的方式"""
var d1 = {‘name‘:‘jason‘,‘age‘:18}


var d = {‘name‘:‘jason‘,‘age‘:18}
typeof d
"object"

d[‘name‘]
"jason"
d.name  # 比python从字典获取值更加的方便
"jason"
d.age
18

for(let i in d){
  console.log(i,d[i])
}  # 支持for循环 暴露给外界可以直接获取的也是键


"""第二种创建自定义对象的方式  需要使用关键字 new"""
var d2 = new Object()  # 创造一个空对象{}

d2.name = ‘jason‘
{name: "jason"}

d2[‘age‘] = 18
{name: "jason", age: 18}

注：

ES6中提供了Map数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当做键。

也就是说，Object结构提供了“字符串--值”的对应，Map结构提供了“值--值”的对应，是一种更完善的Hash结构实现。

#map 用法
var m = new Map();  #定义空Map对象
var o = {p: "Hello World"} #定义字典对象

m.set(o, "content") #将对象作为键
m.get(o)  // "content"

m.has(o)  // true
m.delete(o)  // true
m.has(o) // false

扩展：

JavaScript面向对象之继承

// 父类构造函数
var Car = function (loc) {
  this.loc = loc;
};

// 父类方法
Car.prototype.move = function () {
  this.loc ++;
};

// 子类构造函数
var Van = function (loc) {
  Car.call(this, loc);
};

// 继承父类的方法
Van.prototype = Object.create(Car.prototype);
// 修复 constructor
Van.prototype.constructor = Van;
// 扩展方法
Van.prototype.grab = function () {
  /* ... */
};

JavaScript面向对象之继承

Date对象

//方法一：不指定参数
let d3 = new Date()  //d拿到的是当前时间
d3
Fri May 15 2020 14:41:06 GMT+0800 (中国标准时间)
d3.toLocaleString()   //转为以下格式
"2020/5/15 下午2:41:06"

//方法二：参数为日期字符串
# 也支持自己手动输入时间
let d4 = new Date(‘2200/11/11 11:11:11‘)
d4.toLocaleString()
"2200/11/11 上午11:11:11"

//方法三：参数为年月日小时分钟秒
let d5 = new Date(1111,11,11,11,11,11)
d5.toLocaleString()  #月份从0开始0-11月
"1111/12/11 上午11:11:11"

//方法四：参数为毫秒数
let d6 = new Date(5000)
d6.toLocaleString()
"1970/1/1 上午8:00:05"

# 时间对象具体方法
let d6 = new Date();
d6.getDate()  获取日
d6.getDay()		获取星期
d6.getMonth()		获取月份(0-11)
d6.getFullYear()		获取完整的年份
d6.getHours()			获取小时
d6.getMinutes()		获取分钟
d6.getSeconds()		获取秒
d6.getMilliseconds()  获取毫秒
d6.getTime()					时间戳

JSON对象

"""
在python中序列化反序列化
	dumps 		序列化
	loads			反序列化

在js中也有序列化反序列化
	JSON.stringify()			相当于			dumps
	JSON.parse()					相当于			loads			
"""
let d7 = {‘name‘:‘jason‘,‘age‘:18}

#序列化json格式字符串
let res666 = JSON.stringify(d7)  
"{"name":"jason","age":18}"

#将 json 格式字符串反序列化JavaScript格式数据
JSON.parse(res666)  
{name: "jason", age: 18}

RegExp对象

"""
在python中如果需要使用正则 需要借助于re模块
在js中需要你创建正则对象
"""
# 第一种 有点麻烦
let reg1 = new RegExp(‘^[a-zA-Z][a-zA-Z0-9]{5,11}‘)
# 第二种 个人推荐
let reg2 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/

# 匹配内容(校验数据)
reg1.test(‘egondsb‘)
reg2.test(‘egondsb‘)

# 题目 获取字符串里面所有的字母s
let sss = ‘egondsb dsb dsb‘
sss.match(/s/)  # 拿到一个就停止了
sss.match(/s/g)	# 全局匹配  g就表示全局模式

sss.match(/s/)
["s", index: 5, input: "egondsb dsb dsb", groups: undefined]
sss.match(/s/g)
(3)?["s", "s", "s"]

# 全局匹配模式吐槽点
let reg3 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/g
reg2.test(‘egondsb‘)

reg3.test(‘egondsb‘)  # 全局模式有一个lastIndex属性
true
reg3.test(‘egondsb‘)
false
reg3.test(‘egondsb‘)
true
reg3.test(‘egondsb‘)
false

reg3.lastIndex
0
reg3.test(‘egondsb‘)
true
reg3.lastIndex
7

# 吐槽点二 
let reg4 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/
reg4.test()

reg4.test()  # 什么都不传 默认传的是undefined
true
reg4.test()
true

reg4.test(undefined)
true
let reg5 = /undefined/
undefined
reg5.test(‘jason‘)
false
reg5.test()
true

"""
总结 你在用js书写正则的时候一定要注意上述问题
"""

Math对象

abs(x)      返回数的绝对值。
exp(x)      返回 e 的指数。
floor(x)    对数进行下舍入。
log(x)      返回数的自然对数（底为e）。
max(x,y)    返回 x 和 y 中的最高值。
min(x,y)    返回 x 和 y 中的最低值。
pow(x,y)    返回 x 的 y 次幂。
random()    返回 0 ~ 1 之间的随机数。
round(x)    把数四舍五入为最接近的整数。
sin(x)      返回数的正弦。
sqrt(x)     返回数的平方根。
tan(x)      返回角的正切。

javascript html代码

行吟阁

行吟阁

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

原生JavaScript实现五子棋游戏

tips = "白棋胜利";

PeterLuoz 2020-11-09

如何将Node.js中的回调转换为Promise

在几年前，回调是 JavaScript 中实现执行异步代码的唯一方法。回调本身几乎没有什么问题，最值得注意的是“回调地狱”。在 ES6 中引入了 Promise 作为这些问题的解决方案。最后通过引入 async/await 关键字来提供更好的体验并提高了可

nmgxzm00 2020-11-10

NodeJS开发人员常见五个错误理解

Nodejs 诞生于 2009 年，由于它使用了 JavaScript ，在这些年里获得了非常广泛的流行。它是一个用于编写服务器端应用程序的 JavaScript 运行时，但是 "它就是JavaScript" 这句话并不是 100% 正

ifconfig 2020-10-14

JavaScript枚举选择jquery插件代码实例

聪明的朋友马上想出办法：用两个选项为周一到周日的下拉列表实现，对 那样可以，但是我觉得不够友好，所以利用业余时间写下了这个jQuery小插件。weeks: [{ text: '一', value: 2 }, { text: '二', value: 3 },

hhanbj 2020-11-17

详解JavaScript原型与原型链

正如一些面向对象语言中所实现的那样，在JavaScript中我们有时也需要创建一个拥有公共函数与属性的类作为父类来减少代码重复、实现类型检查与实现更加清晰地代码结构。在JavaScript中，继承是通过原型链实现的。了解JavaScript的继承与原型链之

zfszhangyuan 2020-11-16

详解JavaScript执行模型

JavaScript是一个单线程异步非阻塞并发语言，这些语言效果通过一个调用栈、一个事件循环、一个回调队列有些时候也叫任务队列与跟运行环境相关的API组成。调用栈是一个LIFO后进先出数据结构的函数运行栈，它内部的数据结构为函数帧。调用栈有一个意外情况，当

古叶峰 2020-11-16

4个下一个JavaScript项目的有趣API

术语API是首字母缩写词，代表“应用程序编程接口”。同样，一个API也列出了一堆开发者可以使用的操作，以及对这些操作的描述。API使开发人员可以利用平台的实现来执行一些有用的任务，从而节省时间。这也有助于减少开发人员需要为其程序编写的代码行数，因为API使

一个智障 2020-11-15

JavaScript是如何成为一门严肃的编程语言的

从最开始作为一种使网站变得漂亮的方式，JavaScript 已转变为一种严肃的编程语言。JavaScript 的卑微起步始于 1995 年，是由当时在 Netscape 通信公司工作的 Brendan Eich在短短 10 天内创建的。在其早期，JavaS

jipengx 2020-11-12

7个 jQuery上手项目，Github超千人star

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功

81427005 2020-11-11

把 Node.js 中的回调转换为 Promise

在几年前，回调是 JavaScript 中实现执行异步代码的唯一方法。回调本身几乎没有什么问题，最值得注意的是“回调地狱”。在 ES6 中引入了 Promise 作为这些问题的解决方案。最后通过引入 async/await 关键字来提供更好的体验并提高了可

xixixi 2020-11-11

2021适合移动和桌面应用的JavaScript框架是什么

当听到JavaScript这个词的时候，“web开发”会一下子出现在我们的脑海中，因为JavaScript在很长一段时间里一直是web应用开发最广泛使用的语言，Angular、React和Vue等框架目前也很有名。尽管JavaScript主导着web开发领

游走的豚鼠君 2020-11-10

一篇文章带你了解JavaScript属性

属性是一个JavaScript对象关联的值。一个JavaScript对象是一个无序的性质集合，属性通常可以更改、添加和删除，但有些只读。//复制上面代码,替换不同语句，实现功能。delete 关键字不删除继承的属性，但如果删除原型属性，则会影响从原型继承的

苗疆三刀的随手记 2020-11-10

16个你可能不知道的JavaScript调试技巧

对于调试JavaScript，当然是越快越好，我们在这里列举了一些如何更加快速高效调试JS的重要窍门。熟悉了解工具对于完成任务来说有着重要的作用。我们在这里列举了16个你可能不知道的调试技巧，但它们可能是你想要在下次调试JavaScript代码之前记住的。

Web卓不凡 2020-11-03

重学JavaScript第1集｜变量提升

变量提升就好比JavaScript引擎用一个很小的代码起重机将所有var声明和function函数声明都举起到所属作用域的最高处。这句话的意思是：如果在函数体外定义函数或使用var声明变量。在上述代码中，第一行迪马以及show函数中的第一行代码分别是在变量

小飞侠V 2020-11-02

详解JavaScript引擎的相关概念和工作原理

此类标准定义了JavaScript引擎的工作机制和所有功能。因此，JavaScript引擎是一个程序，它可以帮助您将JavaScript代码转换为较低级别的机器代码。总的说来，诸如JavaScript和FORTRAN等高级语言都是从机器语言中抽象出来的。与

帕尼尼 2020-10-30

使用Chrome开发者工具研究JavaScript函数的原生实现原理

As the size of my blogChrome Development Tool tips used in my daily workturns to be larger I create a separate post to record do

爱读书的旅行者 2020-10-26

你应该知道的ES2020中Javascript10个新功能

好消息 - ES2020 新功能已经落地！这就意味着，现在对 ES2020 中 Javascript 的新增和改进要有一个完整的了解。让我们来看看都有哪些改变。它允许开发者在 JS 中使用更大的整数进行数据处理。之前，Javascript 中最大的整数是

帕尼尼 2020-10-23

2020年想成为前端开发工程师，这个学习路线收藏起来

近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。今天来给大家讲讲，在2020年，我们学习前端开发，应该学什么？正所谓万丈高楼平地起，我们不管是学任何一个技术，都是要从零基础开始的，学习前端开发也是同样的。CSS就是层叠样式表。使用CS

杏仁技术站 2020-10-23

一篇文章深入JavaScript运作原理？

您是否知道简单的JavaScript语句需要大量工作才能完成?浏览器仅理解0和1s语言，即二进制/位格式的语句。我们无法轻松地将整个JavaScript转换为位。现在，浏览器可以理解该机器代码并相应地运行。这是一些JS引擎示例。这是JavaScript引擎

淼寒儿 2020-10-22

JavaScript 中如何判断变量是否为数字

文本已经过 David Atanda 授权翻译。JavaScript 是一种动态类型语言，这意味着解释器在运行时确定变量的类型。当我们期望一个变量是数字时，对字符串或数组进行操作可能会在代码中导致奇怪的结果。在本文中，我们将会介绍一些判断变量是否为数字的

佐杰 2020-10-22
行吟阁

行吟阁

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号