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 ...
随机推荐
- system.data.oracleclient 需要 8.17 需要oracle客户端问题
1.下载 2.程序引用 Oracle.DataAccess.dll 其他引用放在debug下
- [C#学习笔记]分部类和分部方法
知识在于积累. 前言 好久没写博客了,因为在看<CLR via C#>的时候,竟然卡在了分部方法这一小节几天没下去.今天重新认真阅读,有些感悟,所以在此记录. 然后. 每天早晨第一句,&l ...
- C博客作业06—结构体&指针
1.本章学习总结 1.1思维导图 1.2本章学习体会 明白了结构体的定义及使用方法 学会了fopen,fclose,feof等文件操作函数,学会使用c语言进行文件操作 大作业中的部分函数出现未知错误且 ...
- Java50道经典习题-程序16 在控制台上打印九九乘法表
题目:输出9*9口诀.分析:利用双重for循环进行输出,分行与列考虑,共9行9列,i控制行,j控制列. public class Prog16 { public static void main(St ...
- 问题 E: YK的书架
点击打开链接 问题 E: YK的书架 时间限制: 1 秒 内存限制: 128 MB 提交: 596 解决: 138 提交 状态 题目描述 YK新买了2n+1本相同的书,准备放在家里的3层书 ...
- 域名可以解析(ping域名可以获取正确ip),服务器本地telnet 域名+端口 无法连接,通过建立本地虚拟域名指定的方法解决该问题
环境: 服务器A,网管已为A开通外网ip,且设置有映射域名:假如内网ip为172.16.2.6.外网ip为123.123.123.123.域名为test.sstest.com 现象: 服务器A,tel ...
- C#控制台输出退格实现变换闪烁的字符效果
C#控制台输出退格实现变换闪烁的字符效果,传统的Console.Clear()方法能清除控制台上的所有内容. 如果用 Console.Write('\u0008');可以实现输出退格,这样就可以方便地 ...
- 由一个场景分析Mysql的join原理
背景 这几天同事写报表,sql语句如下 select * from `sail_marketing`.`mk_coupon_log` a left join `cp0`.`coupon` c on c ...
- 3.3 PXC Strict Mode
摘要: 出处:黑洞中的奇点 的博客 http://www.cnblogs.com/kelvin19840813/ 您的支持是对博主最大的鼓励,感谢您的认真阅读.本文版权归作者所有,欢迎转载,但请保留该 ...
- python3.6的request
request实例1: import requests payload = {'key1':'value','key2':'value2'} url = "http://httpbin.or ...