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 ...
随机推荐
- [Erlang31]Erlang trace总结
在一个并行的世界里面,我们很难做到单步断点调试来定位问题(太多的消息飞来飞去),Erlang设计者也深刻体会到这一点,推出了另一个trace机制. 通过这个trace,你可以: .特定进程集内的函数调 ...
- 目前主流的四大浏览器内核Trident、Gecko、WebKit以及Presto
“浏览器内核”主要指渲染引擎(Rendering Engine),负责解析网页语法(如HTML.JavaScript)并渲染.展示网页.因此,所谓的浏览器内核通常也就是指浏览器所采用的渲染引擎,渲染引 ...
- angular 程序架构
- Windows服务器管理与优化
一.服务器自动重启windows服务器运行时间长了,内存会爆满,比如数据库会缓存大量的数量,IIS进程也会缓存数据而没有及时释放.这样需要定时重启服务器来释放内存. 创建任务计划,如在 每周一/周三/ ...
- C语言--第0次作业;
第零次作业 1.你对网络专业或者计算机专业了解是怎样? 在高考之前,我就确定了自己的大学专业将会选择计算机方面.我认为计算机专业就业前景比较好,计算机行业发展也非常快,学科实践与创新能力也比较强,在当 ...
- loadrunner代理录制
loadrunner在使用过程中会受到浏览器版本的限制,有些web服务在低版本的浏览器上不能兼容,可通过代理录制的方式解决此问题. 注: (1)本文中的ip仅作示例,要按实际测试情况填写ip. (2) ...
- maven指定本地的文件包
maven指定本地的文件包 案例: <!-- CKFinder begin --> <dependency> <groupId>net.coobird</gr ...
- 3.1 High Availability
摘要: 出处:黑洞中的奇点 的博客 http://www.cnblogs.com/kelvin19840813/ 您的支持是对博主最大的鼓励,感谢您的认真阅读.本文版权归作者所有,欢迎转载,但请保留该 ...
- QuantLib 金融计算——基本组件之天数计算规则详解
目录 天数计算规则详解 定义 30 / 360 法 30/360 US 30/360 Bond Basis 30E/360 30E/360 ISDA Actual 法 Actual/Actual IC ...
- linux 命令 htop & 重定向 top, bashrc文件
最近在用linux服务器跑程序,有几条linux命令还蛮重要的,总结一下: 1. 直接跑代码: python test.py 2. 若想程序在后台跑,即使本地和服务器断开也能运行: nohup pyt ...