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

HTML5制作黑白五子棋游戏教程

发布者: PHPYuan | 发布时间:2018-06-07

今天分享一个只用css和js代码开发的黑白五子棋游戏,我们把代码进行解析,希望对大家可以有所帮助

先看看效果图:

HTML5制作黑白五子棋游戏教程

HTML5制作黑白五子棋游戏教程

js代码:

定义canvas及黑白棋变量

<font color="#2f4f4f" face="微软雅黑" size="3">var canvas;

var context;

var isWhite = true;//设置是否该轮到白棋

var isWell = false;//设置该局棋盘是否赢了,如果赢了就不能再走了

var img_b = new Image();

img_b.src = "images/b.png";//白棋图片

var img_w = new Image();

img_w.src = "images/c.png";/

想读更多 ->

零基础怎么学HTML5?看HTML5小白如何变大神

发布者: PHPYuan | 发布时间:2018-06-07

很多零基础自学HTML5的人都有这样一个发现:HTML5前期内容简单易学,后期如JavaScript、Vue.js以及NodeJS难度很大。HTML5实战经验丰富的人更受应聘公司青睐。那么怎样才能从HTML5入门小白变成实战大神?零基础的小白在学习HTML5时又该注意的问题有哪些?千锋HTML5老师将一一解答。

零基础怎么学HTML5?看HTML5小白如何变大神

首先,零基础学习HTML5的人员,在编程方面是一张白纸,可塑性很强。但是编程如果仅仅靠自己看相关方面的书籍,而不及时沟通交流,也没有相应练习的话,那么真的是非常枯燥乏味,学习效果也无法得到保证,很可能到头来浪费了时间和精力,却什么都没有学到。

零基础怎么学HTML5?看HTML5小白如何变大神

想读更多 ->

HTML5本地缓存

发布者: PHPYuan | 发布时间:2018-06-07

localStorage(本地存储),可以长期存储数据,没有时间限制,一天,一年,两年甚至更长,数据都可以使用。sessionStorage(会话存储),只有在浏览器被关闭之前使用,创建另一个页面时同意可以使用,关闭浏览器之后数据就会消失。

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 HTML5 的本地存储,并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的 API,使用键值对的方式进行存取数据,存取的数据只能是字符串。不同浏览器对该 API 支持情况有所差异,如使用方法、最大存储空间等。

下面我们用sessionStorage写一个本地缓存类

先建一个缓存对象HTML5本地缓存

2.这个对象里有以下方法

《HTML5》华丽的HTML5新特性

Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣。作为下一代互联网标准,HTML5自然也是备受期待和瞩目,技术人员、设计者、互联网爱好者们都在热议HTML5究竟能带来什么。那么就一起来窥探一下这个还未诞生就已经声名在外的新标准吧。

在探讨HTML5的新特性之前,先说HTML5究竟离我们还有多远?用一张时间轴来说明两个关键点。

《HTML5》华丽的HTML5新特性

如图,在2012年,将会由W3C发布候选推荐版,这个版本的发布就代表着HTML5的规范编写已经完成了。而2022年推出的计划推荐版,则意味着至少会有两个浏览器会完全的支持HTML5的所有特性。2022年听起来似乎很遥远,但通过观察现阶段chrome, firefox , safari,IE等浏览器

想读更多 ->

建站前端技术:HTML5绘图工具

发布者: PHPYuan | 发布时间:2018-06-07

HTML5无疑是当前最受宠的一项技术,每个web设计者都在热烈的讨论这种神奇的标记语言的兴起。HTML5是一种学起来毫不费力的标记语言,但它却能提供迷人的、富有艺术性的特征,帮助web设计人员完成他们的构思想象。HTML5对于一个设计人员来说能毫不费力的理解,轻松的掌握。

建站前端技术:HTML5绘图工具

html5

草绘和制图是设计工作者工作中一个重要的特征。HTML5将会这方面显露出不可限量的前途。

今天,我给web设计人员收集了几款最好的HTML5绘图或涂鸦工具。这些绘图工具大多数是用HTML5画布(Canvas)实现的,部分辅以Javascript。我想,对每个web设计者来说,制图和草绘是他们工作中最喜欢的一件事情了。

1. Zwibbler

HTML5 浏览器支持

HTML5 浏览器支持

现代的浏览器都支持 HTML5。

此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。

正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。

HTML5 浏览器支持甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 HTML 元素。

HTML5 浏览器支持

将 HTML5

想读更多 ->

HTML5是什么?你真的了解什么是HTML5吗?

发布者: PHPYuan | 发布时间:2018-06-07

当今互联网时代的发展里,Web前端发展已经占据了很大面积,基于Web前端开发基础上,HTML5已经迅速崛起。在整个技术领域,HTML5永远站在第一线直面用户体验,已成为当下互联网行业最紧俏的高端技术岗位。虽然HTML5发展的如火如荼,但很多人对HTML5仍不了解,或者说对HTML5有误解,认为HTML5就是网页制作?下面,千锋武汉HTML5培训老师详细解读HTML5,让大家真正的了解HTML5到底是什么!

HTML5是什么?你真的了解什么是HTML5吗?

1、H5不就是网页制作?

我们需要先了解HTML5。你可能以为它也不过就是一个html4的升级版本?或者你理解为它是完全不同的新版本,因为到处都是宣传的?起始两种看法都是部分正确。HTML 5包括许多简化和附加的网页标记,所以它称为升级版本也是可以的。但是,HTML5也可以被认为是很多的技术组合在一起的技术,包括一整套和HTML 5标签交互的API接口。还有CSS3,给我们的HTML5带来了非常强大的各种动画和风格的效果。如果你已经很熟

想读更多 ->

构建shell脚本文件小笔记

发布者: PHPYuan | 发布时间:2018-06-07

创建shell脚本文件

vi 1.sh

#!/bin/bash #指定要使用的shell

#This script displays the date and who's logged on. #注释行

date

who

执行脚本时,

①在文件所在目录,bash 1.sh;

②在文件所在目录,./1.sh或者将shell脚本文件所处的目录添加到PATH环境变量中,

另外还需要赋予文件执行的权限,chmod u+x 1.sh。

显示消息

如果你在文本中使用到了单引号或双引号,那就使用另一种把字符串圈起来。

echo “This is a test to see if you’re paying attention”

-n参数

echo -n “The time and date are: ”

date

输出结果为:The time and date are: Fri Jan 12 15:16:35 CST 2018

使用变量

1.环境变量

只要在脚本在引号中看到美元符,它就会以为你在引用1个变量,所以需要使用反斜线来将美元符解释成为实际的美元符。

想读更多 ->

shell运行android模拟器

发布者: PHPYuan | 发布时间:2018-06-07

1、制作shell脚本

#! /bin/bash

// shell脚本的开头

cd /Users/ge/Library/Android/sdk/tools

// android的sdk路径

emulator -netdelay none -netspeed full -avd yyy

//启动命令 yyy是模拟器名称

2、改变权限

拖入终端执行,报错,权限

shell运行android模拟器

chmod 777 文件全路径

3、执行

shell运行android模拟器

弹出模拟器

新增16条设计规约!阿里巴巴Java开发手册(详尽版)开放下载!

为何要新增设计规约?

脍炙人口的唐诗“两个黄鹂鸣翠柳,一行白鹭上青天”,清爽直接,简明易懂。可读性

想读更多 ->