首 页 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 643 尾 页

初识JavaScript

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

初识JavaScript

1 程序书写的位置

在页面中,<script type=”text/JavaScript”></script>标签对儿,里面就是书写javascript程序的地方。

1 <script type="text/javascript">

2

3 </script>

text表示什么?纯文本。没错,JavaScript也是一个纯文本的语言。

2 alert语句

学习第一个语句,就是alert语句。

1 <script type="text/javascript">

2 alert("今天天气真好");

3 </script>

alert就是英语里面的“警报”的意思。用途就是弹出“警告框”:

如果我们想弹出两次警告框,那么就要写两条语句:

1 alert("今天天气真好");

2 alert(

想读更多 ->

JavaScript回调函数和递归函数

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

一、回调函数--通过函数的指针来调用函数

把一个函数的指针作为另一个函数的参数,当调用这个参数的时候,这个函数就叫做回调函数

在链式运动上会用到回调函数,之后运动会见到

A、通过指针来调用函数

JavaScript回调函数和递归函数

B、通过匿名函数来调用

JavaScript回调函数和递归函数

C、定义和执行同时进行

JavaScript回调函数和递归函数

二、递归函数--在函数内部直接或间接调用自己

想读更多 ->

Javascript 事件处理

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

Javascript 事件处理

1. HTML事件处理

就是嵌入到html元素中的事件处理,如:

<button type="button" id="btn" onclick="alert('Hello World!')">按钮</button>

这种事件处理的可扩展性是不好的,且无法为同一DOM元素绑定多个事件。

2. DOM0级事件处理

即可以写在script标签中,也可以写在js文件中的事件处理方法,如:

<script>

var btn = document.getElementById('btn');

// 添加事件

btn.onclick = function() {

alert('Hello World!');

}

// 删除事件

btn.onclick = null;

</script>

3.DOM2级事件处理

即使用事件监听的方式,为DOM元素绑定事件,如:

<script>

var btn = document.getElementById('btn');

//

想读更多 ->

JavaScript 用法

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

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

JavaScript 用法

<script> 标签

如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script> 和 </script> 之间的代码行包含了 JavaScript:

<script>

alert("我的第一个 JavaScript");

</script>

您无需理解上面的代码。只需明白,浏览器会解释并执行位于 <script> 和 </script>之间的 Ja

想读更多 ->

JavaScript之继承

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

继承是面向对象中一个比较核心的概念。 其他正统面向对象语言都会用两种方式实现继承:一个是接口实现,一个是继承。而 ECMAScript 只支持继承,不支持接口实现,而实现继承的方式依靠原型链完成。

JavaScript之继承

JavaScript之继承

在 JavaScript 里,被继承的函数称为超类型(父类,基类也行,其他语言叫法),继承的函数称为子类型(子类,派生类)。继承也有之前问题,比如字面量重写原型会中断关系,使用引用类型的原型,并且子类型还无法给超类型传递参数。为了解决引用共享和超类型无法传参的问题,我们采用一种叫借用构造函数的技术, 或者成为对象冒充(伪造对象、经典继承)的技术来解决这两种问题。

javascript面向对象基础

先简单研究一下,面向对象和面向过程的区别,再来研究一下javascript面向对象的相关知识。

面向过程:面向过程的设计方法中最经典的一句话是“自顶向下,逐步细化”

面向对象的特性

封装:此特性可隐藏对象内部的实现细节,对外提供一致的访问接口 。

聚合:将多个对象组合起来,实现更复杂的功能。

继承:简单的代码复用机制,使子类拥有父类的特性。

多态

想读更多 ->

JavaScript的“并发模型”

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

JavaScript的“并发模型”

说到并发应该很多人会想到多线程或多进程,很遗憾JavaScript是单线程的,但是JavaScript也有一个很有趣的东西,可以让你产生在使用多线程的感受,事件循环(Event Loop)提供了一些很有意思的东西,今天我想和大家一起讨论讨论。

"Event Loop是一个程序结构,用于等待和发送消息和事件。(a programming construct that waits for and dispatches events or mes

简单的来说Event Loop就是在程序中跑了两个线程(参考iOS的Event Loop),一个线程负责自身的运行(主线程),一个线程负责主线程与其它线程通信。这样来描述其实很好理解,换到JavaScript的语境中,当你在使用setTimeout时,添加一个任务(task functon),这个任务交给了你看不见的一个线程在处理,同时主线程继续保持自身的运行,当主线程运行结束后,它就会去Event Loop中拿之前你添加的任务,继续执行。

<

想读更多 ->

Sublime Text 的插件推荐

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

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

Sublime Text 的插件推荐

1 Emmet

功能:编码快捷键,前端必备

简介:Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网上看下具体的演示视频。

使用教程: http:

想读更多 ->

JavaScript的循环

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

通过if-else和switch语句,我们可以在代码中采取不同的执行路径。当我们出于某种十字路口是,就可以根据某个具体的条件来选择自己的走向。然而循环就完全是另外一回事了,我们可以利用它使代码在返回主路径之前先去执行某些重复操作。至于重复的次数,则完全取决于我们设定的每次迭代之前的条件值。

想读更多 ->

JavaScript基本语法

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

JavaScript基本语法

注意:script标签可以放在html中任意位置。如果脚本操作的是页面中的局部区域,就放在局部区域的旁边;如果操作很多区域,就放在head标签里面。

JS中也一样有注释,标识符,关键字,变量,语句,函数,数组等常见语言组成元素。任何一种程序设计语言都具备,只是表现形式不同。

一、注释

单行注释

多行注释

二、标识符和Java相同

三、变量

数据不确定,用变量存储。

JS是弱类型,使用关键字var,可以存任意数据。

var和;可以不写,但是建议写上,所以该语言不严谨,灵活。

在script中创建的变量,即使定义在语句中,也是全局变量

局部变量:定义在函数中的变量

var x = 3;

x = "abc"

x = "2.3"

x = true;

var y;

alert("y = " + y);//y=undefine

想读更多 ->