![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
heiXD
简单清爽,代码简洁的王叔叔
展开
-
插槽
什么是插槽?插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。1.在子组件放一个占位符<template> <div> <h1>今天的日期是:</h1> <slot></slot> </div></template><script> export default{ 'n原创 2020-12-08 11:19:34 · 188 阅读 · 0 评论 -
js概念性问题(一天一个问题23)
1.一个http请求经历了那些过程2.ajax请求的3次握手3.作用域,作用域链4.事件捕捉和时间冒泡5.前端优化页面有哪些方法6.http包括哪些内容原创 2020-09-22 16:06:36 · 74 阅读 · 0 评论 -
es6常用方法(一天一个问题20)
1.箭头函数和普通函数区别2.set和map区别3.便利数组map,foreach,some,every,filter4.promise,await,async5.操作数组的方法原创 2020-09-17 17:52:49 · 183 阅读 · 0 评论 -
js数据操作常见问题(一天一个问题18)(判断数据类型,拷贝,遍历,拼接增删改查,其他)
1.判断不同数据类型值类型引用类型es6number string boolean null undefinearray object functionsymbol判断数据类型方法值类型typeof constructor instanceof Object.prototype.toString()typeof(不能区分null array object)typeof ""; //stringtypeof 1; //nu原创 2020-09-15 17:57:15 · 213 阅读 · 0 评论 -
promise,await,async,generator(2)(一天一个问题15)
一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。具体代码如下:let p1 = new Promise((resolve, reject) => {resolve(‘成功了’)})let p2 = new Promise((resolve, reject) => {resolve(‘success’)原创 2020-09-08 09:53:03 · 89 阅读 · 0 评论 -
promise,await,async,generator(1)(一天一个问题14)
promise原创 2020-09-08 09:21:06 · 127 阅读 · 0 评论 -
cookie,session,localStorage,sessionStorage(2)(一天一个问题12)
cookie和session比较对象cookiesession存放位置浏览器端服务器端保存数据字符串对象存放位置浏览器端服务器端存放位置浏览器端服务器端原创 2020-09-04 13:35:28 · 71 阅读 · 0 评论 -
cookie,session,localStorage,sessionStorage(1)(一天一个问题11)
cookie,localStorage,sessionStorage比较对象cookielocalStoragesessionStorage数据大小4k左右服务器端保存数据字符串对象存放位置浏览器端服务器端存放位置浏览器端服务器端存的大小:cookie不超过4K; localStorage和sessionStorage存5M或者更大与服务器通信:每次http请求都会携带cookie;localStorage和sessionStor原创 2020-09-03 15:56:49 · 159 阅读 · 0 评论 -
闭包(一天一个问题10)
闭包理解闭包是指有权访问另外一个函数作用域中的变量的函数优点缺点应用function makeFunc() { var name = "Mozilla"; function displayName() { alert(name); } return displayName;}var myFunc = makeFunc();myFunc();...原创 2020-09-03 10:23:49 · 192 阅读 · 0 评论 -
函数柯里化(一天一个问题9)
函数柯里化函数柯里化是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术柯里化实现sum(1)(2)(3)返回结果是1,2,3之和function sum(a){ return function(b){ return function(c){ return a+b+c } }}sum(1)(2)(3)解读sum(1) 返回一个函数function(b)(2)----这是一个自执行函数传参2...原创 2020-09-02 14:16:54 · 96 阅读 · 0 评论 -
函数防抖和节流(一天一个问题8)
防抖重复点击----重新计时理解 : 触发事件n秒后执行函数内容,如果再n秒内又触发事件,则重新计时var timerfunction clickAdd(){ if(timer){ clearTimeout(timer) timer = setTimeout(function(){ console.log(1) },1000) }else{ timer = setTimeout(function(原创 2020-09-01 15:02:50 · 95 阅读 · 0 评论 -
变量,函数提升(一天一个问题5)
题目一var getName = function() { console.log(4);};function getName() { console.log(5);}getName(); //4//相当于function getName() { // 函数声明的提升大于变量声明的提升 console.log(5);}var getName;getName = function() { // 函数提升不会被变量提升覆盖,会被变量赋值覆盖 console.lo.原创 2020-08-30 11:32:16 · 113 阅读 · 0 评论 -
浏览器缓存(强制缓存和协议缓存)(一天一个问题4)
from memory cache:字面理解是从内存中,其实也是字面的含义,这个资源是直接从内存中拿到的,不会请求服务器一般已经加载过该资源且缓存在了内存当中,当关闭该页面时,此资源就被内存释放掉了,再次重新打开相同页面时不会出现from memory cache的情况from disk cache:同上类似,此资源是从磁盘当中取出的,也是在已经在之前的某个时间加载过该资源,不会请求服务器但是此资源不会随着该页面的关闭而释放掉,因为是存在硬盘当中的,下次打开仍会from disk cache资源本身大.原创 2020-08-30 11:05:48 · 119 阅读 · 0 评论 -
原型,原型链(一天一个问题3)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200830085512819.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlbGxvd1hEVw==,size_16,color_FFFFFF,t_70#pic_centerObject.prototype.contructor === Object.原创 2020-08-30 08:56:01 · 103 阅读 · 0 评论 -
改变this指向的方法(一天一个问题1)
改变this指向的方法call,apply,bind1.改变this的指向并且执行调用函数.call(), call(thisScope, arg1, arg2, arg3…).apply(), apply(thisScope, [arg1, arg2, arg3…]);两个参数2.而bind 改变this的指向,返回的是函数.bind() bind(thisScope, arg1, arg2, arg3…)3.this在函数创建的时候是没有意义的,只有在函数调用的时候指向调用这个函数的对象原创 2020-08-26 13:33:34 · 128 阅读 · 0 评论 -
跨域的N种解决方案
跨域的N种解决方案一、什么是跨域二、 跨域问题常见报错形式三、跨域的N种解决方案1、vue项目node中间件(http-proxy-middlewar)2、CORS跨域资源共享3、jsonp跨域4、websocket5.浏览器设置允许跨域(chrome)6.其他一些方法一、什么是跨域跨域,是指浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域。它是由浏览器的同源策略造成的,是浏览器对 JavaScript 施加的安全限制。什么又是同源策略?同源策略是由 Netscap原创 2020-06-22 16:53:36 · 243 阅读 · 0 评论 -
js启动exe程序
1.导出、添加注册表a.输入regedit打开注册表编辑器b.导出注册表c.修改注册表,添加 [HKEY_CLASSES_ROOT\myprotocol] @="myprotocol Protocol" "URL Protocol"="" [HKEY_CLASSES_ROOT\myprotocol\DefaultIcon] @="C:\\PROGRAM...原创 2019-12-06 16:38:39 · 1888 阅读 · 0 评论 -
优雅降解和渐进增强
渐进增强(Progressive Enhancement) 一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。 优雅降级(Graceful Degradation) 一开始就构建站点的完整功能,然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack 使其可以...原创 2018-08-12 18:52:17 · 174 阅读 · 0 评论 -
this的指向
函数分类:关键字函数,函数字面量,构造函数,箭头函数 this一般在函数创建的时候是没有意义的,只有在函数调用的时候才有具体只想。 关键字函数 function p(){ console.log(111) } 函数字面量 var p = function(){console.log(111) } 构造函数 function Person(name){ this...原创 2018-08-08 14:17:40 · 121 阅读 · 0 评论 -
改变this的方法
构造函数+call+apply+bind 一构造函数function Fn(){ this.user = "追梦子";}var a = new Fn();console.log(a.user); //this指构造函数的实例call+apply b.call(a)—–b.call(a)意思将b添加到a的环境中—b放在a的环境下执行 eg1:callvar a = {...原创 2018-08-16 17:07:08 · 214 阅读 · 0 评论 -
websocket
webSocket优点 webSocket是HTML5中的协议,支持持久连接;而Http协议不支持持久连接。 可以由服务器主动发起 缺点 不兼容低版本的IE 解决长连接的其他办法 1)ajax轮询 ajax轮询的原理非常简单,让浏览器隔个几秒就发送一次请求,询问服务器是否有新信息 其他说明 Websocket只需要一次HTTP握手,所以说整个通讯过程是建立在一次连接/状态中 W...原创 2018-08-16 17:41:51 · 280 阅读 · 0 评论 -
http1.0与http1.1
http1.0与http1.1+websockethttp1.0 HTTP的生命周期通过 Request 来界定,也就是一个 Request 一个 Response ,那么在 HTTP1.0 中,这次HTTP请求就结束了。 规定浏览器与服务器只保持短暂的连接,浏览器的每次请求都需要与服务器建立一个TCP连接,服务器完成请求处理后立即断开TCP连接,服务器不跟踪每个客户也不记录过去的请...原创 2018-08-16 17:55:42 · 167 阅读 · 0 评论 -
事件冒泡和事件捕捉
事件流 IE的事件流:冒泡 dom标准事件流:先捕获在冒泡,从document开始 浏览器的捕获从window开始事件冒泡:事件冒泡是自下而上的去触发事件。 事件捕捉:自上而下的去触发事件。 绑定事件方法的第三个参数,可控制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡。默认false,即事件冒泡。有兼容问题 阻止冒泡:Jquery的e.stopPropa...原创 2018-08-19 16:12:37 · 160 阅读 · 0 评论 -
浅谈IE事件处理与其他浏览器的差异
1、表示发生事件:(1)非IE浏览器下,事件对应的函数有一个隐藏的变量e,表示发生事件。(2)IE下,不需要e变量,window.event表示发生事件。解决方案:用e||window.event来兼容。2、触发事件对象(触发事件的元素被认为是目标target):(1)IE下,window.event对象有srcElement属性,但没有target属性。(2)Firefo...转载 2018-08-18 21:27:20 · 202 阅读 · 0 评论 -
移动端设配布局rem
rem1. 什么是rem rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖父元素计算。 2.怎么计算的来rem ht...原创 2018-08-17 15:08:33 · 229 阅读 · 0 评论 -
postmessage封装跨域消息传递
第一部分 postMessage消息传递CD.html<div style="width:200px; float:left; margin-right:200px;border:solid 1px #333;"> <div id="color">Frame Color</div></div><div> &原创 2019-02-27 14:23:26 · 1378 阅读 · 0 评论 -
变量提升全解析
1.变量的提升:将变量的声明提升到执行环境的最顶端 console.log(a);//输出结果 undefined var a=10; //相当于 var a; console.log(a);//输出结果 undefined var a=10; 2.函数提升=函数声...原创 2018-08-10 16:06:43 · 253 阅读 · 0 评论