WEB Front-end Development Technology
1.Einführung der HTML(Hypertext Markup Language)
1.1 Grundlegendes Label
1.1.1 Block Label
<h1> Großte Überschrift
<h2>-<h6> von groß zu klein
<p> Absatz
<div> Normales Block Label
<hr/> Horizontale Linie
<ul> Ungeordnete Liste
<ol> Ordnete Liste
1.1.2 Inline Label
<b> Boldface
<i> Kursiv
<sub> Tiefstellung
<sup> Hochstellung
<span> Normales Label,kein Auswirkung
<a> Link
1.1.3 Link
Absolute Path:
href:http,https,mailto,ftp
Relativer Pfad:
./: Dieses Verzeichnis
../: Obere Verzeichnis
../../: Obere Verzeichnis oberer Verzeichnis
/: Stammverzeichnis
1.1.4 Tabelle
<table>:es kann Tabelle erstellen
<tr>:Table row,es repräsentiert Zeile bei der Tabelle
<td>:Table data,es repräsentiert Glied bei der Tabelle
1.1.5 Form
<input>:
type:text,password,checkbox,radio,submit,reset,button,file,hidden,image.default text
name:Einer bestimmt Name
value:Default Value
2.Seitenlayout
Box-Modell:

3.Javascript
JavaScript (kurz JS) ist eine Skriptsprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML und CSS zu erweitern.
<script type="text/javascript">
alert("Hello")
</script>
3.1 Häufig verwendet Funktion
parseInt(numString,[radix]):numString ist die Zahl.Radix ist Stellenwertsystem,Falls Präfix "0" ist,default Oktalsystem;Falls Präfix "0x" ist,default Hexdezimalsystem
typeof():beurteilen Typ von Objekten.Return Value besteht aus number,string,boolean,object,function und undefined
condition?expression1:expression2 :Falls condition wahr ist,expression1,sonst expression2
3.2 JS eingebautes Objekt
Date,Math,String,Array
3.3 Event
| 事件 | 描述 |
|---|---|
| onchange | Falls HTML Element korrigiert wird |
| onclick | Falls Benutzer auf HTML Element klickt |
| onmouseover | Falls Benutzer auf HTML Element die Maus fortbewegen |
| onmouseout | Falls Benutzer von HTML Element die Maus entfernt |
| onkeydown | Falls Benutzer auf Keyboard drückt |
| onload | Falls Browser Ladung der Seite schafft |
WEB Front-end Development Technology的更多相关文章
- Angular 2 for 2017 web full stack development
1 1 1 Angular 2 for 2017 web full stack development 1 1 https://angular2.xgqfrms.xyz/ https://ng2-he ...
- WAF(Web Appliction Firewall) Bypass Technology Research
catalog . What is Firewall . Detecting the WAF . Different Types of Encoding Bypass . Bypass本质 1. Wh ...
- web front end stack web 前段技术概览
https://github.com/unruledboy/WebFrontEndStack
- Beginners Guide To Web Development
Web Development Front End Development Back End Development
- Frontend Development
原文链接: https://github.com/dypsilon/frontend-dev-bookmarks Frontend Development Looking for something ...
- 2016 Web开发资源工具大搜罗
来源于:https://zhuanlan.zhihu.com/p/22730771 作者:余博伦链接:https://zhuanlan.zhihu.com/p/22730771来源:知乎著作权归作者所 ...
- 超全的web开发工具和资源
首页 新闻 产品 地图 动态 城市 帮助 论坛 关于 登录 注册 · 不忘初心,继续前进,环境云V2接口正式上线 · 环境云测点地图全新改版 · 祝福各位环境云用户中秋快乐! 平台信息 培训互动 ...
- 个人Web工具箱&资源整理(1)
很久就想把使用的工具及收藏的资源整理一番:一是为了传达博客社区的理念:资源共享,而是方便自己及团队快速获取. 学习资源: 首推两个入门级在线参考网站. 1 w3c school. 2 Runoob.c ...
- 【翻译】使用Knockout, Web API 和 ASP.Net Web Forms 进行简单数据绑定
原文地址:http://www.dotnetjalps.com/2013/05/Simple-data-binding-with-Knockout-Web-API-and-ASP-Net-Web-Fo ...
随机推荐
- 搭建自己的 Docker 私有仓库服务
关于 Docker 的介绍这里就省了,Docker 在其相关领域的火爆程度不亚于今年汽车行业里的特斯拉,docCloud 甚至把公司名都改成了 Docker, Inc. 好东西总是传播很快,我们现在已 ...
- 知识记录——CSS规范(文章内容为转载)
原作者信息 作者:词晖 链接:http://www.zhihu.com/question/19586885/answer/48933504 来源:知乎 著作权归原作者所有,转载请联系原作者获得授权. ...
- layui json数据格式要求
layui 数据格式要求 layui有自己的一套特定的数据格式交互(这很重要),必须参数code:0,msg:“”,count:数据size(int),data:”数据List”.一般我们选择封装返 ...
- android frame的学习
http://blog.csdn.net/littletigerat/article/details/6318365 //2011年Android Activity生命周期学习笔记 http:// ...
- Problem G: 沉迷字符的WJJ (LCS)
Contest - 河南省多校连萌(四) Problem G: 沉迷字符的WJJ Time Limit: 1 Sec Memory Limit: 128 MBSubmit: 6 Solved: 5 ...
- Code Chef January Challenge 2019题解
传送门 \(div2\)那几道题不来做了太水了-- \(DPAIRS\) 一个显然合法的方案:\(A\)最小的和\(B\)所有连,\(A\)剩下的和\(B\)最大的连 算了咕上瘾了,咕咕咕 const ...
- django入门-自定义管理界面-part7
尊重作者的劳动,转载请注明作者及原文地址 http://www.cnblogs.com/txwsqk/p/6522854.html 完全翻译自官方文档 https://docs.djangoproje ...
- 用css做出来一个三角形
用css做出来一个三角形 <!--不设置宽高 转换行内块 边线设置成宽度--> <div class="triangle"> 三角 ...
- RHEL 7 下内存管理小记
RHEL 7 下内存管理小记 一.Overview 众所周知,在 Linux 操作系统中有三个目录非常有趣好玩. /dev /run /proc 一个个解释下,/dev 用于对特殊设备(BTW:特殊设 ...
- [转]NSProxy实现AOP方便为ios应用实现异常处理策略
[转载自:http://blog.csdn.net/yanghua_kobe/article/details/8395535] 前段时间关注过objc实现的AOP,在GitHub找到了其中的两个库:A ...