首 页 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 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 尾 页

JavaScript基础知识

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

JavaScript

JavaScript简介:

JavaScript 是世界上最流行的编程语言。

这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

一、JS常用语句:

1.输出语句:document.write("");

2.JS中的注释为//

3.传统的HTML文档顺序是:document->html->(head,body)

4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)

5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)

6.一个小写转大写的JS: document.getElementById("output").value = document.getElem

想读更多 ->

JavaScript == 和 ===

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

== 操作符(Equality,相等操作符)

相等操作符会做类型转换。

我们先来看看什么是类型转换(type coercion)

当操作符两边的操作数是不同类型时,其中一个操作数将转换为另一个操作数同类型的“等效”值。比如:

12 - '3' // 9, 将 string 类型转换成 number 类型,相当于 12 - Number('3') 12 - 'hello' // NaN, 因为 Number('hello') 为 NaN,12 - NaN 为 NaN '3' - 12 // -9, 同样转成 number 类型 12 - true // 11, Number(true) 为 1 false - 12 // -12, Number(false) 为 0 12 + '3' // 123, 将 12 转换成 string 类型,再连接 '3'

看上去很简单对不对?减法将非 number 类型的转换成 number 类型的,加法将 number 类型转换成 string 类型的,真的这样吗?看下面:

12 + true // 13,这里将布尔类型 true 转换成数值类型 1,相当于 12 + Number(true)

从上面可以看出,“加法将 number 类型 转换成 string

想读更多 ->

第二天: javascript函数与javascript对象

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

今天是javascript教程的第二课,李书记今天为大家讲解的是javascript函数和javascript对象,针对此总结如下:

函数的定义

方法一:通过function语句定义函数

function 函数名 (参数1,参数2……)

{

<语句块>

return 返回值

}

注意:在函数里,可以有0个或者多个参数。如果有多个参数,参数与参数之间要用逗号隔开。无论函数是否有参数,小括号必需。a.如果传递的参数个数小于函数定义的参数个数,JavaScript会自动将多余的参数值设为undefined; b.如果传递的参数个数大于函数定义的参数个数,那么多余传递的参数将会被忽略掉。

方法二:通过Function方法构造函数

var 函数名 = new Function(“参数1”,”参数2”,”参数3”……”函数体”);

var sum= new Function(‘x”,”y”,”var z=x+y;return z;”);

该构造方法可以有N个参数,但是最后一个一定是函数体字符串.Function的第一个字母一定要大写,而且每次调用该对象都会从新编译次函数,而另外两种方法不会,不推荐此方法

方法三:在表达式中

想读更多 ->

javascript写图片从中心放大

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

一、HTML

<img src="xianren.jpg" id="img" />

二、CSS

#img { display:block;

width:100px;

height:100px;

position:absolute;

left:200px;

top:200px;

margin:0;

}

三、script

window.onload=function ()

{

var oImg=document.getElementById('img');

oImg.onmouseover=function ()

{

startMove(oImg, {width: 400, height: 400, marginLeft: -100, marginTop: -100});

};

oImg.onmouseout=function ()

{

startMove(oImg, {width: 100, height: 100, marginLeft: 0, marginTop: 0});

想读更多 ->

Javascript之选项卡

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

选项卡

选项卡在js中是一个重要的知识点。他没有那么难,但在工作中却有重要的位置。几乎在每一个网站都能看到选项卡的实例。所以今天写一下选项卡的实现。我们设想有四个按钮分别来控制四个盒子当我们点击当前的按钮的时候,让对应的盒子显示,让其余的盒子隐藏。

Javascript之选项卡

点击选项后变换不同的内容

代码部分

Javascript之选项卡

第一部分

Javascript之选项卡

想读更多 ->

网页有弹层时禁止弹层底部页面滚动做法

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

有时在工作中会遇到的需求

弹层弹出时需要禁止页面滚动。

查了下网上最好的方法是给 body 加 height: 100%; overflow: hidden; ,加上发现没有生效,又发现需要加 position: fixed; ,加上后确实可以禁止滚动,但是页面会回到页首。

然后就想着禁止后滚到禁止前滚动到的位置,但是页面滚动 IE、新版谷歌和火狐是 document.documentElement.scrollTop 生效,而不是 body.scrollTop 生效,body高已经为屏幕高了,html不能滚动。然后就把 height: 100%; overflow: hidden; 加到了 html 上,就可以设置 scrollTop 了,测试最起码可以兼容到IE7。

但是 老版本chrome 是 body.scrollTop 滚动页面,所以我就加了个 #container 的最外层的盒子来承担这个实现页面滚动的任务,以确保所有的浏览器都可以完美的兼容。希望对有需要的同学会有所帮助。

网页有弹层时禁止弹层底部页面滚动做法

想读更多 ->

一段奇葩Javascript代码引发的思考

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

今天与一挚友加同事调试一段奇葩的javascript代码,在分析出结果后,让我萌生了写此篇文章的想法,如有不对之处望指正,也欢迎大家一起讨论。缩减后的js代码如下,你是否能准确说明他的输出值呢?

一段奇葩Javascript代码引发的思考

一段奇葩Javascript代码引发的思考

如果要解释这段代码,首先我们得有如下几个概念:

执行上下文:每次当控制器转到ECMAScript可执行代码时,即会进入一个可执行上下文。

this:this的创建是在 “进入执行上下文” 时创建的,在代码执行过程中是不可变的。

自执行函数:准确来说应该叫:立即调用函数表达式。因为他声明后即执行。

分享之前推荐下我的前端群:524262608,不管你是小白还是大牛,小编我都挺欢迎,不定

想读更多 ->

网络爬虫之必备知识

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

摘要:本文主要理清网络爬虫的概念,简要讲解爬虫的必备知识,分为python基础、字符编码、http头信息、http状态码、html基础、爬虫职业道德。内容浅显,主要理一理相关知识。

一、网络爬虫的概念

网络爬虫,又被称为网页蜘蛛、网络机器人,是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本。 以下是我之前爬取的部分数据。

网络爬虫之必备知识

二、网络爬虫的必备知识

1. python基础

python在编写网络爬虫有巨大的优势,因此把python的知识也列为必备知识。

1.1. Anaconda

python比较头疼的是模块管理和Python不同版本的问题,因此必须推荐Anaconda,Anaconda安装时请勾选将Anaconda加入到环境变量。

想读更多 ->

2017web前端参考答案:Javascript

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

2017web前端参考答案:Javascript

javascript的typeof返回哪些数据类型

Object number function boolean underfind

分享之前我还是要说下小编的前端群,可以交流分享,小编不定期分享干货,589651705,不管你是小白还是大牛,小编我都挺欢迎,欢迎初学和进阶中的小伙伴。

2、Spyre Studios

2.例举3种强制类型转换和2种隐式类型转换?

强制(parseInt,parseFloat,number)

隐式(== – ===)

3.split() join() 的区别

前者是切割成数组的形式,后者是将数组转换成字符串

4.数组方法pop() push() unshift() shift()

Push()尾部添加 pop()尾部删除

Unshift()头部添加 shift()头部删除

5.事件绑定和普通事件有什么区别

6.IE

想读更多 ->

JavaScript 总结

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

我向您讲授了如何向 html 页面添加 JavaScript,使得网站的动态性和交互性更强。

你已经学习了如何创建对事件的响应,验证表单,以及如何根据不同的情况运行不同的脚本。

你也学到了如何创建和使用对象,以及如何使用 JavaScript 的内置对象。

JavaScript 总结

现在已经你已经学习了 JavaScript,接下来该学习什么呢?

下一步应该学习 HTML DOM 和 DHTML。

如果你希望学习关于服务器端脚本的知识,那么下一步应该学习 ASP,PHP, .Net。

HTML DOM

HTML DOM 定义了访问和操作 HTML 文档的标准方法。 HTML DOM 独立于平台和语言,可被任何编程语言使用,比如 Java、JavaScript 和 VBscript。 假如希望了解更多关于 DOM 的知识,请访问我们的 HTML DOM 教程。

jQuery

jQuery 是一个 JavaScript 库。

jQ

想读更多 ->