JS
web-小白白
QQ:2464708597(请标明来意)
展开
-
谈谈跨域、同源策略、以及常见跨域解决方案
谈谈跨域、同源策略、以及常见跨域解决方案跨域:是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对js实施的安全限制。同源策略同源策略是一个安全策略。所谓的同源,指的是协议,域名、端口号相同。限制了一下行为:Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去解决方案 :当然了,我梳理了几个我觉得工作中常用的,其他的自行去了解。jsonp跨域利用script标签没有跨域限制的漏洞,网原创 2020-09-19 15:36:04 · 275 阅读 · 0 评论 -
jsvascript之promise
为什么会有Promise?我们通常都会说为了解决回调地狱。那好,什么是回调地狱:多层嵌套的问题。 每种任务的处理结果存在两种可能性(成功或失败),那么需要在每种任务执行结束后分别处理这两种可能性。怎么实现一个Promise?智者见者,仁者见仁,不同的人就会有不同的Promise实现,但是大家都必须遵循promise a+ 规范 ,那符合规范的一个Promise到底是长什么样的?Promise是一个类, 类中需要传入一个executor执行器, 默认会立即执行,就像下面这样会立即打印出1ne原创 2020-09-19 14:53:04 · 148 阅读 · 0 评论 -
ES6 之 Set和Map
ES6 之 Set和Map一、Set基础用法一种新的数据结构,类似于数组,但是成员的值都是唯一的,没有重复的值。let s1 = new Set();s1.add(9);let arr = [1, 2, 3, 4, 4, '4', NaN, NaN, {}, {}];let s2 = new Set(arr);console.log(s1); // Set { 9 }console.log(s2); // Set { 1, 2, 3, 4, '4', NaN, {}, {} }c原创 2020-09-12 11:31:21 · 185 阅读 · 0 评论 -
ES6 - 数组属性
4-1.扩展运算符扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1,2,3,4,5]); // 1 2 3 4 5console.log(1,...[2,3,4],5); // 1 2 3 4 5如果扩展运算符后面是一个空数组,则不产生任何效果。console.log(...[]); // 输出空4-2.代替函数的 apply 方法由于扩展运算符可以展开数组,所以不再需要apply原创 2020-09-02 20:07:00 · 508 阅读 · 0 评论 -
JavaScript(ES6)- 函数 & 箭头函数
箭头函数注意点1. 函数体内的`this`对象,就是定义时所在的对象,而不是使用时所在的对象。2. 不可以当作构造函数,也就是说,不可以使用`new`命令,否则会抛出一个错误。3. 不可以使用`arguments`对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。4. 不可以使用`yield`命令,因此箭头函数不能用作 Generator 函数。上面四点中,第一点尤其值得注意。`this`对象的指向是可变的,但是在箭头函数中,它是固定的。原创 2020-09-01 19:53:27 · 192 阅读 · 0 评论 -
JavaScript(ES6)-let & const & 解构化赋值
JavaScript(ES6)1.let & const1-1. let命令基本语法:ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b =1;}console.log(a);// 报错console.log(b);// 1let特点:不存在变量提升。暂时性死区,只要快级作用域内存在let命令,它所声明的变量的区域,不再受外部的影响。不允许重复声明,在同一个作用域原创 2020-08-29 12:36:23 · 305 阅读 · 0 评论 -
JS-ES5中常用的数组方法
forEach简介:从头到尾遍历数组,为每个元素调皮制定的函数。参数:1. element(数组元素) 2. index(数组下标) 3. self(整个数组)语法:arr.forEach(callback,[object]),回调函数、this指向 <script> var arr = [1,2,3,4,5]; arr.forEach(function(element,index,self){ console.log.原创 2020-08-12 18:59:23 · 259 阅读 · 0 评论 -
JS -获取浏览器的 URL 地址栏
URL即:统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成:通信协议:常用的http,ftp,maito等host:主机 服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号 整数,可选,省略时使用方案的默认端口,如http的默认端口为80。path:路径 由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。query:查询 可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/原创 2020-07-20 12:35:03 · 1994 阅读 · 0 评论 -
JavaScript-数组中常用的API
1. join() 方法可以将数组转换为字符串输出,并可以指定一个可选的符号来分割数组中的各个元素。var arr = ['1','2','3'];arr.join() // 默认情况 1,2,3arr.join('') // 123arr.join(' ') // 1 2 3arr.join('-') // 1-2-32. reverse() 方法reverse() 方法可以把数组中元素的顺序颠倒,返回逆序的数组。var arr = ['1','2','3']arr.原创 2020-07-09 19:53:54 · 272 阅读 · 0 评论 -
JS笔试题合集(包含少量的HTML & CSS)-日常笔记
1.JS随机生成N个长度的字符1.随机数2.N个长度,需要用到循环3.字符:随机数生成后需要拼接,可用到数组。function aa(N){ var arr =[];//定义一个数组,用来拼接字符 for(var i=0;i<N;i++){//N个长度 var ran = Math.foor(Math.random()*10);//生成随机数 arr.push(ran);//在数组最后添加生成的随机数 } console.log(arr.join(""));//使用join原创 2020-07-08 19:28:35 · 1244 阅读 · 1 评论 -
JS-闭包是啥
1.说明函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起构成闭包(closure)。在 JavaScript 中,每当函数被创建,就会在函数生成时,同时自动生成闭包。也就是说只要有函数的地方,都有闭包。2.词法作用域第一种写法function init() { var name = "chrome"; // name 是一个被 init 创建的局部变量 function displayName() { // di原创 2020-06-07 12:50:50 · 248 阅读 · 0 评论 -
简易的 iPhone 计算器-JS、CSS、HTML
HTML+CSS 布局 如下图:最外层使用div然后margin:auto;水平居中显示用户框我用的也是一个div 属性:text-align:right;文本右对齐table表格:5行4列 加上 border-radius圆角属性 <style> .panel { width: 270px; height: 400px; margin: auto; backgro.原创 2020-06-02 21:17:41 · 872 阅读 · 0 评论 -
JS Date对象计算100天以后的时间
核心:setDate();由此可见我们就可以直接: <script> // 获取 当前时间 var date = new Date(); date.setDate(date.getDate()+100); document.write("100天后"+date.toLocaleString()); </script>...原创 2020-06-02 20:40:03 · 2178 阅读 · 0 评论 -
JS 倒计时怎么做的
JS-倒计时HTML代码:<body> <div id="div1"></div> <div id="div2"></div> <div id="div3"></div></body>CSS代码: <style> div { ...原创 2019-10-27 14:36:07 · 187 阅读 · 0 评论 -
JS 设置网页下滑时出现的显示、隐藏div事件
1.HTML:设置body 的 onscroll事件(在元素滚动时执行)<body onscroll="get()"> <div id="Slide_downward"></div></body>2.JS代码function get (){ //滚动条距离顶部的距离 var topverb1 = document.doc...原创 2019-10-27 14:32:19 · 3060 阅读 · 0 评论