JavaScript常见知识点总结

最新推荐文章于 2023-10-24 22:05:07 发布
最新推荐文章于 2023-10-24 22:05:07 发布
阅读量342 收藏 3
点赞数
文章标签： javascript 网络 运维 ViewUI
原文链接：https://juejin.im/post/5c2b36c751882521c811b2fa
版权

  在工作中经常会用到一些有用的知识点，可能当时用的时候还记得，但是过一段时间就忘了，所以在这里做一个记录，方便以后再来复习。写得不对的地方还请各位大神指点一下。

1、判断传过来的变量是否是一个数组

  很多时候我们都会用下面这个方法来判断传递过来的对象是否是一个数组。 
    var isArray = value instanceof Array; 
复制代码
  这个方法在一般情况下（value不是从其他frame传过来的）是成立的。 但是为了防止一般情况的发生，我们可以用该方法来验证。 
    function isArray(value) {
        return Object.prototype.toString.call(value) == "[object Array]";
    }
复制代码

2、typeof和instanceof的区别

 2.1 typeof
   是一种操作符而不是一个函数，用来检测给定变量的数据类型。一般是用来判断"number"、"string"、"boolean"、 和 "undefined"这4种基本数据类型的。object类型用typeof来判断结果存在争议，所以一般是使用instanceof来进行判断。引用类型用typeof来进行判断时返回的都是object，以至于我们还是不知道用于判断的变量到到底是什么数据类型。 
    console.log(typeof(null));//object
    console.log(typeof([1,2]));//object
复制代码

  但实际上null是Null类型，而[1,2]是Array类型。

 typeof 最常见的用法

1、判断某个变量是否未定义
2、判断某个变量是否初始化

    if(typeof(b)=="undefined"){}
复制代码

  不能直接用if(b)去判断，这样代码会直接报错，后面的代码也会运行不了。因为typeof判断数据类型的不足（只能用于判断基本数据类型），引用数据类型需要使用instanceof的方式来进行判断

 2.2 instanceof
   object instanceof constructor 此运算符可以判断一个变量是否是某个对象（类）的实例。换句话说用来检测 constructor.prototype 是否存在于参数 object 的原型链上。 下面通过代码阐述instanceof的内部机制，假设现在有 x instanceof y 一条语句，则其内部实际做了如下判断： 

while(x.__proto__!==null) {
    if(x.__proto__===y.prototype) {
        return true;
    }
    x.__proto__ = x.__proto__.proto__;
    
}
if(x.__proto__==null) {return false;}
//函数代码实现
function instanceOf(instance,constructor){
    let proto=Object.getPrototypeOf(instance);
    while(proto){
        if(proto===constructor.prototype){
            return true;
        }
        proto=Object.getPrototypeOf(proto);
    }
    return false;
}
复制代码

  参考链接：juejin.im/post/5c19c1…
  x会一直沿着隐式原型链__proto__向上查找直到x.proto.proto......===y.prototype为止，如果找到则返回true，也就是x为y的一个实例。否则返回false，x不是y的实例。

3、Window.onload和DOMContentLoaded的区别

Window.onload： 当页面完全加载后（包括所有图像、javascript文件、css文件等外部资源）触发的事件。
DOMContentLoaded: 在形成完整的dom树之后就会触发，不理会图像、javascript文件、css文件或其他资源是否已经下载完毕。跟$(function(){})的作用是一样的。

4、javascript延迟加载的方式

1、defer：并行加载js文件，表示脚本可以延迟到整个页面完全被解析和显示之后再执行，标记为defer的脚本按照页面上script标签的顺序执行，但只适用于外部脚本文件。。（立即下载，延迟执行）
2、async:并行加载js文件，下载完成立即执行，不保证按照页面上script标签的顺序执行。只适合外部脚本文件。并且一定会在页面的load事件前执行，但可能会在DOMContentLoaded事件触发之前或之后执行。
3、动态创建script元素。此文件当元素添加到页面之后立刻开始下载，可以使用load事件来监听script是否加载（下载）完毕，IE使用onreadystatechange函数），下载许多时可以使用promise

    function loadScript(url, callback){
        var script = document.createElement ("script")
        script.type = "text/javascript";
        if (script.readyState){ //IE
            script.onreadystatechange = function(){
                if (script.readyState == "loaded" || script.readyState == "complete"){
                    script.onreadystatechange = null;
                    callback();
                 }
            };
        } else { //Others
            script.onload = function(){
                callback();
            };
        }
        script.src = url;
        document.getElementsByTagName_r("head")[0].appendChild(script);
    }
复制代码

4、使用XHR对象将脚本注入到页面中。

    var xhr = new XMLHttpRequest();
    xhr.open("get", "file1.js", true);
    xhr.onreadystatechange = function(){
        if (xhr.readyState == 4){
            if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
                var script = document.createElement ("script");
                script.type = "text/javascript";
                script.text = xhr.responseText;
               document.body.appendChild(script);
            }
        }
    };
    xhr.send(null)
复制代码

5、盒模型

  共分为2种类型：W3C标准盒模型（默认） 和 IE标准盒模型（怪异盒模型）。CSS盒子模式包括如下属性：外边距（margin）、边框（border）、内边距（padding）、内容（content）
css3中有一个新属性对应着盒模型。box-sizing: content-box|border-box|inherit;

css3属性box-sizing的content-box属性对应着W3C标准盒模型；
css3属性box-sizing的border-box属性对应着IE标准盒模型；

1、：W3C标准盒模型-border-box: （默认）

    元素的宽 = width + padding-left + padding-right + border-left + border-right
    元素的高 = height + padding-top + padding-bottom + border-top + border-bottom
复制代码

2、IE标准盒模型-border-box

    元素的宽 = width(包含padding-left + padding-right + border-left + border-right)
    元素的高 = height(包含padding-top + padding-bottom + border-top + border-bottom)
复制代码

6、js获取元素的宽高

  转载自:www.cnblogs.com/chengzp/p/c…
  通过JS获取盒模型对应的宽和高，有以下几种方法。为了方便书写，以下用dom来表示获取的HTML的节点。

  1. dom.style.width/height

  这种方式只能取到dom元素内联样式所设置的宽高，也就是说如果该节点的样式是在style标签中或外联的CSS文件中设置的话，通过这种方法是获取不到dom的宽高的。   

  1. dom.currentStyle.width/height

  这种方式获取的是在页面渲染完成后的结果，就是说不管是哪种方式设置的样式，都能获取到。但这种方式只有IE浏览器支持。

  1. window.getComputedStyle(dom).width/height

  这种方式的原理和2是一样的，这个可以兼容更多的浏览器，通用性好一些。

  1. dom.getBoundingClientRect().width/height

  这种方式是根据元素在视窗中的绝对位置来获取宽高的

5.dom.offsetWidth/offsetHeight

  这个就没什么好说的了，最常用的，也是兼容最好的。   

7、float引起的问题和解决方案

  float:定义元素在哪个方向浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。浮动的元素可以向左或向右移动，直到他的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档普通流的块级元素表现得就像浮动元素不存在一样。但是块级元素中的文本内容会漂浮到移动元素的正下面。
  引起的问题：

1、父元素的高度无法被撑开，影响与父元素同级的元素。
2、与浮动元素同级的非浮动元素（行内元素）会跟随其后。
3、若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构。

  解决方案：

1、额外标签法。（使元素两边都没有浮动元素）可以解决问题2、3。（缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁。）

    #test1{
    	float: left;
    	width: 100px;
    	height: 100px;
    	background: red;
    }
    <div id="test1"></div>
    <div style="clear:both;"></div>
    <span>我是span元素</span>
复制代码

效果如下所示：（span）行内标签将另起一行

2、使用after伪类,该方法只适用于非IE浏览器，可以解决问题1。该方法中必须为需要清除浮动元素的伪对象中设置height:0，否则该元素会比实际高出若干像素；

    #test1{
    	float: left;
    	width: 100px;
    	height: 100px;
    	background: red;
    }
    #parent:after {
    	content: ".";
    	height: 0;
    	visibility: hidden;
    	display: block;
    	clear: both;
    }
    #test2{
    	width: 100px;
    	height: 100px;
    	background: blue;
    }
    <div id="parent">
        <div id="test1"></div>
    </div>	
    <span>我是span标签</span>
    <div id="test2">我是块级元素</div>
复制代码

  不给父元素添加after伪类时的效果如下所示：行内元素（span）紧挨着浮动元素、块级元素位于浮动元素之下。

  效果如下所示：父元素同级的元素（span div#test2）将都另起一行。

3、浮动外部元素。
4、给包含浮动元素的父标签添加css属性 overflow:auto/hidden; zoom:1; zoom:1用于兼容IE6。

    #test1{
    	float: left;
    	width: 100px;
    	height: 100px;
    	background: red;
    }
    #parent {
    	overflow: hidden;
    	zoom: 1;
    }
    #test2{
    	width: 100px;
    	height: 100px;
    	background: blue;
    }
    <div id="parent">
    	<div id="test1"></div>
    </div>	
    <span>我是span标签</span>
    <div id="test2">我是块级元素</div>
复制代码

  效果如下所示：父元素同级的元素（span div#test2）将都另起一行。

8、display:none和visibility:hidden的区别

display:none 隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢，就当他从来不存在。
visibility:hidden 隐藏对应的元素，但是在文档布局中仍保留原来的空间。

    #test1{
    	width: 100px;
    	height: 100px;
    	background: red;
    	display: none;
    }
    #test2{
    	width: 100px;
    	height: 100px;
    	background: red;
    	visibility: hidden;
    }
    <div id="test1"></div>
    <span>我是span元素1</span>
    <div id="test2"></div>
    <span>我是span元素2</span>
复制代码

效果如下所示：

9、cookie 和session 的区别

1、cookie数据存放在客户的浏览器上，session数据放在服务器上。
2、cookie不是很安全，别人可以分析存放在本地的cookie并进行cookie欺骗。考虑到安全应当使用session。
3、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能。考虑到减轻服务器性能方面，应当使用cookie。
4、单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。
5、所以个人建议：将登陆信息等重要信息存放为session ，其他信息如果需要保留，可以放在cookie中。

10、IE 与其他浏览器区别

特性IE其他浏览器
获取样式dom.currentStyle.width/heightwindow.getComputStyle(dom).width/width
滤镜方面filter:alpha(opacity= num)-moz-opacity:num、opacity:num等
添加事件attachEventaddEventListener
鼠标位置event.clientXevent.pageX
事件目标event.srcElementevent.target
CSS圆角ie7以下不支持圆角支持

11、ajax

 11.1、创建ajax的步骤

1、创建XMLHttpRequest对象，也就是创建一个异步调用对象。 2、创建一个新的HTTP请求，并指定该HTTP请求的方法、URL及是否异步。
3、设置响应HTTP请求状态变化的函数。通过检测readState属性的值，判断当前请求或相应过程的当前活动阶段，readState有以下几个值：

    0：未初始化。尚未调用open()方法。
    1：启动。已经调用open()方法,但尚未调用send()方法。
    2：发送。已经调用send()方法，但尚未收到响应。
    3：接收。已经接收到部分响应数据。
    4：完成。已经接收到全部响应数据。
复制代码

4、发送HTTP请求。
5、获取异步调用返回的数据。响应数据会自动填充xhr对象的属性。主要有以下属性。

    responseText：作为响应主体被返回的文本。
    responseXML：如果响应的内容类型是"text/xml"或者"application/xml"，这个属性将保存着响应数据的XML DOM文档。
    status：响应的HTTP状态码。
    statusText：HTTP状态的说明。
复制代码

6、使用JavaScript和DOM实现局部刷新。

    function loadXMLDoc()
    {
        var xhr;
        if (window.XMLHttpRequest)
        {
            //IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xhr=new XMLHttpRequest();
        }else{
            // IE6, IE5 浏览器执行代码
            xhr=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xhr.open("GET","file.txt",true);//确保浏览器兼容性。
        xhr.onreadystatechange=function(){
            if (xhr.readyState==4 && xhr.status==200)
            {   
               if(xhr.status>=200&&xhr.status<300||xhr.status==304){
                   document.getElementById("myDiv").innerHTML=xhr.responseText;
               } 
                
            }
        }
        xhr.send();
    }
复制代码
 11.2、HTTP头部信息

xhr.setRequestHeader() 用于设置请求头部信息。接收两个参数，头部字段的名称和头部字段的值。该方法必须放在open()和send()方法之间。 xhr.getResponseHeader() 传入相应的头部字段名称，获取相应的头部信息。 xhr.getAllResponseHeader() 获取所有头部信息。

 11.3、ajax的优缺点

优点

  1. 不需要插件支持。(原生代码)
  2. 优秀的用户体验。(局部刷新)
  3. 提高web程序的性能。(异步加载，无序等待)
  4. 减轻服务器和宽带的负担。（，对于大量数据可以分很多批次请求进行）

缺点

  1. 破坏了浏览器"前进"、"后退"按钮的正常功能。
  2. 安全问题：AJAX暴露了与服务器交互的细节。
  3. 对搜索引擎的支持比较弱。
  4. 破坏了程序的异常机制。
  5. 浏览器对xhr对象的支持不足（兼容性）。

12、从输入 URL 到页面加载显示完成，这个过程中都发生了什么？

主要经历了以下四步：

（1）当发送一个URL请求时，不管这个URL是Web页面的URL还是Web页面上每个资源的URL，浏览器都会开启一个线程来处理这个请求，同时在远程DNS服务器上启动一个DNS查询。这能使浏览器获得请求对应的IP地址。
（2） 浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接。该握手包括一个同步报文，一个同步-应答报文和一个应答报文，这三个报文在浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信，而后服务器应答并接受客户端的请求，最后由客户端发出该请求已经被接受的报文。
（3）一旦TCP/IP连接建立，浏览器会通过该连接向远程服务器发送HTTP的GET请求。远程服务器找到资源并使用HTTP响应返回该资源，值为200的HTTP响应状态表示一个正确的响应。
（4）此时，Web服务器提供资源服务，客户端开始下载资源。请求返回后，便进入了我们关注的前端模块，简单来说，浏览器会解析HTML生成DOM Tree，其次会根据CSS生成CSS Rule Tree，而javascript又可以根据DOM API操作DOM。

13、get和post的区别？

不同点getpost
目的信息获取修改服务器上的资源
字节限制2kb左右理论上没有限制
传值方式通过地址栏来传值通过提交表单来传值
安全性缓存导致安全性差安全性好
服务器获取方式Request.QueryString来取得变量的值

然而，在以下情况中，请使用 POST 请求：

1、无法使用缓存文件（更新服务器上的文件或数据库）；
2、向服务器发送大量数据（POST 没有数据量限制）；
3、发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠。

14、attribute和property的区别是什么？

attribute： 是dom元素在文档中作为html标签拥有的属性，如id,class,src,title,alt等，也可以自定义属性，通过dom.setAttribute('class', 'a')来设置属性，通过dom.egtAttribute('class', 'a')来获取属性；
property: 就是dom元素在js中作为对象拥有的属性。 赋值dom.className = 'a';取值dom.className;

区别：

相同： 对于html的标准属性来说，attribute和property是同步的，是会自动更新的。
不同: 但是对于自定义的属性来说，他们是不同步的。

请看下面例子。

    <div id="test">测试数据</div>
    <button id="add">添加属性</button>
    <button id="delete">删除属性</button>
    window.onload=function(){
    	var dom=document.getElementById("test");
    	var addBtn=document.getElementById("add");
    	var delBtn=document.getElementById("delete")
    	addBtn.onclick=function(){
    		dom.setAttribute("class","name");
    	};
    	delBtn.onclick=function(){
    		dom.className="";
    	}		
    }
复制代码

操作标准属性(没添加属性之前————>添加属性之后————>删除属性之后)修改成功

操作自定义属性(没添加属性之前————>添加属性之后————>删除属性之后) 没修改成功

15、浅拷贝和深拷贝的区别

在说拷贝之前需要说一下赋值的问题。

基本类型赋值： 赋值之后两个变量互不干扰。
引用类型赋值： 复制的是指针，两个对象指同一个内存地址，所有互相影响。

 15.1 浅拷贝

有以下两个特点：

1、重新在堆中开辟内存，拷贝前后对象的基本数据类型互不影响。
2、只拷贝一层，不能对对象中的子对象进行拷贝,子对象还会互相影响（复制）。

    var person={
    	name:"李明",
    	age:40,
    	arr:[1,2,3,4]			
    }
    function shallowCopy(objData){
    	var obj={};
    	for(var prop in objData){//按字母大小升序排序循环
    		if(objData.hasOwnProperty(prop)){
    			obj[prop]=objData[prop]
    		}
    	}
    	return obj;
    }
    var sCopyData=shallowCopy(person);
    sCopyData["name"]="张三";
    sCopyData["arr"][0]=23;		
    console.log(sCopyData);
    console.log(person);
复制代码

输出结果如下：

  分析：可以看出修改拷贝后对象的name属性，没有改变原来对象的name属性。改变拷贝后对象的arr属性后，拷贝前对象的arr属性也改变了。这是因为name属性对应的值是你基本数据类型，所以互不影响。而arr对应的属性是数组是引用类型，拷贝前后对象的arr属性指向的还是同一个内存地址。所以互相影响。

 15.2 深拷贝

有以下两个特点：

  1. 在堆中开辟空间，拷贝前后的两个对象互不影响。
  2. 不止拷贝一层，对对象中的子对象进行递归拷贝。
    window.onload=function(){
        var person={
        	name:"李明",
        	age:40,
        	arr:[1,2,3,4]			
        }
        function deepCopy(objData,obj){
           obj = obj||{};
           for(var prop in objData){
           if(typeof objData[prop] === 'object'){
                  //要考虑深复制问题了
                  if(Object.prototype.toString.call(objData[prop]) == "[object Array]"){
                    //这是数组
                    obj[prop] =[];
                  }else{
                    //这是对象
                    obj[prop] = {};
                  }
                  deepCopy(objData[prop],obj[prop]);
                }else{
                  obj[prop] = objData[prop];
                }
             }
             return obj;
         }
        var sCopyData=deepCopy(person);
        sCopyData["name"]="张三";
        sCopyData["arr"][0]=23;		
        console.log(sCopyData);
        console.log(person);
    }
复制代码

输出结果如下所示：

从输出结果可以看出，name属性和arr属性都改变了，但是拷贝前后对象互不影响。

16、变量声明提升

变量提升是将变量声明提升到它所在作用域的最开始的部分。

//代码1
var t = 1; 
function a(){
    console.log(t);
    var t=2;
}
a();//undefined;
复制代码

这是因为函数里的变量t声明提升到函数最开始的部分了。上面的代码1相当于代码2：

//代码2
var t = 1; 
function a(){
    var t;
    console.log(t);
    t=2;
}
a();//undefined;
复制代码

  在函数内部，如果没有用var进行申明，则创建的变量是全局变量，而不是局部变量了。所以，建议变量声明加上var关键字。

//代码3
var t = 1; 
function a(){
    console.log(t)//undefined
    t=4;
    console.log(t);//4
    var t=2;
    console.log(t);//2
}
a();
复制代码

function声明会比var声明优先级更高一点。

//代码4
console.log(foo);
var foo=10;
console.log(foo);
function foo(){
    console.log(10);
}
console.log(foo);
复制代码

相当于下面的代码：

function foo(){
    console.log(10);
}
var foo；
console.log(foo);
foo=10;
console.log(foo);
console.log(foo);
复制代码

运行结果如下:

代码5
function foo(){
	console.log(a);//2
}
function bar(){
	var a=3;
	foo();
}
var a=2;
bar();
复制代码

  上面的代码的运行过程是bar()-->foo(),此时的a由于在调用bar()之前已经初始化了，所以相当于给在foo()函数的所在作用域中的this对象添加了a属性，并赋值为2，所以调用foo()函数的a时，实际上调用的foo()所在作用域的this的a属性。

        

weixin_34060741
关注
JS常用知识点
向宇
06-18 294
【代码】JS常用知识点。
js常用知识点（必会）
weixin_45044349的博客
11-25 376
浏览器的基本组成 1.用户界面 2.浏览器引擎 3.渲染引擎 4.网络 5.UI后端 6.Js引擎 7.数据存储 <script> //1.url(ip地址【网络部分】 资源定位器) //2.tcp 【建立连接 三次挥手】 //3.js html css img //4.js时间线 //5.渲染过程【渲染引擎】 //6.tcp【四次挥手】 </script...
常见js知识点
Coco_998的博客
07-14 426
1.当一个图片与一行文字需要水平垂直居中时，给图片img设置属性vertical-align:middle; 2.ToFixed()四舍五入为指定小数 （parseInt(this.num)*this.pric).toFixed(2).将金额保留两位小数 3.对象字符串之间的转换 对象转字符串 JSON.stringify(obj) 字符串转对象 JSON.p...
js常用知识点
lbx1260103425的博客
10-28 253
单选按钮：运用三木运算符 <input type="radio" name="sex" id="man" checked>男 <input type="radio" name="sex">女 <button id="btn">获取性别</button> <p id="title">当前选择的性别是：</p> <scri...
JS基础知识点合集
chkdsk0826的博客
08-13 1595
lastIndexof( , ) 指定文本在字符串中最后一次出现的索引（位置） 未找到返回-1 若有两个参数，则第二个参数为检索的起始位置。**indexof( )和search( )是相等的。indexof( , ) 查找字符串中的字符串 未找到返回-1 若有两个参数，则第二个参数为检索的起始位置。replace( ，) 第一个参数是要被替换的字符串，第二个参数是替换后的新字符串。...
JavaScript知识点总结之如何提高性能
10-22
为了确保代码高效运行，开发者需要关注一些关键点。 首先，了解JavaScript的基本语法至关重要。变量声明通常使用`var`关键字，例如`var myVar = value;`。标识符应遵循特定规则，包括由字母、数字或下划线组成，不...
JavaScript面试开发常用的知识点总结
10-21
JavaScript是Web开发中不可或缺的一部分，尤其在面试环节，掌握JavaScript的核心知识点至关重要。本文将深入探讨JavaScript面试中常见的语法和类型、数据结构和类型等方面的知识。 首先，我们关注语法和类型。在...
初阶Javascript的知识点学习总结
09-20
例如，`window.alert()`、`window.confirm()`和`window.prompt()`是常见的对话框函数，分别用于显示警告框、确认框和输入框。`console`对象则提供了在浏览器控制台输出信息的功能，如`console.log()`用于打印日志，`...
javascript常见用法总结
10-25
以下是对标题和描述中提到的JavaScript常见用法的详细说明： 1. **编码解码**： JavaScript提供了`encodeURI()`和`decodeURI()`函数来对字符串进行编码和解码。`encodeURI()`函数用于编码一个URI（统一资源标识符...
JavaScript知识点个人总结
07-27
这里我们将深入探讨JavaScript中与DOM相关的几个关键知识点。 首先，Element类型是DOM中最常见的节点类型，它代表HTML或XML文档中的元素，如`div`, `span`, `a`等。Element节点具有以下主要特性： 1. `nodeType`：...
JavaScript你必须掌握的8个基本知识点
03-24
JavaScript你必须掌握的8个基本知识点.rar
javascript常用知识点总结
StarFishing
12-14 777
null和undefined两者数值相等，类型不同 if（null==undefined）返回true；if（null===undefined）返回false,两者不同类型； var test="2e3";test=parseFloat(test);//test=parseInt(test); alert(test)； 2000（转换为float时会用科学计数法，结果为2000）//2（转换为i...
JavaScript重要知识点整理
Zhou_LC的博客
12-22 721
（一）JavaScript简介 （二）语法基础 （三）流程控制 （四）初识函数 （补充）对象 （五）字符串对象 （六）数组对象 （七）时间对象 （八）数学对象 （九）DOM基础 （十）DOM进阶 （十一）事件基础 （十二）事件进阶 （十三）window对象 （十四）document对象 ...
30+个 JavaScript 知识点汇总，你都了解了吗？
高大志leo的博客
02-10 9823
前言 无论你是已经在工作岗位上亦或是正在寻求新的工作机会，掌握常见的 JavaScript 面试知识点，不但可以帮助你扩展知识面、培养逻辑思维，还能帮助你提升自己的工作能力。不妨看看，也许有你所不了解的。 正文 1、JavaScript 的数据类型及其存储方式 截止目前，JavaScript 一共有8种数据类型，可大致分为基本数据类型（也叫原始数据类型）与引用数据类型 基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（es6新增，表示独一无二的值
javascript基础入门教程,javascript零基础入门
最新发布
阿发狗伪原创
10-24 1263
一门客户端脚本语言，运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎，不需要编译，直接就可以被浏览器解析执行了python for语句用法。//局部变量 用let定义let 变量名 = 值;//全局变量 用var定义var 变量名 = 值;//常量定义 constconst 常量名 = 值;//整数类型var a=3;// Boolean类型var b=true;// 定义小数类型 小数和整数类型统称为number类型。
最新Javascript 基础知识全总结(持续更新)
weixin_66092620的博客
04-17 9301
本人目前在黑马程序员培训,现将所学的知识整理出来,希望能帮到零基础的初学者,后续会持续更新~~~ 一,JavaScript 是什么 1, JavaScript 是什么 JavaScript 是一种运行在客户端（浏览器）的编程语言，实现人机交互效果 2, 作用 网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js) 3, JavaScript的组成 E...
js知识点汇总
热门推荐
少说，多做。
11-05 2万+
1.本门课的作用（JavaScript的作用）所有基于Web的程序开发基础 2.一种计算机客户端脚本语言，主要在Web浏览器解释执行。 3.浏览器中Javascript，用于与用户交互，以及实现页面中各种动态特效 4.在HTML文件中，任何JavaScript代码必须放到<script>标签中 5.把JavaScript代码放到外部文件中，在HTML代码中直接引入该文件(外部文...
Javascript知识点总结
赵宪福的博客
09-24 7856
JavaScript知识点整理 取消链接的默认行为： 得到从一个html页面到另外一个html界面传递过来的参数 方式一：var Ohref=window.location.href; alert(Ohref) //http://localhost:8080/route_list.html?cid=1 var arrhref=Ohref.split("?cid="); var cid= ar...
js+jquery常用知识点汇总
美好的未来在于把握今天
02-27 1848
一、jquery源码中常见的知识点　　1.string，number类型转换的快捷方法复制代码代码如下:// @param s为字符串，n为数字function fn(obj){    //转换为String类型    var s = obj +"";    //转换为number类型    var n = +obj;}　　分享一个面试例子：//加会将其后面自动转换成字符串"64"+4="644"...
JavaScript常见操作与技巧总结
"javascript常见操作汇总，包括字符串处理、时间处理、表单操作、正则验证等实用技巧。" 在JavaScript编程中，掌握一些常见的操作是非常重要的，这些操作可以帮助开发者更高效地处理各种任务。以下是对标题和描述中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值