.Net复习
HTML常见的块级元素和行内元素
行内元素:
特点:就可以和其他元素在一行显示,不能自动换行,不能设置宽高
常见行内元素:
a,span,i,u,em,sub,sup
块级元素:
特点:不可以和他的元素在一行,可以自动换行,可以设置宽高
常见的块级元素:
div,p,h,ul(无序),ol(有序),li,table,form,dl,dt,dd
行内块级元素:
特点:可以和其他元素保持在一行,还能设置宽高
常见元素:
textarea,input,img,button
video标签支持的视频格式
avi,mp4,ogg,webm
input标签常用属性
- value 设置初始值
- title 悬浮提示
- placeholder 占位提示(输入时消失)
- maxlength 输入的最大长度
form表单及form元素
form:为用户输入创建表单.
其中可包含文本框(type="text")、密码框(type="password")、
隐藏域(type="hidden")、单/复选框(type="radio"/"checkbox")、
列表框(<select>)、文件域(type="file")、文本区域(<textarea>)、
按钮(type="submit"/"reset"/"button")、日期域(type="date")、
区间域(type="range")等。
表单通常用于向指定的 URL 提交用户数据。
<form action="URL" method="get或post"></form>
属性名称 | 取值 | 说明 |
---|---|---|
action | URL | 当提交按钮被按下时,接受和处理表单数据的网页URL |
method | get/post | 用于向 action URL 传送数据的 HTTP 方法 |
CSS作用
定义如何显示 HTML 元素
常用选择器
*(通配符)、#(id)、.(类)、[ ](属性)、>/空格(后代)、
+、~(兄弟)、:link(伪类和伪元素)(未被访问的链接)
常用属性
背景属性、字体属性、文本属性、 列表属性、尺寸属性
盒子模型
基本的盒子模型由content、padding、margin、border组成
绝对定位
position:absolute;
是相对于已定位的第一个父元素进行定位,若无则相对于body。
绝对定位使元素的位置与文档流无关,因此不占据空间。
float 属性
使元素向左或向右移动,其周围的元素也会重新排列
clear: both; /*在左右两侧均不允许浮动元素*/
JS作用
JavaScript是一种广泛用于 Web 编程的轻量级脚本语言,
被设计为向 HTML 页面增加交互性。
JS位于body
<script>
document.write("<h1>Hello World!</h1>");
</script>
当页面载入时,会直接执行位于body内的脚本。
JS位于head
<script>
function disp() {
alert("Hello World!");
}
</script>
onclick="disp()"
简单语句可直接嵌入:onclick="alert('hello world')"
将脚本写为函数形式:避免页面载入时被直接执行。
JS位于外部文件
<script src="scripts/my.js"> </script>
外部 js 文件不用包含 <script> 标签
JavaScript变量
var类型(比let多了预处理):Number、Boolean、String
命名规则:由字母、下划线、$开头,后接任意个由一个数字、字母或者
下划线、$组成的字符串。错误的变量命名:this、 1a、 b%
var a1 = [1, 3.14, 'Hello', null, true, new Date()];
null、undefined
var a;//自动赋值undefined
var ss=['aa','bb'];
ss=null;
typeof undefined;//undefined
typeof null;//object
null==undefined;//true 判断值
null===undefined;//false 判断值和类型
常用DOM操作
查找:
document.getElementById("id值");
document.getElementsByTagName("标签名");
document.getElementsByClassName("样式类名");
更新(修改属性、内容、样式、样式类):
document.getElementById("demo").innerHTML = 'hello';
document.getElementById("img1").src="images/img2.jpg";
document.getElementById("link").setAttribute("href","http://www.163.com");
document.getElementById("p1").style.color="blue";
document.getElementById(id).setAttribute("class","class名");
document.getElementById(id).className = "class名"
添加:
节点.appendChild(newnode):向节点添加最后一个新子节点newnode节点.
insertBefore(newnode,existingnode) :在节点的existingnode子节点前插入一个新的子节点newnode。
删除:
// 拿到待删除节点:
var self = document.getElementById('to-be-removed');
// 拿到父节点:
var parent = self.parentElement;
// 删除:
var removed = parent.removeChild(self);
DOM 事件
随机数Math.random()
系统随机选取大于等于 0.0 且小于 1.0 的伪随机 double 值
简单正则式理解
/^[A-Z]{1}\w{4,7}$/
以大写字母开头,后接字母、数字或下划线,总长度[5,8]
var reg=/^[a-z]{6,10}$/
6-10个小写字母
reg.test("abcdefg"); //true
MVC基本概念
Model View Controller
系统的相关文件夹
Controllers:处理用户交互、与模型协作,并选择一个视图作为用户界面来显示
Models:用于封装与应用业务逻辑相关的数据以及用于控制访问和修改这些数据的业务规则
Views:显示结果的用户界面
App_Start:存放项目的核心配置,如路由配置、绑定配置
App_Data:存放私有数据,如数据库文件
_ViewStart.cshtml:
通常用于为视图指定统一布局,
可以与视图文件一起位于某个文件夹下,在视图被执行之前执行
默认布局页面保存在/Views/Shared 文件夹中的_Layout.cshtml 文件中
控制器向视图传值的方法
ViewBag:允许在该对象上定义任意属性,并在视图中访问
ViewData:使用Key/Value形式传递数据,数据可能需要在视图中进行对象转换
模型注解功能
Required注解、RegularExpression注解、Range注解
Razor引擎作用
向网页中嵌入基于服务器的代码(VB或C#)
提供简化语法表达形式,最大限度地减少语法和多余的字符
@foreach语法
用foreach循环更简洁:
@foreach(Student s in Model){
<p>ID= @s.id </p>
<p>Name= @s.name </p>
<p>Age= @s.age </p>
}
ORM工具EF作用
ORM:对象关系映射
面向对象技术和关系型数据库之间的桥梁
主要实现程序对象到关系数据库数据的映射
将面向对象的操作转换成底层的SQL操作
ADO.NET EF是微软开发的基于ADO.NET的ORM框架
Nuget作用
导包,加载第三方依赖
Linq支持模糊查询
名字以"飞"结尾
var result = from u in db.Students
where SqlFunctions.PatIndex("%飞",u.Name) > 0
select u;
补充:
.Net Core 是一个跨平台的开源框架
Ajax相关
用JavaScript执行异步网络请求,局部刷新。
后台返回json值:return Json();
前端接收的json字符串的处理:
//处理返回的json串:先把json串先变成js对象
data = JSON.parse(data);
readyState=4:可以获取并使用服务器的响应
status == 200:服务器成功处理了请求