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 ...
随机推荐
- MYC编译器源码分析之程序入口
前文.NET框架源码解读之MYC编译器讲了MyC编译器的架构,整个编译器是用C#语言写的,上图列出了MyC编译器编译一个C源文件的过程,编译主路径如下: 首先是入口Main函数用来解析命令行参数,读取 ...
- TSQL--如何突破PRINT的8000大限
相信很多DBA都喜欢干的一件事就是拼SQL语句,我也不例外,但是PRINT只能打印4000的Unicode string或8000的Non-unicode string, 这个蛋疼的限制会导致过长的s ...
- 记那些年在asp.net mvc上挖过的坑
表现: IDE是vs2017.是在 A 控制器方法断点后,却怎么也运行不到那个位置,但是又正常返回页面.该方法位于web项目引用的控制器类库上的一个控制器,试过它隔壁的控制器,一切正常. 但每次访问该 ...
- Modular Arithmetic ( Arithmetic and Algebra) CGAL 4.13 -User Manual
1 Introduction Modular arithmetic is a fundamental tool in modern algebra systems. In conjunction wi ...
- T-Sql之集合
1.知识点 先了解一下集合概念,集合运算(UNION(并).EXCEPT(补).INTERSECT(交))是指表之间的垂直操作.区别联接(CROSS,INNER.OUTER)是指表之间的水平操作,基础 ...
- sqlmap注入之tamper绕过WAF脚本列表
本文作者:i春秋作者——玫瑰 QQ2230353371转载请保留文章出处 使用方法--tamper xxx.py apostrophemask.py用UTF-8全角字符替换单引号字符 apostrop ...
- sql注入原理详解(一)
我们围绕以下几个方面来看这个问题: 1.什么是sql注入? 2.为什么要sql注入? 3.怎样sql注入? 1.什么是sql注入? 所谓SQL注入,就是通过把SQL命令插入到Web表单递交或输入域名或 ...
- python接口自动化发送get请求 详解(一)
前言:接口自动化实现自动化脚本比较稳定,主要用到requests模块,后面我会把这个模块单独拉出来写一下. 一.环境安装 1.用pip安装requests模块 >>pip install ...
- IDEA自动生成TestNG的testng.xml的插件
某地方见到的,自己实际操作一遍,记录一下.方便以后查询. 下载Create TestNG XML 插件,重启IDEA即可. 重启idea,新建Maven项目. pom.xml增加依赖 <depe ...
- leetcode-383-Ransom Note(以空间换时间)
题目描述: Given an arbitrary ransom note string and another string containing letters from all the magaz ...