MoonLight_dR的博客

JS实现跳转到指定的div：portf.onclick=function(){ window.location.hash = "#porft-me";}点击porft按钮即可自动跳转至指定的div。注意：在js函数中双引号必须是id值，不可以是class的值，因为id是唯一的而class不是。

操作DOM节点常用添加节点：appendChild()；移除节点：removeChild();复制节点：cloneNode();创建节点：createElement();查找节点：getElementById()--根据元素id查找元素；                getElementByName()--根据元素name查找元素；                getElementByTagN...

js函数一、自定义函数1.通过function关键字   function 函数名称([参数]){    代码段；   return 返回值；}  注意：函数名称不要包含特殊字符；            函数名称最好含义明确；            函数名称最好遵循驼峰标记法或者下划线法；            函数名称严格区分大小写；            函数名称如果重复会产生覆盖；     ...

引起跨域请求的原因：1.浏览器限制；2.跨域3.xhr请求：用jsonp解决同时满足可能会引起跨域安全问题。解决思路：浏览器：设置参数，解除浏览器验证；xhr：使用jsonp解决跨域跨域：被调用方：支持跨域；          调用方：隐藏跨域；...

常见的页面布局一、三栏布局1.三列布局，中间宽度自适应，两边定宽；2.中间栏要在浏览器端优先渲染；3.允许任意列的高度最高；4.要求只用一个额外的DIV标签；5.要求用最简单的css；二、多栏布局1.栅栏格系统：利用浮动实现的多栏布局，在bootstrap中用的非常多；2.多列布局：并没有实现真正实现分栏效果，css3为了满足这个要求，增加了多列布局；三、弹性布局css3新引入的一种布局，即伸缩布...

js表达式与运算符1.表达式    表达式是用于javascript脚本运行时进行计算的式子，可以包含常量、变量、运算符；2.运算符   算术运算符   +-*/% ++ --   注意：数值型支持自增自减运算符、布尔类型支持自增自减运算符、字符串不支持、null支持自增自减、undefined不支持   字符连接符    +号用来连接两个字符串；    只要+连接操作数中有一个是字符串型，js就...

HTTP状态码：HTTP响应中包含一个状态码，用来表示服务器对客户端响应的结果：通常由三个数字组成，可以分为五大类：1xx：临时响应，成功接受请求，要求客户端继续提交下一步请求才能完成整个处理过程；2xx：请求已被服务器接收、理解、并接受；3xx：未完成请求，客户端需进一步完成操作才能完成请求，通常，这些状态码是用来重定向的；4xx：客户端的请求有错误；5xx：服务器端出现错误；常见状态码：1xx...

JS学习笔记1.隐式转换--转换成布尔类型  undefined->false;  unll->false;  数值型0或0.0或nan->false;  字符串长度为0->false;2.隐式转换--转换成数值型  undefined->NaN;  null->0;  true->1;  flase->0;  内容为数字->数字,否则转换成N...

Promise对象：一种异步编程模式其基本模式：1)将异步过程转换为promise对象；2)对象有三种状态：3)通过.then注册状态的回调；4).已完成的状态能触发回调；Promise对象状态：Promise对象状态只有三种状态：1）异步操作“未完成”（pending）2）异步操作“已完成”（resolved，又称fulfilled）3）异步操作“失败”（rejected）这三种的状态的变化途径...

setTimeout与setInterval：1.使用规则   setTimeout(表达式，延时时间）；   setInterval(表达式，交互时间);2.区别   setTimeout：   setTimeout在执行时，是在载入后的延迟指定时间去执行一次表达式；   次数：1次；   setInterval   setInterval在载入后，每隔指定的时间就执行一次表达式；   次数：多...

区别cookie、sessionStorage、loaclStorage总述：   cookie、sessionStorage、loacalStroge这三者均可以用来在浏览器端存储数据，而且都是字符串类型的键值对，区别在于前者是webstroge存储，创建的目的是存储客户端数据，而cookie早在网景公司的浏览器中就开始支持，最初的目的是伪类保持HTTP的状态。区别：1.大小：  cookie的...

JS中的数组排序函数:sort()与reverse()一：sort()函数排序常见的排序有冒泡排序，而js中直接使用函数sort即可：具体原理及解释如下：var array = [1, 12, 21, 2];array.sort(function(a,b){ return b-a;}); array = [21, 12, 2, 1];理解：1. 对于function（

JS的数组迭代函数：1-map():则是对原数组的加工，映射成一一映射的新数组:var oldArray = [1,2,3,4,5];var newArray = oldArray.map(function(val){  return val+3;});      经过map()函数处理后，原数组中的每个值都加3，然后存在一个新数组中。此函数可以遍历oldArray数

split()函数： split(“”)与split(” “)的区别： split(” “)： 函数展示： 使用split(” “)后的字符串的结果： 可以看作是将一句话分成了一个单词，分隔符是空格。 split(“”) 函数展示： 使用split(“”)的结果： 可以看作将单词分成了单个的字符》在

js中的数组1.定义   数组是值得有序集合；2.创建数组 字面量形式： 空数组：var arr=[]; 带有元素得数组：var arr={1，2，3，4，]; 数组值可以是任意类型：var arr=[1,2.3,'king',[1,2,3],{name:'king'},]; 省略数组中得某个值，默认值为undefined:var arr=[1,,3]; Array()创建数组： 调用时没有参数：...