风清扬

导航

文章分类 -  H5

HTML CSS JS 学习记录- 来自互联网,自己总结整理
H5-JavaScript(七) JavaScript动画特效 - DOM艺术2nd Chapter10
摘要:一、什么是动画 就是一个元素在时间纬度上发生了空间位置的变动,所以涉及两个方面:时间、空间 1、位置:在其他地方也已经讲过了 : position 属性 2、时间:同样提到过 setTimeout("function",interval); 二、Show U The Code 1、Basic 问题& 阅读全文

posted @ 2017-09-26 12:12 卜戈的博客 阅读(126) 评论(0) 推荐(0)

H5-CSS (四)页面布局实战
摘要:待补充 阅读全文

posted @ 2017-09-25 22:49 卜戈的博客 阅读(97) 评论(0) 推荐(0)

H5-JavaScript(六) CSS&Dom - DOM艺术2nd Chapter9
摘要:H5-JavaScript(五) 中提到, JavaScript 不仅可以改变DOM,也就是HTML 的标签结构,当然可以对标签的属性进行编辑,那么 Element.Style.Property= "xxx"就可以做CSS 相同的事情。但还是那句话,谁的事情谁做,涉及动态变动的事情JavaScrip 阅读全文

posted @ 2017-09-25 22:41 卜戈的博客 阅读(113) 评论(0) 推荐(0)

H5-JavaScript(五) 充实文档的内容 JavaScript&Dom - DOM艺术2nd Chapter8
摘要:一、自己做自己的事情 web 页面的主要数据结构: HTML 来呈现 web 样式:CSS web 动态变动的内容: Javascript 理论上 JavaScript 可以对一个空的web 页面,动态生成所有 Html 标签和样式,但是我们不应该样做 牢记两个原则: 1、渐进增强: 个人觉得不恰当 阅读全文

posted @ 2017-09-25 19:05 卜戈的博客 阅读(149) 评论(0) 推荐(0)

H5-JavaScript(四) 动态创建HTML 标签
摘要:一、老方法 1、document.write("<p>新添加的标签</p>") 2、标签.innerHTML = "<p>新添加的标签</p>" 问题: 没有结构化思想。 1、p标签建立起来了返回什么东西? 想使用是不是需要重新document.getElementByTagName? 2、元素、文 阅读全文

posted @ 2017-09-24 10:49 卜戈的博客 阅读(860) 评论(0) 推荐(0)

H5-JavaScript(三) 用javaScript 需考虑的问题
摘要:一、兼容性 由于js 本身是依靠浏览器的解释器来执行的,所以必然存在兼容性问题。 通常叫做“向后兼容” or“平稳退化”,确保低版本的浏览器不会因为你的程序挂掉。 1、禁用 Javascript 脚本 以打开一个新窗口为例。 调用Bom 中的api window.open("url","new_wi 阅读全文

posted @ 2017-09-23 11:08 卜戈的博客 阅读(475) 评论(0) 推荐(0)

H5-JavaScript(二) javaScript 语法
摘要:来源资料 《JavaScript Dom 编程艺术2nd》 Dom 基础概念参考: http://www.cnblogs.com/wuxiaobo/articles/7567420.html 阅读全文

posted @ 2017-09-23 10:07 卜戈的博客 阅读(125) 评论(0) 推荐(0)

H5-CSS笔记(三) 高级特性之选择器Selector
摘要:本笔记来源于互联网 一、什么是选择器(Selector) 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 有点类似于正则表达式中提到的pattern 。 二、选择器有哪大类 1、基本选择器 1.1 通用选择器 * : 一般设置 margin,padding : 0px,去掉浏览器的默 阅读全文

posted @ 2017-09-22 14:56 卜戈的博客 阅读(334) 评论(0) 推荐(0)

H5-CSS笔记(二) 高级特性之盒子模型
摘要:一、概念 标签-element 在DOM 领域认为它是对象,JS也是这么认为的。 而在CSS 布局层面认为它就是一个一个的盒子,CSS研究领域就是怎么放置这些盒子以及给这些盒子添加相应的样式。 二、什么是盒子 2.1 2.2 举例说明 firefox ie11 IE 浏览器效果图 firefox 浏 阅读全文

posted @ 2017-09-21 20:11 卜戈的博客 阅读(833) 评论(1) 推荐(0)

H5-HTML(二)DOM 简述
摘要:本系列笔记以《JavaScript Dom 编程艺术 2nd》为基本参考资料 一、浏览器-HTML 的历史 HTML 就是一个标签语言,历史中各个浏览器厂家各自为政,群雄争霸这个块市场。 为什么呢?留给读者思考。 导致的后果: 1、各个浏览器支持的标签规范不统一,甚至一个浏览器的几个版本也存在兼容性 阅读全文

posted @ 2017-09-21 11:14 卜戈的博客 阅读(705) 评论(0) 推荐(0)

H5-CSS笔记(一) CSS基础 <转载>
摘要:1. 文件结构: HTML文件的固定结构: ... ... html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2-h6, p, a, img 2. 认识head标签: ... ... 阅读全文

posted @ 2017-09-18 15:34 卜戈的博客 阅读(244) 评论(2) 推荐(0)

H5-HTML(一)基础笔记
摘要:第一章 职业规划和前景 职业方向规划定位: web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才 结合最新的html5抢占移动端的市场 自己创业做老板 随着互联网的普及web开发成为企业的宠儿和核心 web职业发展目标: 第一、 阅读全文

posted @ 2017-09-17 19:36 卜戈的博客 阅读(144) 评论(0) 推荐(0)

sublime H5插件安装方法
摘要:sublime 就是一款编辑器,类似editplus ,vim ,没有什么神奇之处。 可编写任何代码,现在H5主流的代码编辑器工具之一。 为什么要用开发工具? 写代码不是写文章,有很多重复性劳动,例如:模版,代码格式,代码补全,高亮等。 开发工具如何来实现这些个性化的东西呢? 1. 个性化 我可以用 阅读全文

posted @ 2017-09-16 12:40 卜戈的博客 阅读(385) 评论(0) 推荐(0)

HTML table、form表单标签的介绍 -转载
摘要:1. <table> 标签:在HTML 中定义表格布局。 2. <form> 标签:用于创建 HTML 表单。 3. 表单提交方式:介绍get、post方法。 1. <table> 标签 1.1 说明 在HTML 中定义表格布局。 1.2格式 1.3 包含的元素 <caption></caption 阅读全文

posted @ 2017-09-15 11:29 卜戈的博客 阅读(2313) 评论(0) 推荐(0)