随笔分类 - JavaScript学习心得
摘要：一、问题背景 跨域种cookie的问题就是，比如a.123.com跨域访问b.123.com/request，b.123.com服务器使用nginx允许跨域，Access-Control-Allow-Origin：* 如果a、b服务不在同一个服务器，前台页面请求报错信息为： Access to XM
阅读全文
摘要：一、ProgressEvent 介绍 ProgressEvent 接口是测量如 HTTP 请求（一个XMLHttpRequest，或者一个 <img>，<audio>，<video>，<style> 或 <link> 等底层资源的加载）等底层流程进度的事件。 1、构造方法：ProgressEvent
阅读全文
摘要：描述：重复输出一个给定的字符串（str第一个参数）n 次 （num第二个参数），如果第二个参数num不是正数的时候，返回空字符串。 思路：我将介绍三种方法： 方法1：通过 `while` 循环重复输出一个字符串 不过这里还可以有几个变种：对于老前端来说，首先一个可能会将字符串拼接，修改为 数组joi
阅读全文
摘要：ECMAScript将对象的属性分为两种：数据属性和访问器属性。每一种属性内部都有一些特性，这里我们只关注对象属性的[[Enumerable]]特征，它表示是否通过 for-in 循环返回属性，也可以理解为：是否可枚举。然后根据具体的上下文环境的不同，我们又可以将属性分为：原型属性和实例属性。原型属
阅读全文
摘要：默认情况下，JavaScript 中的对象是可变的。我们可以更改原始值（字符串，数字等）和对象。我们来看看这个对象： 你可以轻松地改变它： 非常明确是吧？那么，我们有什么办法使对象不可变呢？ 1、让我们试用 const ! 很好的尝试，但是不起作用。如果你尝试一下，你会发现：这种办法根本就不起作用。
阅读全文
摘要：定义：用本地特定的顺序来比较两个字符串。 语法：stringObject.localeCompare(target) 参数：target——要以本地特定的顺序与 stringObject 进行比较的字符串。 返回值：说明比较结果的数字。 （1）如果 stringObject 小于 target，则
阅读全文
摘要：1、需求背景 很多时候，我们使用jquery.ajax的方式向后台发送请求，型如 这种代码太常见了，这个时候我们有这样一个需求：在自己调用ajax请求的时候，我们不想每次都写error:function(e){}这种代码，但是我们又想让它每次都将ajax的错误信息输出到浏览器让用户能够看到。怎么办呢
阅读全文
摘要：在提交上传文件之前：<script type="text/javascript">window.parent.setMessage('success')</script>，是不会有的。 其中window.parent就表示隐藏的iframe的父级，在父级里面去调用setMessage函数。当然你这个
阅读全文
摘要：一、HTML download 与文件下载 如果希望在前端侧直接触发某些资源的下载，最方便快捷的方法就是使用HTML5原生的download属性，例如： <a href="large.jpg" download>下载</a> 但显然，如果纯粹利用HTML属性来实现文件的下载（而不是浏览器打开或浏览）
阅读全文
摘要：一、利用JSONP： 首先来看看在页面中如何使用jQuery的ajax解决跨域问题的简单版： 这样写是完全没有问题的，起先error的处理函数中仅仅是alert(“error”)，为了进一步弄清楚是什么原因造成了错误，故将处理函数变为上面的实现方式。最后一行alert反馈parsererror问题。
阅读全文
摘要：一、介绍 URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。目前兼容性只有IE不支持，其他都已经支持。 具体内容见 MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams 需要注意的
阅读全文
摘要：一、先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态
阅读全文
摘要：一、AND详解： 在JavaScript中，逻辑 AND 运算符用双和号（&&）表示。 需要说明的是：逻辑AND运算的运算数可以是任何类型的，不止是Boolean值，如果某个运算数不是原始的Boolean型值，逻辑AND运算并不一定返回Boolean值。 逻辑AND运算符的运算行为如下： 与Java
阅读全文
摘要：最近做项目中遇到了一些关于javascript数据类型的判断处理，上网找了一下资料，并且亲自验证了各种数据类型的判断，在此做一个总结吧！ 一、JS中的数据类型 1.数值型（Number）：包括整数、浮点数。 2.布尔型（Boolean） 3.字符串型（String） 4.对象（Object） 5.数
阅读全文
摘要：问题背景：前端构建的 dist 目录的 index.html，直接点击打开，会报一个跨域问题。原因是因为es6的module语法，浏览器禁止访问本地文件。（直接打开，使用的就是 File 协议，而使用 http-server 将本机作为一台 http 服务器，就可解决此问题，使用的是 http 协议
阅读全文
摘要：一、cookie 和 session 区别 cookie和session都是用来跟踪浏览器用户身份的会话方式，其主要区别如下： 1、保持状态：cookie 保存在浏览器端，session 保存在服务器端 2、使用方式： （1）Cookie 机制： 如果不在浏览器中设置过期时间，cookie 被保存在
阅读全文
摘要：一、问题背景 一般 return false 就跳出函数了，但是如果函数里面有嵌套函数，如何优雅地跳出最外部的这个函数呢？ function Test(){ a(); b(); c(); } function a() return false; } 一般 a() 里 return false 就跳出
阅读全文
摘要：try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。 JavaScript 错误：当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。
阅读全文
摘要：一、变量声明和变量赋值： 你可能认为alert出来的结果是1，然后实际结果是“undefined”。要了解为什么，我们需要知道JavaScript里的3个概念： 1、所有的全局变量都是window的属性，语句 var a = 1;等价于window.a = 1; 可以用如下方式来检测全局变量是否声明
阅读全文
摘要：一、JSON字符串的替换 工作经常遇到这样的字符串，如下： 需要经过替换后，才能从字符串转化成JSON对象。这里我们需要用JS实现replaceAll的功能， 将所有的 ' \\" ' 替换成 ' " ' 。 代码如下,这里的gm是固定的，g表示global，m表示multiple： var jso
阅读全文
浙公网安备 33010602011771号