本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— canvas使用 strokeText():
使用 "Arial" 字体在画布上绘制一个高 30px 的文字（空心）：
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.strokeText("Hello World",10,50);Canvas - 渐变
渐变可以填充在矩形, 圆形, 线条, 文本等等, 各种形状可以自己定义不同的颜色。
以下有两种不同...
面向对象编程很重要的一个方面，就是对象的继承。A 对象通过继承 B 对象，就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。大部分面向对象的编程语言，都是通过“类”（class）实现对象的继承。传统上，JavaScript 语言的继承不通过 class，而是通过“原型对象”（prototype）实现，本章介绍 JavaScript 的原型链继承。ES6 引入了 class 语法，基于 class 的继承不在这个教程介绍，请参阅《ES6 标准入门》一书...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程JavaScript强化教程 —— AngularJS 表达式 AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expression }}。AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。实例...
作用域:1 在es5.0中只有函数可以构成一个作用域 2 全局作用域: 整个js代码执行的环境 3 局部作用域: 函数可以构成一个局部作用域 4 全局变量: 在全局作用域中申明的变量 5 局部变量: 在函数构成的局部作用域中申明的变量var a = 1;function fn(){var a = 2;function fnA(){a = 3;console.log(a); //3 }fnA();console.log(a); // 3 }fn();console.log(a);// 1 词法作用域(静态作用域):外部作用域不能访问内容作用域的变量查找变...
1 offset 家族offset这个单词本身是--偏移，补偿，位移的意思。 js中有一套方便的获取元素尺寸的办法就是offset家族；2 offset 结构介绍为: 3 offset常用属性1 offsetWidth offsetHeight 得到对象的宽度和高度(自己的，与他人无关) offsetWidth = width+padding+border2 offsetLeft offsetTop 返回距离上级盒子（带有定位）左边的位置 如果父级都没有定位则以body 为准offsetLeft 从父亲的padding 开始算 父亲的border 不算3 off...
因为考虑到Python的接受难度，改为推广较为简单和流行的JavaScript。先列主要参考资料： JavaScript权威指南(第6版)：http://book.douban.com/subject/10549733/ JavaScript高级程序设计：http://book.douban.com/subject/10546125/ JavaScript语言精粹：http://book.douban.com/subject/3590768/ 高性能javascript http://book.douban.com/subject/5362856/ JavaScript模式 http://book....
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程——AJAX<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<input type="text" id="myend"><script>var pv = document.getElementById("myend");var xmlhttp = null;pv.onblur = function(){if(window.ActiveXObject){//表明是IExmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}else {//表明是 google ...
1 获取标签属性语法: element.getAttribute(‘属性名‘) 返回对应属性的值 ,如果没有返回null.//html
<div id="box" index="0"></div>//jsvar box = document.getElementById(‘box‘);
var value = box.getAttribute(‘index‘);
console.log(value) // 02 设置自定义属性的值语法: element.setAttribute(‘属性名‘, ‘属性的值‘) 返回undefined//html
<div id="box" ></div>//jsvar box = document.getElementById(‘box‘);
b...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— style、currentStyle、getComputedStyle区别介绍style、currentStyle、getComputedStyle区别介绍
样式表有三种方式
内嵌样式（inline Style） ：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— Prototype 引用 Prototype
如需测试 JavaScript 库，您需要在网页中引用它。
为了引用某个库，请使用 <script> 标签，其 src 属性设置为库的 URL：
引用 Prototype
<!DOCTYPE html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/pro ... gt%3B
</script>
</head>
<body>
</body>
</html>Prototype 描述
Prototype 提供的函数可使 HTML DOM 编...
在整个JSF生命周期中经历了取值、验证的阶段终于从request中拿到合理的值，以下就是在本阶段给相应的服务端对象（ManageBean）赋值了。JSF实现仅仅是去更新和input组件中value属性相应的bean的属性的值，也就是说假设在界面上没有讲ManageBean的属性“绑定”到Input类的组件中那么这个Bean的属性是不会更新的。这里须要留意的是假设本地的数据不能转化为相应Bean的属性类型，那么生命周期将直接定位到Render Response步骤，这时候页...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 ——cocosjs屏幕适配方案 首 先说点题外话，对于任何大型项目来说，coding的规范重要，在cocos2dx-jsbinding这个框架中，javascript是一个绝对核心 的脚本语言，99%的游戏逻辑都由js完成。脚本的编写量绝对大于大多数的web项目，掌握javascript的扎实的基础至关重要。 入 正题，今天讨论的是如何使用jsb来处理移动平台的多分辨率适配问题。就目前的移动平台来...
继上篇教程中提到的，我们新建一个简单的tabs类型的Ionic项目。依据文件夹文件我们知道，系统自己主动创建了一个controller文件和server文件，而且把全部的控制器和服务都写到这两个文件中面。这是一个简单的项目，业务逻辑代码也非常少。这样子实现并没有什么问题。可是当我们的项目越写越多。业务逻辑越来越复杂。假设我们还是把全部的控制器写到同一个文件中面。那可能我们将要面对的就是一个有着上万行代码的文件。每次编辑仅仅...
一、使用 <script> 元素的方式有两种：直接在页面中嵌入 JavaScript 代码和引用外部 JavaScript 文件。二、使用内嵌方式，一般写法为： <script type="text/javascript"> /* code */</script>三、引用外部 JavaScript 文件的一般写法为： <script type="text/javascript" src=""></script> （注意不应在 <script>和</script> 标签中间再添加额外的 JavaScript 代码。如果包含，会被忽略。）四、内嵌与外部引用的方...
怎样打开Chrome的开发者工具？ 你可以直接在页面上点击右键，然后选择审查元素： 或者在Chrome的工具中找到： 或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。 打开的开发者工具就长下面的样子： 不过我一般习惯与点左下角的那个按钮，将开发者工具弹出作为一个独立的窗口： 下面来分别说下每个Tab的作用。Elements标签页 这个就是查看、编辑页面上的元素，包括HTML和CSS： 左侧就...
并非是题外话：
