随笔分类 - 1_html5
摘要：动态的在浏览器中动态的显示时间 总结： 1、定时器setInterval的使用 2、date的初始化和方法
阅读全文
摘要：js的location对象 location基础知识 BOM（浏览器对象模型）中最有用的对象之一就是location，它是window对象和document对象的属性。location对象表示载入窗口的URL，此外，它还可以解析URL：href 设置或返回完整的 URL。protocol 设置或返回
阅读全文
摘要：js的history对象 window.history表示window对象的历史记录 window.history的简单回顾 历史记录中前进/后退，移动到指定历史记录点 window.history.back(); window.history.forward(); windiw.history.g
阅读全文
摘要：js 定时器 1、JS中的定时器有两种： 3、清除定时器： window.clearInterval(timer1)/window.clearTimeout(time1)；两种清除方式都可以清除通过setTimeout和setInterval设置的定时器(两种方式在设置定时器的时候有区别，清除定时器
阅读全文
摘要：js array对象 Array 数组对象 数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的 数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零
阅读全文
摘要：js math对象 前面的话 javascript使用算术运算符实现基本的算术运算，如果要实现更加复杂的算术运算，需要通过Math对象定义的常量和函数来实现。和其他对象不同，Math只是一个静态对象，并没有Math()构造函数。实际上，Math只是一个由javascript设置的对象命名空间，用于存
阅读全文
摘要：7-41 字符串对象 学习要点 掌握字符串的常用操作方法 字符串对象 字符串与数字的转换 字符串对象的常用方法 需要注意的是，JavaScript 的字符串是不可变的（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返
阅读全文
摘要：7-39 Math对象 学习要点 掌握常用的数学计算方法 温馨提示：关于学习方法的建议 不要强求自己讲参考手册上所以的属性和方法都搞清楚，原因如下： Math 对象 算数值 JavaScript 提供 8 种可被 Math 对象访问的算数值： Math.PI 返回圆周率（约等于3.14159）。 M
阅读全文
摘要：7-35 日期和时间 学习要点 创建Date对象的实例 Date实例的字符串表示 常用方法 基本概念 创建Date对象四种方法： var date= new Date(); 无参数的情况下返回值为当前时间。不同浏览器显示的时间格式会有细微差异 var date = new Date(millisec
阅读全文
摘要：html5--7-33 阶段练习5 总结： 1、JS中可以递归函数 2、js中数组对象array的使用 学习要点 综合运用学过的知识完成三个综合小练习,巩固学过的知识。 阶段小练习5-1：使用递归算法计算n的阶乘：n! 两点提示： 阶段小练习5-2：输出1000--9999直接的所有回文 两点提示：
阅读全文
摘要：html5--js函数在canvas中的应用 总结： 1、script中的函数写了要调用 2、rgb（）这样的模式的色彩比较适合做变量 3、body的onload事件 4、带参函数 效果： 代码：
阅读全文
摘要：html5--html实现乘法口诀表 总结： 1、多种情况问题：分情况讨论就出来了 2、汉字和数字的对应关系 3、相同的部分统一处理，不同的部分分别对待（这里用中间变量） 问题：九九乘法口诀 两点提示： 代码 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <he
阅读全文
摘要：html5--switch选择结构的优化 问题： 使用循环语句判断月份是31天还是30天 两点提示： 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>7-19 课堂演示</title
阅读全文
摘要：html5--项目实战-仿天猫（移动端页面） 总结： 1、标准搜索栏的做法：这里是弹性布局，放大镜和小话筒是background img 2、手机尾部导航做法：这是一个个 li 标签，每个li标签占%25 3、手机尾部导航固定方法：相对定位外加距离底部为0 position: fixed; bott
阅读全文
摘要：html5--项目实战-仿360囧图 实例： 代码 学习要点 常用快捷方式 清除浮动的技巧 利用css3的动画实现图片轮播。 综合运用我们之前学过的知识来构建一个完整的web页面。 更换你的装备 常用快捷方式 内功心法 学习技巧：高手是怎样炼成的 江湖经验 网站开发流程 网站的基本开发流程如下，明白
阅读全文
摘要：html5--6-68 实战前的准备工作:了解HTML5大纲算法 学习要点 了解HTML5大纲算法 在html5中有一个很重要的概念，叫做HTML5大纲算法(HTML5 Outliner),它的用途为用户提供一份页面的信息结构目录。合理的使用HTML5元素标签，可以生成一个非常清晰的文档大纲 HTM
阅读全文
摘要：html5--6-67 阶段练习8-弹性三列布局 学习要点 运用弹性盒子模型完成一个三列布局，加深对学过知识点的综合应用能力。 了解用百分比设置元素高度的方法。
阅读全文
摘要：html5--6-65 布局4-弹性布局 实例 学习要点 掌握传统布局与CSS3新增弹性布局方式的实现和应用 弹性布局(弹性伸缩布局) 事实上它是一种新类型的盒子模型，也有书上称作弹性伸缩盒布局。 比较新的布局方式：旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使它们的大小是未
阅读全文
浙公网安备 33010602011771号