html5学习笔记,html5经典笔记-成都快上网建站

html5学习笔记,html5经典笔记

你好 想自学java怎么学

首选要掌握的就是程序逻辑基础

创新互联-专业网站定制、快速模板网站建设、高性价比立山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式立山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖立山地区。费用合理售后完善,10年实体公司更值得信赖。

如果你有程序逻辑的基础(基本语法、变量定义,条件判断,循环),学过C/C++。那这部分可以跳过。当然你可以去网络找一些简单的语法题测试一下自己。

若第一次学习编程语言,就要先打下基本功了。

1、数据类型

2、变量定义、操作符

3、条件语句

4、循环语句

5、方法(方法参数,返回值)

Java的基础

主要包括:

1、面向对象:继承、封装、多态

2、方法重载、重写

3、接口、抽象类

3、Java类的学习

学习数据库

掌握SQLServer , MySQL, 了解 Oracle。 基本SQL语句,复杂的联合查询,了解不同数据库SQL语言的差别。四、页面表现技术

主要为HTML,CSS和JavaScript,这些不展开叙述了。

学习JavaWeb一些知识

1、WEB容器(Tomcat , Weblogic ,JBOSS)

2、JSP/Servlet

最后,有个提醒,在学习java前,一定要测试下你自己到底适不适合学习Java!如果本身不适合却因为觉得钱途好就盲目进场,下场一定很痛苦,避免的方法就是自学一段时间看自己能否学得进去,或者去Java实验班这个专业的测试班去看看自己到底适不适合学习。像动 力 节点就有这样的测试班,听说明年还会在深圳开分校呢

在工作中html5的学习笔记怎么写

header: 标签定义文档的页眉;

section:定义文档中的节;

footer:定义文档或节的页脚;

aside:定义其所处内容之外的内容;//可用作文章的侧栏;

nav:定义导航链接的部分;//果文档中有“前后”按钮,则应该把它放到 nav 元素中;

main:规定文档的主要内容;//在一个文档中,不能出现一个以上的 main 元素。main 元素不能是以下元素的后代:article、aside、footer、header 或 nav;

article:规定独立的自包含内容;

figure:规定独立的流内容(图像、图表、照片、代码等等);//使用figcaption为figure定义标题,置于 "figure" 元素的第一个或最后一个子元素的位置

HTML 简介

HTML介绍分为3部分,第一部分是HTML简介及历史,第二部分是HTML元素,第三部分是实战及学习笔记。

以下是第一部分:

参考资料:

w3.org, html 文档

HTML,即Hypertext markup language是万维网的核心标记语言,最初HTML被设计作为一门语言,用于语言描述科学文档,后续则被拓展用于描述一系列不同类型的文档,甚至应用。

1990-1995,迅速发展,从CERN到IETF(国际互联网工作组)接管.

1995-1997, 随着W3C建立,又变成由W3C主导,期间推出了HTML 3.2 和HTML 4.01

1998-2000,W3C停止HTML版本推进,开始研究XHTML 1.0(XML-based HTML 4.01), 其没有添加任何新特性,反而更加地长篇累牍,更严格的检测标准等。后续发布了XHTML 2.0,其与XHTML 1.0,HTTP 4.01不兼容。

期间直到2003,HTML没有版本的变化,但期间出现了 DOM Level 1 2,提高了客户端的使用体验以及功能拓展。

2003,XForms(定位于下一代Web form)发布,其证明了很多它所拥有的新特性能拓展到HTML 4.01,Mozilla及Opera借此于2004年向W3C提出了更新HTML版本的提议,但W3C选择继续发展XML-based作为替代HTML。

于是Mozilla, Opera联合Apple组成新实体WHATWG,发展HTML 的Living document,对HTML继续进行拓展及新特性添加,直到后期W3C才转回HTML标准的制定,多谢WHATWG,才有了我们今天基本采用的HTML 5。

W3C与WHATWG于2008年一起发布了第一份草案,2014年正式发布HTML 5。

*MDN Web Docs 简介:Mozilla Developer Network的后续,致力于Web标准文档的发展以及Web开发资料分享,包括HTML5, JavaScript, CSS, Web APIs, Node.js以及网络扩展等

*HTML/XML/DOM等的语法上的一些区别:

namespaces不能用在HTML语法中,但可用作DOM及XHTML里;

noscript可被用在HTML里,但不能用在DOM,XHTML里,

--仅仅能用在DOM里。

*Text: in the context of content models, means either nothing, or Text nodes. Text is sometimes used as a content model on its own, but is also phrasing content, and can be inter-element white space

Text nodes and attribute values must consist of Unicode characters

*html end tag, head start tag, end tag, body start tag, end tag等在满足一定条件情况下可以省略,更多可以省略的可以参考 这里 。

*块级及内联元素

块级元素会以可见的块呈现在页面上,其显示会与其前后的content有一行的间距,常用于呈现结构化的elements,如paragraph, list, nav, footer等,块级元素不能被内嵌在内联元素之中,块通常只出现在body里。

内联元素是包含在块里的,仅仅只包含一小部分内容,常呈现在段落里,如a, em, strong等。其存在将不会导致新的一行的产生。

注意可以使用css display 属性,设置inline为block。

*HTML parsing model

*audio, canvas, embed, iframe, 及MathTL, SVG里的元素为embeded元素

*元素是大小写不敏感的

HTML5初学者笔记

HTML5记录

一、VS code引入插件后运行,终端执行

二、引入外部js文件:

1、js的exports.a = a;方式暂时不知道怎么做

2、直接引入,script之后可以直接使用。参照html-vue项目

3、数据类型

String、Number、Boolean、Null、undefined、symbol、Object、Array、Function

三、 JS显示数据方式:

window.alert()

document.write()

innerHTML=‘’

console.log()

四、 let、const、var

五、全局变量、局部变量注意点

如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量。

六、事件:

onchange、onclick、onmouseover、onmouseout、onkeydown、onload…

html dom onclick之类的直接使用,vue是@click,小程序是bindTap

七、 this关键字:

1、在对象方法中, this 指向调用它所在方法的对象。

2、单独使用 this,它指向全局(Global)对象。

3、函数使用中,this 指向函数的所属者。

4、严格模式下函数是没有绑定到 this 上,这时候 this 是 undefined。

5、在 HTML 事件句柄中,this 指向了接收事件的 HTML 元素。

6、apply 和 call 允许切换函数执行的上下文环境(context),即 this 绑定的对象,可以将 this 引用到任何对象。

八、 箭头函数:

1、有的箭头函数都没有自己的 this 。 不适合定义一个 对象的方法。

2、当我们使用箭头函数的时候,箭头函数会默认帮我们绑定外层 this 的值,所以在箭头函数中 this 的值和外层 的 this 是一样的。

3、箭头函数是不能提升的,所以需要在使用之前定义。

4、使用 const 比使用 var 更安全,因为函数表达式始终是一个常量。

九、闭包:

闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。

直观的说就是形成一个不销毁的栈环境。

闭包会持有父方法的局部变量和参数并且不会随父方法销毁而销毁

不必要的闭包只会增加内存消耗

十、 事件

body事件:onload、onunload

元素事件:onclick、onmouseover、onmouseout、onmousedown、onmouseup、onfocus

事件捕获

document.getElementById(‘demo’).addEventListener(‘事件名’, 方法名, 是否捕获传递)

方法名:如果是相应事件,则只可写方法名methodName,写成methodName()则会自动执行

如果方法需要传递参数,则只可以使用匿名函数, function( { methodName(p1, p2) } );

是否捕获传递:默认false,即冒泡传递

IE8和更早版本: x.attachEvent("onclick", myFunction) ;

十一、Window加载,页面声明周期入口

window.onload = function () { }

十二、数据存储

localStorage不会被自动删除,

sessionStorage 网页关闭会自动删除

cookie

sql

manifest文件

区别:

localStorage只要在相同的协议、相同的主机名、相同的端口下,就能读取/修改到同一份localStorage数据。

sessionStorage比localStorage更严苛一点,除了协议、主机名、端口外,还要求在同一窗口(也就是浏览器的标签页)下。

十三、 CSS声明权重(选择器)

内联ID伪类属性类元素/类型通用

!important会改变优先级

十四、 元素隐藏/显示

1、dispatch:none 隐藏 不占用空间

2、visibility:hidden 隐藏,仍然占用空间

3、v-if 存在/不存在

4、v-show 只生成一次,占用内存

十五、 Position

static 默认方式,没有定位

fixed 相对于浏览器窗口固定定位,不占用文档流,其他元素会相对位移

absolute 相对于最近的已定位父元素定位,不占用文档流,其他元素会相对位移

relative 相对于自身的定位

sticky 粘滞定位,基于用户的滚动位置定位

十六、 float

1、只能左右浮动

2、左右浮动,直到外边缘碰到另一个浮动元素

3、浮动之后的元素将围绕它

4、浮动之前的元素不受影响

5、如果是图像浮动,下面的文本流将环绕它

6、clear声明的元素, 属性指定元素两侧不能出现浮动元素。

推荐使用flex布局

十七、 文字显示…

单行

任意行

十八、 box-shadow顺序

十九、 flex布局

容器属性:

属性 / 说明可选值

f方向: lex-direction

换行:flex-wrap

简写:flex-flow

主轴上的对齐方式:justify-content

交叉轴上如何对齐:align-items

多根轴线的对齐方式:align-content。

如果项目只有一根轴线,该属性不起作用

项目item属性:

order:排列顺序,越小越靠前

flex-grow:放大比例,2比1占用的空间大一倍

flex-shrink:缩小比例,默认1,当空间不足时等比例缩小。如果一个项目的属性为0,其他项目都为1,则空间 不足时,前者不缩小

flex-basis:定义了在分配多余空间之前,项目占据的主轴空间

flex :简写

align-self:允许单个项目与其他项目不一样的对齐方式,可覆盖align-items属性。默认值为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch

重庆前锋教育怎么样?

没怎么听说过,如果要了解的话建议实地去考察下,从以下几个方面考虑:

1、是否正规,要选就选择大公司,不要选择几个人临时拼凑的小机构,没有保障。

2、从业时间,这一点说明了是否专业性。

3、经济实力,这一点是保障。

4、授课环境,这一点直接影响学习效果。

5、是否有专业的师资团队和研发团队。

从这些方面入手,基础上就可以得出结论了~

零基础怎么系统学Web前端?

一 零基础小白应该怎么学习前端才能少走弯路?

关于前端这一块的学习,我不主张自学,因为前端的知识体系是很庞大的,如果你自学,遇到一些问题,你自己很难解决,至少需要有专业的前端人士指导你,站在高手的肩膀上,才能看的更高更远,当然很多小伙伴会说,我也知道学习前端有高手指点挺好啊,可是我怎么知道去哪里找高手,高手又为什么愿意指导我呢?

这个问题问的好,其实现在是互联网时代,网上有很多的相关视频和直播课,我平时就经常去上网听一些前端高手讲课。作为想从事前端这个行业的小伙伴,一定要有一个平常心,只要能学到知识,去学就是了,不要磨磨唧唧的的做什么事情,否则什么也做不好。

二 学习前端,你需要具备哪些素质?

(1)如果web的任何一个元素(web界面,灵活的编程风格等)有一点吸引了你,让你着实着迷,恭喜你,有了一个完美的开始。确认一下自己是否喜欢和合适前端,而不是为了一份看起来体面而且薪水不菲的工作。

(2)不断学习,每日的积累,关注前端动态,是你跟上前端潮流的主要途径。前端的体系过于庞大,技术框架争涌而出,如果你经常抱怨累死码农的节奏,那就审视一下自己对前端的态度。

(3)主抓基础,避免盲目。前端领域知识点很多,值得学的东西也很多,聪明的人懂得花时间学习成体系的知识并且研究得足够深入,而不是盲目的看到别人用什么框架就去学什么。只停留在实践运用的阶段,到头来框架们都一个一个被淘汰,你仍在原地踏步。

(4)整理总结,先模仿后创造。将每日的积累做好规整,记录到博客也好,笔记也好。多看看牛人的源代码,等你达到了一定的层次水准,自然会得心应手。

(5)持有一颗造福前端社区的心。写一些有意思的小工具、插件,推广出去, 始终坚信,在从事前端的道路上You are not alone。

(6)要有专业人士的指导,尤其是学习前端找工作的,不要妄想自己一个人自学前端能找到工作,现在非常难,如果没有一个明白人帮你解决一下问题,会有非常多的弯路,中间很容易放弃,学习的不专业不说,最重要是浪费时间。

(7)一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。

三 web前端开发需要学习什么?

第1阶段:前端页面重构(4周)

内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段:JavaScript高级程序设计(5周)

内容包含:(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段:PC端全栈项目开发(3周)

内容包含:(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段:移动端项目开发(6周)

内容包含:(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段:混合(Hybrid,ReactNative)开发(1周)

内容包含:(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段:NodeJS全栈开发(1周)

内容包括:(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

以上学习内容相关配套的视频教程请移至B站尚学堂官方,更多好看教程等你来看!


网页名称:html5学习笔记,html5经典笔记
转载源于:http://kswjz.com/article/dschdgd.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流