一只小青锐
码龄7年
关注
提问 私信
  • 博客:39,176
    39,176
    总访问量
  • 36
    原创
  • 976,010
    排名
  • 34
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:江西省
  • 加入CSDN时间: 2018-03-22
博客简介:

qq_41884544的博客

查看详细资料
个人成就
  • 获得55次点赞
  • 内容获得8次评论
  • 获得221次收藏
创作历程
  • 40篇
    2021年
成就勋章
TA的专栏
  • 网络原理
    2篇
  • 算法
    5篇
  • HTML&CSS
    12篇
  • JavaScript
    14篇
  • ES6
    5篇
  • Webpack
    1篇
  • Vue
    1篇
  • Jquery
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.js前端框架
  • 后端
    node.js
  • 网络与通信
    https
  • 学习和成长
    面试
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

查找两个节点的公共父节点

function commonParentNode(oNode1,oNode2) { if(oNode1.contains(oNode2)) { return oNode1; } oNode1 = oNode1.parentNode;}//递归写法function commonParentNode(oNode1,oNode2) { if(oNode1.contains(oNode2)) { return oNode1; } return commonParentNode(oNod
原创
发布博客 2021.05.14 ·
370 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

斐波那契数列

//方法一:递归实现function fb(n) { if(n === 0) { return 0; } if(n===1 || n===2) { return 1; } return fb(n-1) + fb(n-2);}//方法二:迭代实现function fb(n) { if(n === 0) { return 0; } if(n === 1 || n === 2) { return 1; } let num1 = 1; let num2 = 1; l
原创
发布博客 2021.05.13 ·
211 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

字符串判断是否回文

function isHuiWen(str) { return str === str.split('').reverse().join('');}
原创
发布博客 2021.05.10 ·
185 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

理解async与await

1. async和await是什么async可以理解为generate的语法糖,async是异步的意思,用来声明一个函数是异步的。await是等待的意思,顾名思义,它是用来等待某个动作的完成。注:(1) await不是用来调用async函数的,async函数的调用与普通函数调用没有区别。(2)await只能写在async函数中,不能写在别处。2.async起什么作用(1)我们来看一段代码async function fun1() { return "hello";}let res
原创
发布博客 2021.05.07 ·
6946 阅读 ·
11 点赞 ·
0 评论 ·
24 收藏

webpack基本使用

webpack4.x最详细入门讲解
原创
发布博客 2021.04.30 ·
142 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

vue项目打包后index.html显示空白

打开vue.config.js文件,找到publicPath: ‘/’,将其改为publicPath: ‘./’删除原来的dist文件,重新npm run xxx打包
原创
发布博客 2021.04.30 ·
147 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

浅析闭包

1. 什么是闭包闭包是指能够访问其他函数内部变量的函数。2. 闭包经典写法function fn() { var a = 10; return function(b) { console.log(a+b); }}var getVal = fn();getVal(5);//15//定时器与闭包for(var i=0; i<5; i++) { setTimeout(function(){ console.log(i);
原创
发布博客 2021.04.13 ·
78 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

cookie,session,sessionStorage和localstorage

1. 三者的操作1.1 Cookie的操作//设置cookiedocument.cookie = "key=value;expire=" + date;//删除cookie暂时没有方法直接删除,但是可以将cookie的Max-age设置为0//一般我们可以通过js-cookie这个库来操作cookieCookies.set(key, val, {expire:""等属性}) //创建cookieCookies.get(key) //获取cookie的key对应的属性值Cooki
原创
发布博客 2021.04.09 ·
165 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

常见的HTTP状态码

1xx:信息状态码100:继续。一般在发送 post 请求时,已发送了 http header 之后服务端将返回此信息,表示确认,之后发送具体参数信息2xx:成功状态码200:成功返回信息201:成功请求且服务器创建了新资源202:服务器以接收请求但尚未处理3xx:重定向301:请求的网页以永久重定向302:临时重定向303:临时重定向,且总是使用get请求新的url304:自从上次请求后,请求的网页未修改过4xx:客户端错误400:服务器无法理解请求的格式4.
原创
发布博客 2021.04.08 ·
120 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

数组去重

123
原创
发布博客 2021.04.08 ·
84 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JavaScript中call,apply和bind方法

1. 三者的区别call和apply都是为了解决函数调用的时候函数内部this指向的问题,默认第一参数是this指向,其余的都是函数的形参。call的形参用逗号隔开,apply的参数用一个数组接收。call和apply是改变this指向后立即执行函数,而bind是返回一个绑定上下文的新函数,后续可以通过新函数执行。bind函数返回的新函数不可以再通过apply call改变它的this指向。...
原创
发布博客 2021.04.07 ·
96 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

深入理解JavaScript-this

1. this的说明在绝大多数情况下,this值的确定与函数的调用方式有关。2. 全局执行上下文中的this在全局执行环境中(在任何函数体外部)this 都指向全局对象。在JS引擎运行global code之前,会创建一个全局执行上下文压入执行栈的栈底,这个全局执行上文的ThisBinding绑定的是全局对象,在浏览器里指的就是window。3. 函数执行上下文中的thisJavaScript是静态作用域,词法环境是由代码结构决定的,开发把代码写成什么样,词法环境就是怎么样,跟方法在哪里调用没有关
原创
发布博客 2021.04.06 ·
152 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

深入理解JavaScript函数

1. JavaScript定义函数的方式1.函数声明2.函数表达式3.立即执行函数4.new Funcion(arg1,arg2…,argn,body)创建函数。2. 函数声明首先看一个例子:var a = 2;function foo() { console.log(a); // 2}function bar() { var a = 3; foo();}bar();我们用词法作用域来表示:GlobalExecutionContext { ThisB
原创
发布博客 2021.04.06 ·
153 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

深入理解JavaScript执行上下文和词法环境

一、执行上下文与词法环境1. 什么是执行上下文执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。2. 执行上下文的类型全局执行上下文  任何不在函数内部的代码都在全局上下文中。它会执行两件事:创建一个全局的 window 对象(浏览器的情况下),并且设置 this 的值等于这个全局对象。一个程序中只会有一个全局执行上下文。函数执行上下文每当一个函数被调用的时候,都会为该函数创建一个函数执行上下文。函数上下文可以由任意多个。每当一个新的执行上下文被创建,它会按定义的顺序(将在
原创
发布博客 2021.04.03 ·
396 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

ES6中的数组方法

1. Array.from(arrLike,[mapFn],[this])描述:用于从类数组对象或可迭代对象(数组,有length属性的对象,字符串,ES6中的Map和Set)创建一个新的,浅复制的数组实例参数:  arrLike:arrLike:可迭代对象或者任意拥有length属性和若干索引属性的对象  mapFn:在生成的数组实例基础上,对每一个元素执行的map方法  this:执行回调函数时的this对象返回值:一个新的数组实例。//由字符串生成数组let str = "hello"
原创
发布博客 2021.04.03 ·
240 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ES6中的解构

解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。1. 数组解构//完全解构const [a,b,c] = [3,6,9];console.log(a,b,c); //输出3 6 9//嵌套解构let [a, [b,x], c] = [1, [2, 3], 4];console.log(a,b,x,c);//集合解构let [head,...tail] = [1,3,5,7];console.log(he.
原创
发布博客 2021.04.03 ·
164 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ES6新增Object方法

1. Object.create(proto,[propertiesObject])描述:创建一个新对象,使用现有对象来提供新建对象的__proto__参数:  proto:新建对象的__proto__指向的原型对象  [propertiesObject]:一个对象,该对象的属性类型参照Object.defineProperties()的第二个参数返回值:一个新对象,带着指定的原型对象和属性。var o;// 创建一个原型为null的空对象o = Object.create(null);
原创
发布博客 2021.04.02 ·
437 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

作用域与作用域链

一、作用域1.1 什么是作用域作用域是在运行时代码中的变量,函数的可访问性。1.2 作用域分类全局作用域:在代码中任何地方都能访问到的对象拥有全局作用域,一般来说有以下三种情形拥有全局作用域。(1) 最外层函数和在最外层函数外面定义的变量拥有全局作用域var outVariable = "我是最外层变量"; //最外层变量function outFun() { //最外层函数 var inVariable = "内层变量"; function innerFun() { //
原创
发布博客 2021.04.02 ·
421 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

JS中的reduce()用法

1. 语法arr.reduce(callback, initialValue)callback:每个元素都要执行的回调函数initicalValue:作为第一次调用 callback 的第一个参数。2. 回调函数的参数1、previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue),这个值可以使引用数据类型)2、currentValue (数组中当前被处理的元素)3、index (当前元素在数组中的索引)4、array (调用 reduce函数的数组)
原创
发布博客 2021.03.25 ·
399 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

JS事件详细解析

事件捕获和事件冒泡都是解决页面中事件流(事件发生顺序)的问题1.事件冒泡与事件捕获事件冒泡:事件冒泡按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发,是从内向外的。事件捕获:事件会从最外层元素开始发生,直到最具体的元素。2.DOM0级事件事件绑定:dom.ontype = function(){}事件解绑:dom.ontype = null(基本数据类型也行,但不够让人理解)缺点:不能给同一个dom对象绑定多个相同类型的事件处理程序优点:兼容性好默认事件冒泡处
原创
发布博客 2021.03.22 ·
201 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏
加载更多