js基础
javascript基础
常说的js包括三个部分：dom（文档document）、bom（浏览器对象browser）、ESMAScript（语法）。js是esmascript的实现和扩展。
ESMAScript数据类型
数据类型
七种数据类型：string，number，boolean，null，undefined，symbol (ECMAScript 2015新增)，object。
六种基本数据类型（原始类型）：string，number，boolean，null，undefined，symbol (ECMAScript 2015新增)。
三种值类型：number、string、false（注意是小写）。
一种引用类型：object。
复杂类型（预定义函数）
数据类型就上面几种。
为了方便使用需要函数function。一个函数声明function。function就是声明一个代码块，使用了function的都是全局函数，会优先执行，即你先使用后声明也行（被称为函数提升）。
为了方便使用，需要一些预定义的函数（称之为复杂类型）。Array()，Bollean()，Date()，Number()，String()，RegExp，Events。
object是所有复杂类型的父类型。复杂类型是esmascript中通过function预定义的一些函数。
console.log(typeof Number) // function
字面量（通过语法构造字面量）
使用时也不会一直调用函数来声明一个对象（或者数组之类的）。一般使用语法快速构造一个对象。字面量其实我们经常使用
var a=false; //布尔字面量，布尔值常量
var b=[]; //数组字面量。数组
var c={}; //对象字面量。对象
字面量是由语法表达式定义的常量；或，通过由一定字词组成的语词表达式定义的常量。
提取主谓宾，就是：字面量是常量。
字面量参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Grammar_and_types#%E6%95%B4%E6%95%B0(Integers)
DOM
1、事件委托、事件冒泡和事件捕获
事件委托就是用了事件冒泡，委托父级监视和执行。当子元素符合条件就执行，避免多次添加，避免新添加子元素时添加。
JS常用方法
- esmascript中数字既可以表示 32 位的整数，还可以表示 64 位的浮点数，1字节是8个二进制位（1byte=8bit）。
- 字符串转换成数字。parseInt(x)、parseFloat(x)、Math.abs(x)配合Math.sign(x)、~~(x)、-0、Number(x)。前两种方法只是对字符串首部数字的截取，即部分是一个数字有时也可以转换成功，如果不保证字符字符串是数字的话不要使用；Math函数的话对于不是数字的字符串返回NAN；~~(x)的方法其实利用了对数据的按位取反，对其两次取反转换成32位二进制数（esmascript中数字均是以32位二进制数保存的）如果是数字字符串（或者数字）的话直接转换成数字，不是的话转化成0，因为只能转换成32位二进制数所以只能转化成整数；-0是利用了弱语言的特性，是数字字符串隐式转换成数字，不是数字字符串返回NAN；Number()就是提供的复杂类型的函数，不是数字类型的字符串返回NAN；
- 是否整数（这里讨论的前提是首先是一个数字或者是数字字符串）。%取余、Math.Floor、~~(x)、Number.isInteger、是否包含小数点。整数%取余为0：x%1==0；只有整数向下取整还是自己Math.Floor；~~(x)本身就是转换成整数，看看是否与自己相等；Number.isInteger是es6新方法兼容性有问题不建议使用。
- 是否数字。isNan(x)
- number保留位数。number.toFixed()
- 获取类型typeof
- 6个在判断时会自动转换成false的值。null、undefined、0、false、NAN、""。所以在很多时候，判断一个变量有没有值的情况下不必 if(x==undefined)，直接 if(x) 就行了
- undefined和null区别。undefined是不知道想要什么（如变量未声明），null是只要想要什么但是没有得到（没有赋值）。
- JSON字符串和js对象转化。JSON.stringify(x)或者JSON.parse(x)。
- 数组array的常用四个方法。push()、jion()、concat()、sort()
- 正则的img。正则中有/i /m /g 。/i 是忽略大小写的匹配，/m是多个匹配，/g 是多个匹配。
- string的基本方法。split、replace、indexof、concat。indexof用来查找某个字符串（是字符出不是字符）在字符串中的起始位置，没有返回-1。replace(subStr/regexp,replaceStr)用来替换字符串或者正则表达式。如果替换replace(subStr,replaceStr)的话只能替换一个，但是使用正则replace(/regexp/g,replaceStr)可以替换多个。
- forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。array.forEach(function(currentValue, index, arr), thisValue)。在没有完全循环数组元素之前是无法return或者跳出循环的。
- js函数上的参数多少只是为了直接命名，其实传递多少个参数都行，不会报错，而的arguments可以获取函数内部参数。
js中字符串占用的字节等于字符串长度+1，因为每个字符串都有一个结束字符表示字符串的中止，如"xyz"长度为3的字符串其实占用4个字节。
颜色的值0~256就是两位16进制00~FF。
- 在内存中，值类型变量a直接存储值，操作值类型变量a相当于直接操作内存中的字节，引用类型变量a的内存包括两块，一块是大小可变的区域用来存储变量a实际的数据，一块大小固定的区域存储刚才大小可变区域的地址空间。值类型变量直接存储数据，引用类型变量存储数据的空间地址。要常画变量的内存空间逻辑图。
js中的对象就是键值对集合。
js是面向对象的多范式编程语言。(多范式，对象，过程，泛型，函数，四种编程)
js面向对象的三个特性：抽象，封装，继承。
js中没有明确的继承语法，所以很多实现继承的方法。- ie标准下的兼容写法
- a标签被称为锚（anchor）
- 数组的sort方法可以进行升序或者降序排列。可以传递一个函数，理应有两个参数a,b。返回a-b升序，返回b-a降序。
js自执行函数、调用递归函数、圆括号运算符、函数声明的提升
前言
起因是我要在jquery的ajax中需要根据返回值来决定是否继续发起ajax请求，这是一个有条件的循环，符合条件就跳出。可以使用while循环的，但是想了想还是递归调用好用。
调用递归函数
递归函数大概就是这样的。不符合条件重新执行这个函数
function f() {
// do something
if(1){
}
else{
f();
}
}
圆括号运算符和自执行函数
js中圆括号运算符指 ()，一般有两个作用。
1、在函数后面表示立即执行这个函数，如 f()
2、计算表达式，如
// 打印2 （1+1）
根据 ()计算表达式的作用，来计算一个函数
// 返回函数本身
（function(){
// do something
}）
根据 ()跟在函数后面表示立即执行这个函数
// 返回函数本身
（function(){
// do something
}）()
当然，函数需要什么参数，()就需要传递什么参数，和一般的函数执行方式一样
函数声明的提升
一般的，js执行顺序是有序的，变量在未声明前使用会返回undefined，但是声明一个函数 function(){} 不同，可以在声明函数前使用它，这是因为js会把声明函数的代码优先执行
js 布尔值
在js的if只有一个变量的判断中，为true的会继续执行。
var a;if(a){
// do something
}
其中，javascript中以下值会被转换为false
false、 undefined、 null、 0、 -0 、 NaN 、 "" 、 ''
不属于这些的其他值都会被转换成true
注意：多个字符串空格不会转换成false
ASP.NET MVC中设置跨域
ASP.NET MVC中设置跨域
1、什么是跨域请求
js禁止向不是当前域名的网站发起一次ajax请求，即使成功respone了数据，但是你的js仍然会报错。这是JS的同源策略限制，JS控制的并不是我们网站编程出现了问题。客户端（网页）和后台编程都可以有效解决这个问题。客户端可以通过JSONP来完成跨域访问；在ES6中为了解除同源策略问题，想出一个办法：当被请求网站为响应头respone添加了一个名为Access-Control-Allow-Origin的header，设置其值等于发起请求网站的域名地址的话，这次请求被视为允许。其中Access-Control-Allow-Origin的值为*时表示允许所有网站的跨域请求。
2、程序中添加Header头允许客户端跨域请求
这里有很多方法可以方法可以在返回数据时添加header头。
请注意：同名Header可以有多个 ，但是运行时使用的是第一个，addHeader添加时，如果同名header已存在，则追加至原同名header后面（不起作用），setHeader，如果同名header已存在，则覆盖一个同名header。
在action中添加代码
HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Origin", "*");
在webconfig添加应用程序配置：
<system.webServer>
<httpProtocol>
<customHeaders>
<!-- 先移除后添加，确保起作用 -->
<remove name="Access-Control-Allow-Origin" />
<remove name="Access-Control-Allow-Headers" />
<remove name="Access-Control-Allow-Methods" />
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type" />
<add name="Access-Control-Allow-Methods" value="*" />
</customHeaders>
</httpProtocol>
</system.webServer>
添加action过滤器
不论webapi还是mvc的action，我们都可以重写ActionFilterAttribute过滤器的OnException方法来在action执行完成之后，为http响应添加header头；OnException方法意为在action执行完成之后进行的操作。这个过滤器可以添加在action或者controller上，但是这样就要为每一个action或者controller打上这个过滤器，这里将我们重写的action过滤器添加在了全局的过滤器中，这样，每一个action在执行完成之后都会触发这个过滤器，这里以webapi为例。新建类：
/// <summary>
/// 跨域
/// </summary>
public class Cores:ActionFilterAttribute
{
public override void OnActionExecuted(HttpActionExecutedContext actionExecutedContext)
{
base.OnActionExecuted(actionExecutedContext);
actionExecutedContext.Response.Headers.Add("Access-Control-Allow-Origin","*");
}
}
代码中注册过滤器
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Web API 配置和服务
// 将 Web API 配置为仅使用不记名令牌身份验证。
config.SuppressDefaultHostAuthentication();
config.Filters.Add(new HostAuthenticationFilter(OAuthDefaults.AuthenticationType));
// Web API 路由
config.MapHttpAttributeRoutes();
config.Filters.Add(new Cores());
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
}
}
在Starpup.cs类中设置header头
using System;
using System.Collections.Generic;
using System.Linq;
using Microsoft.Owin;
using Owin;
using System.Web;
[assembly: OwinStartup(typeof(WebApiTest.Startup))]
namespace WebApiTest
{
public partial class Startup
{
public void Configuration(IAppBuilder app)
{
// 不能使用这种方式添加必须使用app的相应方法或者中间件实现
// HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
//app.UseWebApi();
app.Use(async (context,next)=> {
context.Response.Headers.Set("Access-Control-Allow-Origin", "*");
await next();
});
}
}
}
startup.cs类是应用启动类，我本来以为直接在方法中直接把HttpContext.Current.Response.AddHeader添加一个头就行了，但是发现不行，必须通过参数app才能成功设置响应头，后来我才知道，这个startup.cs类远不止看到的那么简单！拿出来可以当作好比一本书的一个章节来讲了！以后再深入了解这个类。
3、引入Script标签获取数据
一些JSONP之类的客户端跨域请求就不说了，最近发现了构造Script标签也可以作为获取数据的方法，很开心。
即使服务端不设置允许跨域的header头，js也可以变通获取数据，不过仍然需要服务端的配合。
这个原理是;当通过script标签的src地址引入某个资源的JS代码的时候，就相当于src地址的JS代码直接就在本地一样。相应的，其他地址的js变量也会引入当前页面
比如百度地图的JsAPI
比如雅虎获取IP地址的接口
接口：http://pv.sohu.com/cityjson
返回JS代码：var returnCitySN = {"cip": "115.238.95.194", "cid": "330100", "cname": "浙江省杭州市"};
页面引入
<script src="http://pv.sohu.com/cityjson"></script>
然后console.log(returnCitySN)可以直接使用。
这就提供了思路，
var script = document.createElement("script"),
script.src = "http://pv.sohu.com/cityjson";
script.onload=()=>{
console.log(returnCitySN);
}
但是缺点是，服务端必须返回的是JS代码。
1、获取自增长标识的主键
SQL语句：
insert into table output inserted.id values(,,)
C#语句
object obj=cmd.ExecuteScalar()
ExecuteScalar()和ExecuteNoQuery()都可以做增删改操作，但是前者可以返回所要的结果，后者返回影响行数