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 ...
随机推荐
- 使用Array.prototype.indexOf()的几点注意
对应indexOf这个方法,在日常开发中比较常见的应该是String.prototype.indexOf()方法,Array.prototype.indexOf()方法和其有很大的相似性,本文不想去描 ...
- ASP.NET RouteModule相关的一些东西
Asp.NET中的路由配置,首先要提到的几个相关类型,Route ,RouteBase,RouteData,RouteTable,RouteCollection 这几个.下面我一次回忆一下,有需要的朋 ...
- 开发者常用的十款Chrome插件
本文是稀土掘金投稿,虽然其中有倔金的私货,是篇推广文,但我看过后认为内容确实不错,有些好插件还是第一次知道,对我很有帮助,考虑过后还是决定推荐给大家,最近我比较关注各种提高开发效率的工具与技巧,今后看 ...
- k8s 常用指令
kubectl rolling-update redis-master --image=redis-master:2.0 基于镜像灰度发布 推荐链接
- 1415: 小ho的01串 [字符串]
点击打开链接 1415: 小ho的01串 [字符串] 题目描述 有一个由0和1组成的字符串,它好长呀--------一望无际 恩,说正题,小ho的数学不太好,虽然是学计算机的但是看见0和1也是很头疼的 ...
- Git 教程 -- 基于自己学习记录
Git 教程 -- 基于自己学习记录 1. 引言 由于学校布置了一项熟悉 git 和 svn 操作的实验,所以自己重新温习了下 git,记录过程在这. 2. 注册登录 GitHub. 3. 选择一个仓 ...
- jmeter+ant+jenkins+mac报告优化(一):解决Min Time和Max Time显示NaN
一.在上篇博客中生成的报告有两个问题: 1.date not defined 2.Min Time和Max Time显示成了NaN 二.Jmeter+Ant报告生成原理: 1.在Jmeter的extr ...
- 实现函数 ToLowerCase()
/** * 实现函数 ToLowerCase(),该函数接收一个字符串参数 str, 并将该字符串中的大写字母转换成小写字母,之后返回新的字符串. * 输入: "Hello" * ...
- 基于XMPP的即时通信系统的建立 — XMPP IQ详解
XMPP详解 XMPP(eXtensible Messaging and Presence Protocol,可扩展消息处理和现场协议)是一种在两个地点间传递小型结构化数据的协议.在此基础上,XMPP ...
- 39.oracle高级篇
标题说是高级篇,其实也就是相对于基础篇来说的,也不是很深奥,自己平时工作中也都会用到,这里回忆的并不是特别冷门的知识,不要掉以轻心,以为“高级”就觉得工作中不会用到了. 一.select into 和 ...