js深度思考
文章平均质量分 62
天心天地生
一切都将逝去,只有死神永生。
展开
-
Typescript中的类型联动
typescript类型联动,指的是一个对象中,A属性的值变化,会引起B属性的类型变化。原创 2022-12-15 17:07:18 · 366 阅读 · 1 评论 -
如何使用ui-router?
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/zcl_love_wx/article/details/520341931.配置使用ui-router1.1导入js文件需要注意的是:必须导入angular.min.js这个文件,且angular.min.js必须导入在angular...转载 2019-11-18 00:01:22 · 294 阅读 · 0 评论 -
请描述一下cookies,sessionStorage和localStorage的区别
cookie 和 session的区别cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求...原创 2019-11-17 22:45:51 · 341 阅读 · 0 评论 -
域名,cookie是什么?有什么用处?cookie session的区别?cookie的失效期?
域名是什么网域名称(英语:Domain Name),简称域名、网域,是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。可以理解为联系人名称,如www.baidu.com就是一个域名。完整的URL包含部分http://www.aspxfans.com:8080/news/index.asp?boardID=5&...原创 2019-11-17 19:24:03 · 564 阅读 · 0 评论 -
登录之后,在其他页面怎么判断是否已经登录?
作者:吥好使链接:https://www.jianshu.com/p/5be0f1533263來源:简书简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。一、背景介绍登录功能,是前端经常要完成的需求之一。一个 网站有很多的操作是必须要用户登陆才能进行操作的那么如何进行登录判断?需要用到什么样的属性或者方法?有什么地方的细节需要注意?以上这些,都是本次小课堂要讲...转载 2019-11-17 18:54:48 · 549 阅读 · 0 评论 -
http状态码有那些?分别代表是什么意思?
http状态码是什么当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。说人话:三位数字代码分别代表着不同的请求状态#状态码概括1XX被接受,需要继续处理。这一类型的状态码,代表请求已被接受,需要继续处理。这类响应是临时响应,只包含状态行和某...原创 2019-11-11 22:09:28 · 1935 阅读 · 0 评论 -
如何使用正则表达式?
什么是正则表达式字符是计算机软件处理文字时最基本的单位,可能是字母,数字,标点符号,空格,换行符,汉字等等。字符串是0个或更多个字符的序列。文本也就是文字,字符串。说某个字符串匹配某个正则表达式,通常是指这个字符串里有一部分(或几部分分别)能满足表达式给出的条件。在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说,正则表达...原创 2019-11-11 21:32:17 · 463 阅读 · 0 评论 -
什么是rest风格?get 与 post的区别?application json 与form表单的区别?
#什么是rest风格看Url就知道要什么看http method就知道干什么看http status code就知道结果如何相关资料: 什么是rest#get 与 post的区别数据传输大小get传输数据的大小是2kb,而post一般没有限制,但是post会受内存大小影响,同时在PHP中可以通过修改php.ini配置文件来修改post传输的大小。数据传输方式get是通过url...原创 2019-11-11 21:10:04 · 600 阅读 · 0 评论 -
为什么有时我们需要配置hosts来本地测试?和什么有关?若不配置hosts会影响什么?
知识剖析什么是ip我们知道,在Internet上有千百万台主机,为了区分这些主机,人们给每台主机都分配了一个专门的地址,称为IP地址。通过IP地址就可以访问到每一台主机。IP地址由4部分数字组成,每部分都不大于256,各部分之间用小数点分开。例如“百度搜索”主机的IP地址就是:“180.101.49.12”在浏览器上输入这个IP地址,就可以访问到百度的主页。我们的每个虚拟主机用户,都分配一...原创 2019-11-11 19:04:06 · 2523 阅读 · 0 评论 -
前端跨域问题有哪些常用的解决方式?
知识剖析HTTP协议HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。完整的URL包含部分http://www.aspxfans.com:8080/news/index.asp?boardID=5&ID=24618&page=1#na...原创 2019-11-11 13:46:33 · 237 阅读 · 0 评论 -
继承有几种方式,分别是什么?想要实现继承可以使用什么方法
js中实现继承原型链继承ECMAScript 中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原 型让一个引用类型继承另一个引用类型的属性和方法。简单回顾一下构造函数、原型和实例的关系:每 个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型 对象的内部指针。那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的...原创 2019-11-11 11:44:48 · 547 阅读 · 0 评论 -
简述原型链是什么,有什么用处?若想访问一个对象的原型,应该使用什么方法?
原型链是什么ECMAScript中 原型链的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。基本的实现是利用构造函数,原型和实例的关系。即是每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针proto.由于构造函数,原型和实例存在这样的关系,如果我们让一个原型对象等于另一个构造函数的实例,那么此时这个原型对象将包含一个指...原创 2019-11-11 11:38:12 · 579 阅读 · 0 评论 -
简述JS中的面向对象编程
在 JavaScript 中,大多数事物都是对象, 从作为核心功能的字符串和数组,到建立在 JavaScript 之上的浏览器 API。你甚至可以自己创建对象,将相关的函数和变量封装打包成便捷的数据容器。理解这种面向对象 (object-oriented, OO) 的特性对于进一步学习 JavaScript 语言知识是必不可少的。这个模块将帮助你了解“对象”,先详细介绍对象的设计思想和语法,再说明...原创 2019-11-11 11:11:24 · 191 阅读 · 0 评论 -
network中的请求信息,headers中的每一项分别是什么意义?
背景介绍作为一个Web开发人员,日常中与我们开发相关的,就是Chrome的开发者工具。 Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用,特别是在查看Ajax类请求的时候,非常有帮助。 今天就是要简要说说Chrome的开发者工具中Network中header部分。知识剖析HTTP请求的7个步骤1.建立TCP链接2.浏览器发送请求(GET/sa...原创 2019-11-10 23:30:29 · 1137 阅读 · 0 评论 -
什么是Ajax?
背景介绍2005,一一篇题为“Ajax: A new Approach to Web Applications”,这篇文章介绍了一种叫做Ajax新技术,是对Asynchronous JavaScript +XML的简写。这一技术能够向服务器请求额外的数据而无序卸载页面,会带来更好的用户体验。负责Ajax运作的核心对象是XMLHttpRequest(XHR)对象。在使用XHR对象时,要调用的第...原创 2019-11-10 16:32:23 · 266 阅读 · 0 评论 -
如何阻止事件冒泡和默认事件?
事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。默认行为浏览器的一些默认的行为。例如...转载 2019-11-05 22:55:36 · 160 阅读 · 0 评论 -
如何理解JS作用域与作用域链?
执行环境是JavaScript 中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。#一. 背景介绍执行环境是什么执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。 每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。 我们编写的代码是无法访问这个对象的,但解析器在处理数据时会在后台使用它。全局执行环境...原创 2019-11-05 22:39:52 · 74 阅读 · 0 评论 -
杀人和投票的业务逻辑上有什么区别?
业务逻辑是什么?不同的项目有不同的功能,不同的功能需要不同的实现,实现这些核心功能的代码就叫业务逻辑。让你实现一个功能,给你两个数,让你获取它的和,你所写的如何才能获得任意给定的两个数的和,这个程序实现过程称为业务逻辑处理。就像家里规矩–“吃饭前必须洗手”“有客人来要起立”-就是业务逻辑的生活化实例。简单来就是在怎么做事(how to do), 比方说你去餐馆吃饭, 你点了个炒米粉,服务员...原创 2019-11-05 22:31:23 · 116 阅读 · 0 评论 -
如何实现数组深拷贝和浅拷贝?
在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份,事实证明如果只是简单的将它赋予其他变量,那么我们只要更改其中的任何一个,然后其它的也会跟着改变,这就导致了问题的发生。原因是内存中仅保留一份数据。这时候需要制作一份数据的副本。只有复杂类型变量(引用类型)存在深拷贝与浅拷贝的问题,而基本类型没有深拷贝的概念。“堆内存”和“栈内存”首先JavaScript中的变量分为基本...原创 2019-11-05 21:55:14 · 238 阅读 · 0 评论 -
简述JS中的面向对象编程
在 JavaScript 中,大多数事物都是对象, 从作为核心功能的字符串和数组,到建立在 JavaScript 之上的浏览器 API。你甚至可以自己创建对象,将相关的函数和变量封装打包成便捷的数据容器。理解这种面向对象 (object-oriented, OO) 的特性对于进一步学习 JavaScript 语言知识是必不可少的。这个模块将帮助你了解“对象”,先详细介绍对象的设计思想和语法,再说明...原创 2019-11-05 21:46:26 · 276 阅读 · 0 评论 -
json是什么,如何处理转义?
作者:Meetin空白链接:https://www.jianshu.com/p/5d4549586821來源:简书1.背景介绍什么是JSONJSON (JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构...转载 2019-11-03 18:57:31 · 970 阅读 · 0 评论 -
如何使用Bootbox ?
Bootbox.js是一个小型的JavaScript库,基于 TBootstrap 和jquery开发。它允许你创建使用编程对话框。方便用户快速创建模拟框。下载bootbox文件点击右上角下载按钮进行下载所有版本的Bootbox都站在两个伟大的巨人的肩上:Bootstrap和jQuery。Bootstrap的确切版本取决于您使用的Bootbox的版本。这已经变得比我们想要的要复杂一些,但是希...原创 2019-11-02 21:30:29 · 750 阅读 · 0 评论 -
return的用法是什么?若用在for循环中,还会执行下一次循环吗?
return的用法返回函数结果语法为:return +表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果。function add() { var a=1; var b=2; return a+b;}function getAdd() { console.log(add...原创 2019-11-02 20:03:24 · 2211 阅读 · 3 评论 -
简述JS中的event delegate事件委托
1.背景介绍事件处理程序可以为现代web应用程序提供交互能力,因此许多开发人员会向页面中添加大量的处理程序。但是在JavaScript中,添加到页面中的事件处理程序的数量会直接影响页面的整体运行性能。理由:1.每个函数都是对象,都会占用内存。2.事先指定所有的事件处理程序会导致DOM的访问次数增加,会延迟整个页面的交互时间。 对“事件处理程序过多”问题的解决方案就是事件委托(Delega...转载 2019-11-02 18:52:40 · 792 阅读 · 0 评论 -
对一个数组 filter、some、map、foreach的操作分别有什么作用?
使用JavaScript数组常常需要对数组进行遍历、迭代操作。而我们常用的就是for语句对数组进行迭代。然而在ECMAscript5已经为数组定义了5个迭代的方法,分别是:filter、some、map、foreach、every,下面我们讲讲它们的具体作用。every()和some()every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true ;some...转载 2019-11-01 15:19:23 · 458 阅读 · 0 评论 -
有限状态机是什么?
有限状态机是什么有限状态机(Finite-state machine)是一个非常有用的模型,可以模拟世界上大部分事物。简单说,它有三个特征:* 状态总数(state)是有限的。* 任一时刻,只处在一种状态之中。* 某种条件下,会从一种状态转变(transition)到另一种状态。有限状态机的使用引入有限状态机的js库 <script src='state-mach...原创 2019-10-25 15:25:12 · 2294 阅读 · 1 评论 -
JS有哪几种传参方式?
背景介绍所有函数的参数都是按值传递的,也就是说把函数外部的值赋值给函数内部的参数,就和把值从一个变量赋值到另一个变量一样。————《js高级程序设计》有的人可能会把这里的js传参方式,理解成js函数中的参数传递,但是呢,我们所要讲的是页面之间的数据传递。传统的前端开发中,页面之间是少有参数交互的,甚至没有,而在如今的前端环境下, 一个稍微正式点的项目都不可能少了页面间传参,页面的跨越、服务...转载 2019-10-25 14:51:51 · 2188 阅读 · 0 评论 -
洗牌算法具体指的是什么?
洗牌算法是我们常见的随机问题,在玩游戏、随机排序时经常会碰到,本质是让一个数组内的元素随机排列,即数组乱序。Fisher–Yates Shuffle关于数组乱序,正确的解法应该是 Fisher–Yates Shuffle,复杂度 O(n)。其实它的思想非常的简单,遍历数组元素,将其与之前的任意元素交换。因为遍历有从前向后和从后往前两种方式,所以该算法大致也有两个版本的实现。从后往前的版本:...原创 2019-10-24 23:56:35 · 218 阅读 · 0 评论 -
常见Dom操作有哪些?
1.背景介绍DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netscape 及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正的跨平台、语言中立的方式。1998 年10 月DOM1级规范成为W3C 的推荐标准,为基本的文档结构及查询提...原创 2019-10-24 23:48:46 · 2233 阅读 · 0 评论 -
简述JS中执行环境与作用域的关系?
执行环境执行环境(execution context,为简单起见,有时也称为“环境”)是 JavaScript 中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象(variable object),环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。全...原创 2019-10-23 16:01:12 · 343 阅读 · 0 评论 -
JS中基本类型和引用类型分别指的的是什么?有何区别?
基本类型和引用类型ECMAScript包含两个不同类型的值:基本类型值和引用类型值。基本类型值指的是简单的数据段;引用类型值指由多个值构成的对象。在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。第 3 章讨论了 5 种基本数据类型:Undefined、Null、Boolean、Number 和 String。这 5 种基本数据类型是按值访问的,因为可以操作保存在变...原创 2019-10-23 15:00:53 · 721 阅读 · 0 评论 -
JS中基本类型和引用类型分别指的的是什么?有何区别?
title: JS中基本类型和引用类型分别指的的是什么?有何区别?categories:js深度思考date: 2019-10-23 14:41:16tags:基本类型和引用类型ECMAScript包含两个不同类型的值:基本类型值和引用类型值。基本类型值指的是简单的数据段;引用类型值指由多个值构成的对象。在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用...原创 2019-12-05 14:19:52 · 178 阅读 · 0 评论 -
F12Console的用法,以及如何Debug程序?
F12Console的用法JavaScript Console 对象Console 对象用于 JavaScript 调试。JavaScript 原生中默认是没有 Console 对象,这是宿主对象(也就是游览器)提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。Console 对象常见的两个用途:显示网页代码运行时的错误信息。提供了一个命令行接口,用来与网页代码互...原创 2019-10-23 14:27:38 · 2038 阅读 · 0 评论 -
ID和Class有什么区别?
对于CSS而言,id和class都是选择器,唯一不同的地方在于权重不同。如果只说CSS,上面那一句话就讲完了。拓展出来,对于html而言,id和class都是dom元素的属性值。不同的地方在于id属性的值是唯一的,而class属性值可以重复。id还一个老特性是锚点功能,当浏览器地址栏有一个#xxx,页面会自动滚动到id=xxx的元素上面。二者主要的区别id你只能用来定义单一元素,定义二个以后。...原创 2019-10-23 14:09:18 · 1876 阅读 · 2 评论 -
定时器有哪些用法?
js 定时器有以下两个方法:setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。setTimeout() :在指定的毫秒数后调用函数或计算表达式。setInterval()语法setInterval(code,millisec,lang)参数描述code...原创 2019-10-23 14:05:50 · 599 阅读 · 1 评论 -
JS有哪些数据类型和常用方法
数据类型ECMAscript中有五种简单数据类型(也称基本数据类型):Undefined、Null、Boolean、Number和String,还有一种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。ECMAscript不支持任何创建自定义类型的机制,而所有值最终都将是上述六种数据类型之一。Undefined类型Undefine类型只有一个值,即特殊的undef...原创 2019-10-23 13:55:33 · 305 阅读 · 0 评论