首 页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 尾 页

JavaScript|伪数组

发布者: superzhang | 发布时间:2017-11-25

HTML5学堂(码匠):熟悉JavaScript的人对document.getElementsByTagName再熟悉不过,对arguments也多有耳闻,我们时常针对其进行遍历,通过数组下标进行访问,但是它们却是数组中的“冒牌货”,一起来看今天要说的“伪数组”。

何为伪数组

伪数组(类数组):无法直接调用数组方法,也无法使用length属性实现什么特殊的行为,但是!可以使用真正数组遍历的方法(for循环配合数组下标)来遍历它们。

说的浅显一些,就是:存在着length属性,可以通过数组下标的方式进行每个元素的访问,但是不能够使用push等数组的方法。

常见的伪数组

arguments参数:arguments是一个对象,而非一个数组。

调用document.getElementsByTagName、getElementsByClassName等各类获取元素的方法。这些方法返回的是一个NodeList(节点列表),也并不是一个数组。

将伪数组转换为数组

可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。

数组转换的实例

伪数组情况下,使用push方法

color = "yellow",

weight = "5kg",

run = function (){

alert("一口气能够跑2000M");

}

}

JavaScript对象

//访问属性及函数

cat.name;

cat.color;

cat.run();

这种方法只能声明静态变量和静态函数

2.使用对象构造器声明

因为js不像java一样有类的概念,因此function的隐藏属性prototype给js提供了面向对象的机制

使用prototype能够访问函数的上一级原形。这个原形跟class差不多

例:

function cat(){

想读更多 ->

JavaScript 注释

发布者: superzhang | 发布时间:2017-11-25

JavaScript 注释可用于提高代码的可读性。

JavaScript 注释

JavaScript 不会执行注释。

我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。

单行注释以 // 开头。

本例用单行注释来解释代码:

实例

// 输出标题:

document.getElementById("myH1").innerHTML="欢迎来到我的主页";

// 输出段落:

document.getElementById("myP").innerHTML="这是我的第一个段落。";

JavaScript 注释

JavaScript 多行注释

多行注释以 /* 开始,以 */ 结尾。

下面的例子使用多行注释来解释代码:

实例

/*

下面的这些代码会输出

一个标题和一个段落

并将代表主页的开始

*/

想读更多 ->

JavaScript 作用域

发布者: superzhang | 发布时间:2017-11-25

JavaScript 作用域

在 JavaScript 中, 对象和函数同样也是变量。

在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。

JavaScript 函数作用域: 作用域在函数内修改。

JavaScript 局部作用域

变量在函数内声明,变量为局部作用域。

局部变量:只能在函数内部访问。

// 此处为函数外,不能调用 carName 变量

function myFunction() {

var carName = "Volvo";

// 函数内可调用 carName 变量

}

因为局部变量只作用于函数内,所以不同的函数可以使用相同名称的变量。

局部变量在函数开始执行时创建,函数执行完后局部变量会自动销毁。

JavaScript 全局变量

变量在函数外定义,即为全局变量。

全局变量有 全局作用域: 网页中所有脚本和函数均可使用。

var carName = " Volvo";

// 此处可调用 carName 变量

function myFunction() {

// 函数内可调用 carName 变量

}

如果变量在函

想读更多 ->

javascript兼容性

发布者: superzhang | 发布时间:2017-11-25

javascript兼容性

1、事件冒泡:

javascript兼容性

2、获取某个元素的CSS属性值:

javascript兼容性

更多IT精彩内容推荐:http://www.ujiuye.com/guangdong/?wt.mc_id=17009338

想读更多 ->

JavaScript模块的现状

发布者: superzhang | 发布时间:2017-11-25

ESM、CJS、UMD、AMD - 我到底该选哪个?

最近,关于ES模块的现状,特别是Node.js中决定引入*.mjs作为文件扩展名,在 Twitter 上有不少争论。恐惧和不确定性是可以理解的,因为这个话题很复杂,要跟上讨论需要全神贯注。

大多数前端开发人员还记得JavaScript依赖管理的黑暗时期。那时,你得将一个库复制粘贴到一个vendor文件夹中,依靠全局变量,尝试以正确的顺序连接所有的东西,而且仍然需要处理命名空间问题。

在过去的几年中,我们已经了解到了通用模块格式和集中式模块注册表的价值。

今天,发布和使用JavaScript库比以往更容易,一条npm publish和npm install命令就可以把这事搞定。这就是为什么当人们听到不同模块系统之间的兼容性问题时,会感到紧张的原因:他们害怕失去这种舒适。

在下面的文章中,我将解释和总结模块系统实现的现状,以及为什么我认为向ES模块(ESM)的转变不会损害Node.js生态系统。最后,我将概述这些变化对webpack用户和模块作者的意义。

当前实现

现存的ESM 实现有三种:

在当前浏览器中

用webpack或类似的构建工具

在Node.js中(尚未完成,但可能在今年年底作为一个实验性功能推出

想读更多 ->

JavaScript 对象

发布者: superzhang | 发布时间:2017-11-25

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...

此外,JavaScript 允许自定义对象。

所有事物都是对象

JavaScript 对象

JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。

布尔型可以是一个对象。

数字型可以是一个对象。

字符串也可以是一个对象

日期是一个对象

数学和正则表达式也是对象

数组是一个对象

甚至函数也可以是对象

JavaScript 对象

对象只是一种特殊的数据。对象拥有属性和方法。

访问对象的属性

属性是与对象相关的值。

访问对象属性的语法是:

objectName.propertyName

这个例子使用了 String 对象的 length 属性来获得字符串的长度:

var messag

想读更多 ->

JavaScript正则表达式语法详解

发布者: superzhang | 发布时间:2017-11-25

正则表达式在开发中使用可以说必不可少,而且也尤为重要,就像前一段时间微信正则表达式匹配出现错误,而造成的bug。

JavaScript正则表达式语法详解

图片来源于网络

JavaScript正则表达式语法详解

图片来源于网络

很多初入开发的人对正则表达式很是头疼,主要是正则表达式难于理解,较为抽象。之所以很多人感觉正则表达式比较复杂,一方面是因为大多数的文档没有做到由浅入深地讲解,概念上没有注意先后顺序,给读者的理解带来困难;另一方面,各种引擎自带的文档一般都要介绍它特有的功能,然而这部分特有的功能并不是我们首先要理解的。我们首先了解一下正则表达式。正则表达式(regular express

想读更多 ->

JavaScript 指南

发布者: superzhang | 发布时间:2017-11-25

JavaScript - 客户端脚本

JavaScript 是属于网络的脚本语言!

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

JavaScript 学习简单

JavaScript 指南

JavaScript 实例

My First Web Page

This is a paragraph.

Display Date

JavaScript 指南

什么是 JavaScript?

JavaScript 被设计用来向 HTML 页面添加交互行为。

JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。

Ja

想读更多 ->

前端开发工程师之JavaScript原生代码做打字机

发布者: superzhang | 发布时间:2017-11-25

今天,有一个朋友想实现页面打字机的效果,说是帮他女朋友庆祝生日。觉得很有意思,便也做了一个同款。一首《打油诗》献给大家。先给大家看看效果:

视频加载中...

想读更多 ->