来摸鱼啊！！！-CSDN博客

原创点击时滑动到可视区域

点击时滑动到可视区域给每一个div添加点击事件+下标，给下面大盒子设置id，在大盒子里给每一个div对应的盒子设置id。然后 document.getElementById().scrollIntoView()

2021-07-13 14:55:31 163

浏览器有关面试题 1.HTTP和HTTPS的区别 https协议需要到CA（证书颁发机构）申请证书，一般免费证书较少，所以需要一定的费用 http是超文本传输协议，信息是明文传输，HTTPS是具有安全性的，ssl加密传输协议 http和HTTPS使用的是完全不同的连接方式，用的端口也不一样，http是80，HTTPS是443 http的连接很简单，是无状态的。HTTPS协议是由SSL+http协议构建的可进行传输加密身份认证的网络协议，比http协议安全 2.浏览器的三次握手第一次：客户端发送网络包，服务

2021-03-17 16:28:50 128

原创数组的扩展

ES3~5 1、concat( )：数组合并。 2、join( )：数组转字符串。 3、pop( )：删除最后一个元素。 4、push( )：数组向后添加。 5、unshift( )：数组向前添加。 6、reverse( )：数组翻转。 7、shift( )：删除第一个元素。 8、slice( )：数组元素的截取，返回一个新数组，新数组是截取的元素，可以为负值。 9、sort( )：对数组元素进行排序； 10、splice( )：删除元素，并向数组添加新元素； 11、toString( )：数组转字符串；

2021-01-08 20:49:15 451

原创原生AJAX

原生AJAX 1、创建xhr 核心对象 var xhr=new XMLHttpRequest(); 2、调用open 准备发送参数一：请求方式参数二: 请求地址参数三：true异步，false 同步 xhr.open('post','http://www.baidu.com/api/search',true) 如果是post请求，必须设置请求头。 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded') 3

2021-01-06 21:19:31 83

原创继承

继承 ES5继承 1.原型链继承利用原型让一个引用类型继承另一个引用类型的属性和方法缺点： 1:通过原型来实现继承时，原型会变成另一个类型的实例，原先的实例属性变成了现在的原型属性，该原型的引用类型属性会被所有的实例共享。 /2:在创建子类型的实例时，没有办法在不影响所有对象实例的情况下给超类型的构造函数中传递参数。 function SuperType() { this.name = 'Yvette'; this.colors = ['pink', 'blue', 'green']

2021-01-06 21:18:49 66

原创数组扁平化

数组扁平化 1.什么是数组扁平化就是把一个多维数组转换为一维数组 2.实现的基本方式 1、对数组的每一项进行遍历 2、判断该项是否是数组 3、如果该项不是数组就要把该项放到一个新数组里 4、是数组的话就回到1，继续迭代 5、数组遍历完成，返回新数组 es6中的flat函数也可以实现数组的扁平化 let arr1 = [1,2,['a','b',['中','文',[1,2,3,[11,21,31]]]],3]; console.log( arr1.flat( Infinity ) ); 扩展运算符 /

2020-12-30 19:43:06 82

原创函数

函数 1.什么是函数封装的可利用的代码，安全、可重用性、具有特定功能。包括两种：系统函数和自定义函数。系统函数：eval，isNaN（），isArray（），Math.random()，parseInt()，parseFloat() 自定义函数：没有具体的返回值，要有return返回。没有return返回的话，就返回undefined 构造函数：构建创造对象时调用的方法，并且只调用一次。是给对象做初始化的。一般的函数可以调用多次 2.命名函数有名字的函数 function fn1(){ } 3.匿名函

2020-12-28 21:01:50 74

原创 JS排序

JS排序 1.冒泡排序相邻的两个元素进行比较，自下而上，由最具体到最不具体 var arr = [1,3,5,5,11,22,455,75] function bubbleSort(){ for(var i=0;i<arr.length;i++){ for(var j=0;j<arr.length-1-i;j++){ if(arr[j]>arr[j+1]){ //判断相邻的两个元素的大小

2020-12-28 19:55:05 66

原创 jsonp的原理

jsonp的原理 1.ajax请求受同源策略的影响，不允许进行跨域请求，利用script标签的src属性不受同源策略的约束，可以利用这个特性做以下操作： 1.动态创建添加到页面中执行（body.appendChild(‘script’)） 4.页面要提前定义好callback。 5.后端会返回回调函数执行并包裹参数callback(data) 设置跨域请求 // 响应控制请求允许 res.setHead("Access-Control-Allow-Origin","*") 前端代码

2020-12-23 20:26:42 73

原创 JS数组去重

JS数组去重 1.ES6的set方式 var arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined, undefined, null,null, NaN,NaN,‘NaN’, 0, 0, ‘a’, ‘a’,{},{}]; function arr_unique1(arr){ return […new Set(arr)]; //或者 //return Array.from(new Set(arr)); } arr_unique1(

2020-12-23 19:47:40 55

原创 JS面试题

JS面试题 1.对this的理解是一个关键字，代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。（1）做为纯粹的函数调用，this指向全局对象（2）做为对象的方法调用，this指向调用对象（3）做为构造函数被调用时，this指向新的对象（4）apply调用this指向apply方法的第一个参数 2.JS有哪些内置对象 Object是JavaScript中所有对象的父对象数据封装类对象：object 、array、boolean、number、string 其他对象：function、a

2020-12-23 19:24:29 99

原创 ES6面试题

ES6面试题 1.es5和es6的区别，说一下你所知道的es6 ES6新增的一些特性： 1）let声明变量和const声明常量，两个都有块级作用域ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明 2）箭头函数ES6中的函数定义不再使用关键字function()，而是利用了()=>来进行定义 3）模板字符串模板字符串是增强版的字符串，用反引号（`）标识，可以当作普通字符串使用，也可以用来定义多行字符串 4）解构赋值ES6 允许按照一定模式，从数组和对象中提取值，对变

2020-12-17 21:22:57 81

原创微信小程序面试题

小程序 1.什么是微信小程序简称小程序（mini progrom），是一种不需要安装下载就可以使用的应用，实现了应用“触手可及”的梦想，用户扫一扫或搜一下就可打开应用。 2.为什么是微信小程序 1.微信有海量的用户，粘性高，在微信开发产品更容易触达用户 2.推广app或公众号的成本太高 3.开发适配的成本低 4.容易小规模试错，可以快速迭代 5.可以跨平台 3.小程序结构目录小程序框架的目标是通过尽可能

2020-12-12 14:12:45 923

原创 CSS面试题

CSS 1.什么是CSS 不是真正的编程语言，是样式表语言，允许有选择性的为HTML稳当的元素添加样式。 2.CSS3新增特性颜色：新增 RGBA，HSLA 模式。文字阴影（text-shadow）。 3.边框：圆角（border-radius）边框阴影： box-shadow。盒子模型：box-sizing。 5.背景：background-size 设置背景图片的尺寸 background-origin 设置背景图片的原点 background-clip 设置背景图片的裁切区域，以”，”分隔

2020-11-29 19:29:18 117

原创 HTML面试题

HTML 1.什么是HTML 不是真正的程序语言，是一种标记语言。用来结构化和含义化。web网站上的内容由元素（elements）组成，封装内容中担任不同工作的各部分。 2.HTML5为什么需要写（1）HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 DOCTYPE 来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；（2）HTML4.01 基于 SGML，所以需要对 DTD 进行引用，才能让浏览器知道该文档所使用的文档类型。 3.简述HTML语义化的理解（1）让页面的内容

2020-11-26 11:23:21 255

weixin_50539621的博客