HTML5
文章平均质量分 74
大帅啊
可惜在遇见我那天你并不快乐
展开
-
AngularJs 基础教程 —— 依赖注入
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:AngularJs 基础教程 —— 依赖注入AngularJS 依赖注入什么是依赖注入wiki 上的解释是:依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。该模转载 2016-09-28 17:06:45 · 339 阅读 · 0 评论 -
AngularJs 基础教程 —— 与php服务器
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:AngularJs 基础教程 —— PHP 简介 PHP 是服务器端脚本语言。您应当具备的基础知识在继续学习之前,您需要对以下知识有基本的了解:HTMLCSS如果您希望首先学习这些项目,请在我们的 首页 访问这些教程。PHP 是什么?PHP(全称:PHP:Hypertext Preprocessor,即"PHP转载 2016-09-12 17:45:54 · 910 阅读 · 0 评论 -
CSS基础教程 -- 媒体查询屏幕适配
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:CSS基础教程 —— 媒体查询屏幕适配 响应式布局 Media Query 的使用方法在上例中, 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式。通过不同的媒体类型和条件定义样式表规则,媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。媒体查询的大部分媒体特性都接受min和m转载 2016-08-22 15:10:00 · 1311 阅读 · 0 评论 -
JavaScript强化教程——JavaScript Math(算数) 对象
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— JavaScript Math(算数) 对象 Math(算数)对象的作用是:执行常见的算数任务。round()如何使用 round()。random()如何使用 random() 来返回 0 到 1 之间的随机数。max()如何使用 max() 来返回两个给定的数中的较大的数转载 2016-08-10 14:42:45 · 242 阅读 · 0 评论 -
bootstrap教程(二)——导航条
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:bootstrap教程(二) —— 导航条 导航(标签形tab导航)标签形导航,也称为选项卡导航。特别是在很多内容分块显示的时,使用这种选项卡来分组十分适合。标签形导航是通过“nav-tabs”样式来实现。在制作标签形导航时需要在原导航“nav”上追加此类名,如: Home CSS3转载 2016-08-08 16:16:19 · 365 阅读 · 0 评论 -
Swiper教程 —— 使用方法
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:Swiper教程 —— 使用方法 Swiper使用方法1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。 ... ... 如果你的页面加载了jQuery.js或者zepto.js,你可以选择使用更轻便的swiper.jque转载 2016-08-19 17:08:41 · 664 阅读 · 0 评论 -
JavaScript强化教程 —— Cocos2d-JS自动JSB绑定规则修改
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Cocos2d-JS自动JSB绑定规则修改 什么是JSBJSB是javascript binding的简称。Cocos2d-JS中使用的javascript引擎是Mozilla 的spidermonkey,而JSB绑定的目的就是让javascript脚本能够调用到c++代码,c++代码转载 2016-09-09 18:05:37 · 532 阅读 · 0 评论 -
JavaScript强化教程—— 内置粒子系统
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 内置粒子系统 从类图中我们可以看到,Cocos2d-JS中有内置的11种粒子,这些粒子的属性都是预先定义好的,我们也可以在程序代码中单独修改某些属性,我们在上一节的实例中都已经实现了这些属性的设置。内置粒子系统内置的11种粒子系统说明如下: ParticleExplosion转载 2016-08-29 15:53:15 · 433 阅读 · 0 评论 -
JQuery强化教程 —— jQuery Easing
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JQuery强化教程 —— jQuery Easing 从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: properties:一组包含作为动画属性和终值的样式属性和及转载 2016-08-18 14:39:03 · 255 阅读 · 0 评论 -
fullPage教程 -- 整屏滚动效果插件 fullpage详解
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:fullPage教程 -- 整屏滚动效果插件 fullpage详解1、引用文件[html] view plain copy print?在CODE上查看代码片派生到我的代码片 2、html部分[html] view plain copy print?在CODE上查看代码片派生到我的代码片第一屏转载 2016-08-17 15:12:14 · 398 阅读 · 0 评论 -
JavaScript强化教程——Bootstrap
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— BootstrapBootstrap 简介什么是 Bootstrap?Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。历史Bootstrap 是由 Twitter 的 Mark Otto原创 2016-08-01 16:00:45 · 258 阅读 · 0 评论 -
bootstrap教程(二) —— 列表组listgroup
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: bootstrap教程(二) —— 列表组listgroup 列表组列表组是Bootstrap框架新增的一个组件,可以用来制作列表清单、垂直导航等效果,也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件,所以也对应有自己独立源码:☑ LESS版本:对应的源码文件 list-grou转载 2016-08-11 14:42:57 · 680 阅读 · 0 评论 -
JavaScript强化教程 —— Cocos2d-JS游戏快速接入微信JS-SDK
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Cocos2d-JS游戏快速接入微信JS-SDK1.申请公众号因为微信只能使用公众号接入SDK,所以我们必须先注册一个公众号。微信公众平台:https://mp.weixin.qq.com/2.设置公众号登录公众平台后,点击左下角的 设置-公众号设置。右侧有一个js接口安全转载 2016-09-02 16:06:48 · 1916 阅读 · 0 评论 -
AngularJs 基础教程 —— 控制器
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:AngularJs 基础教程 —— 控制器 AngularJS 控制器 AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。AngularJS 控制器AngularJS 应用程序被控制器控制。ng-controller 指令定义了应转载 2016-09-21 17:19:44 · 294 阅读 · 0 评论 -
JavaScript强化教程 —— 资源打包工具的使用及资源的异步加载处理
本文为 HTML5培训 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 资源打包工具的使用及资源的异步加载处理 TexturePacker是纹理资源打包工具,支持Cocos2dx的游戏资源打包。如果用过的同学可以直接看下面的资源的异步加载处理首先为什么用TexturePacker?节省图片资源实际大小减少我们游戏中大量资源带来的内存负荷转载 2016-09-08 17:40:59 · 616 阅读 · 0 评论 -
JavaScript强化教程 —— 对象创建模式
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 对象创建模式 介绍本篇主要是介绍创建对象方面的模式的下篇,利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。模式:函数语法糖函数语法糖是为一个对象快速添加方法(函数)的扩展,这个主要是利用prototype的特性,代码比较简单,我们先来看一下实现代码:if (t转载 2016-10-09 17:10:41 · 324 阅读 · 0 评论 -
AngularJs 基础教程 —— Select(选择框)
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:AngularJs 基础教程 —— Select(选择框) AngularJS Select(选择框)AngularJS 可以使用数组或对象创建一个下拉列表选项。使用 ng-options 创建选择框在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实转载 2016-09-23 16:55:06 · 575 阅读 · 0 评论 -
JavaScript强化教程——JavaScript Math(算数) 对象
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— JavaScript Math(算数) 对象 Math(算数)对象的作用是:执行常见的算数任务。round()如何使用 round()。random()如何使用 random() 来返回 0 到 1 之间的随机数。max()如何使用 max() 来返回两个给定的数中的较大的数转载 2016-08-26 16:26:19 · 418 阅读 · 0 评论 -
JavaScript强化教程 —— Cocos2d-JS极速调试技巧
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Cocos2d-JS极速调试技巧 本文教大家一个调试Cocos2d-JS的小技巧,我都是这么用的,特意来告诉大家这个轻量快速的调试技巧。1.首先我们需要安装官方的cocos引擎,没错,银色图标那个qq1.png,全名有且仅有"Cocos"那个(很多人都搞错)。安装完进入安装目录E:\D转载 2016-09-05 16:18:18 · 484 阅读 · 0 评论 -
JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案 1. 设置屏幕适配策略(Resolution Policy)如果你还没有用过Resolution Policy,只需要在游戏载入过程完成之后(cc.game.onStart函数回调中),调用下面的代码:cc.view.setDesignReso转载 2016-08-25 16:15:16 · 736 阅读 · 0 评论 -
JavaScript强化教程——jQuery 动画2
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery 动画2实例jQuery fadeIn()演示 jQuery fadeIn() 方法。jQuery fadeOut()演示 jQuery fadeOut() 方法。jQuery fadeToggle()演示 jQuery fadeToggle() 方法。jQuery转载 2016-08-12 14:00:00 · 256 阅读 · 0 评论 -
AngularJs 基础教程 —— 简介(10)
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:AngularJs 基础教程 —— 简介(10) AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。AngularJS 是一个 JavaScript 框架Ang转载 2016-09-14 17:36:09 · 416 阅读 · 0 评论 -
JavaScript强化教程 -- cocosjs场景切换
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— cocosjs场景切换 场景切换在main.js,将StartScene作为我们初始化运行的场景,代码如下: cc.LoaderScene.preload(g_resources, function () { cc.director.runScene(new转载 2016-08-24 16:09:21 · 348 阅读 · 0 评论 -
JavaScript强化教程——Audio/Video
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Audio/Video HTML5 Audio/Video 方法方法 描述addTextTrack() 向音频/视频添加新的文本轨道canPlayType() 检测浏览器是否能播放指定的音频/视频类型load() 重新加载音频/视频元素play() 开始播放音频/视频pause()转载 2016-08-04 16:23:07 · 308 阅读 · 0 评论 -
JavaScript强化教程——获取内容和属性
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 获取内容和属性 jQuery - 获取内容和属性jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。lam转载 2016-08-15 15:29:21 · 263 阅读 · 0 评论 -
js(javascript)小谈变量声明(显隐声明,声明提前)
var a=5;function fun(){ a=0; alert(a); //0 alert(this.a); //5 var a; alert (a); //0 }fun();以上代码 将会输出 0 ,5,0.首先在js中我们的变量声明赋值分为两个部分 。1.变量的原创 2016-06-16 16:18:07 · 2132 阅读 · 0 评论 -
JavaScript强化教程——jQuery选择器
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery选择器 jQuery 选择器选择器 实例 选取* $("*") 所有元素#id $("#lastname") id="lastname" 的元素.class $(".intro") 所有 class="intro" 的元素element $("p") 所有 元素.cl转载 2016-07-01 16:29:25 · 274 阅读 · 0 评论 -
100多个纯CSS动画图标
我们在做页面开发的时候,可能要用到许多的小图标样式。那么只要套用这个CSS的图标框架,在加上一些修饰,就可以得到非常棒的图标样式,下面我们来看一下这些图标的样式。图标样式图片首先我们要引用写好的CSS文件,也就是框架 Icono.min.js然后可以自己在样式上面做一些其他的修改,在我们这个图标展示当中,加入了鼠标放上的样式。改变了原创 2016-06-15 16:07:55 · 1665 阅读 · 0 评论 -
JavaScript强化教程——编写第一个jQuery程序
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——编写第一个jQuery程序 什么事JQ?jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。一个简单地JQ程序!$(document).ready(function(){ $("p").转载 2016-06-30 15:29:00 · 1160 阅读 · 0 评论 -
JavaScript强化教程——AngularJS 指令
本文为 H5EDU 机构官方 HTML5培训AngularJS 通过被称为 指令 的新属性来扩展 HTML。AngularJS 通过内置的指令来为应用添加功能。AngularJS 允许你自定义指令。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。ng-app 指令初始化一个 AngularJS 应用程序。ng-init 指令初始化应用程序转载 2016-07-22 15:41:35 · 295 阅读 · 0 评论 -
JavaScript强化教程——jQuery - 获得内容和属性
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery - 获得内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。转载 2016-07-11 16:53:07 · 229 阅读 · 0 评论 -
JavaScript强化教程——cocosjs屏幕适配方案
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——cocosjs屏幕适配方案 首 先说点题外话,对于任何大型项目来说,coding的规范重要,在cocos2dx-jsbinding这个框架中,javascript是一个绝对核心 的脚本语言,99%的游戏逻辑都由js完成。脚本的编写量绝对大于大多数的web项目,掌握javascript的扎实的基础转载 2016-06-29 14:38:28 · 1096 阅读 · 0 评论 -
JavaScript强化教程——javascript性能优化
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——数据存取数据的存取位置也影响着JavaScript的运行速度,我们来总结一下如能分配存取位置最合理,能够高效的运行JavaScript数据存取位置 分为 1.字面量(如true、false、null等) 2.本地变量(var a=5;) 3.数组元素(var arr=[]; arr[0]=5转载 2016-06-27 15:39:47 · 243 阅读 · 0 评论 -
HTML5见缝插针小游戏
用H5与cocos-js结合编写的小游戏,见缝插针。游戏截图点击鼠标发射针,插在中间的球体当中进行旋转。onTouchBegan:function(touch, event){ var target =event.getCurrentTarget(); if(target.playerBall.lenght原创 2016-06-03 15:41:10 · 1658 阅读 · 0 评论 -
JavaScript强化教程——从简到繁
本文为H5EDU机构官方HTML5培训教程HTML5培训,主要介绍:JavaScript强化教程——javascript从简到繁 JS,无需编译,直译式脚本语言,解释器是JavaScript引擎-浏览器一部分。动态类型、弱类型、基于原型,内置支持类型。组成部分ECMAScript,描述了该语言的语法和基本对象。文档对象模型(DOM),描述处理网页内容的方法和接口。浏览器对象模型(转载 2016-06-24 16:07:37 · 266 阅读 · 0 评论 -
JavaScript强化教程——正则表达式回溯
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 正则表达式回溯 下面的例子演示了处理正则表达式分之的过程: /h(ello|appy) hippo/.test("hello there,happy hippo");这个正则表达式 "hello hippo"或"happy hippo".匹配过程开始时,首先会查找一个h转载 2016-07-14 15:38:48 · 292 阅读 · 0 评论 -
JavaScript强化教程-JS面向对象编程
对事物的抽象描述 描述这类事物的特征和行为 对象是类的实例代码实现:创建一个类 function peple(){ this.hp=0; this.act = 30; this.name = ""; this.x=0; this.y=0; this.move =function(x,y原创 2016-06-17 15:02:13 · 351 阅读 · 0 评论 -
JavaScript强化教程 - 六步实现贪食蛇
本文为H5EDU机构官方的HTML5培训教程,主要介绍贪食蛇JavaScript强化教程 1.首先创建div 并且给div加样式给 地图(div和表格)、所有的块(蛇头,食物身体加样式)2.创建地图 document.write(""); for (var i = 0; i < 10; i++) {... } document.write("")转载 2016-06-23 16:13:13 · 451 阅读 · 0 评论 -
JavaScript强化教程——保留关键字
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 保留关键字 在 JavaScript 中,一些标识符是保留关键字,不能用作变量名或函数名。JavaScript 标准所有的现代浏览器完全支持 ECMAScript 3(ES3,JavaScript 的第三版,从 1999 年开始)。ECMAScript 4(ES4)未通过。ECMA转载 2016-07-29 15:59:51 · 241 阅读 · 0 评论 -
JavaScript强化教程——Cocos2d-JS中JavaScript继承
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Cocos2d-JS中JavaScript继承 JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求。由于Cocos2d-JS引擎是从Cocos2d-x演变而来的,在Cocos2d-JS的早期版本Coc转载 2016-07-08 15:35:05 · 371 阅读 · 0 评论