代码编织梦想

手写Promise系列之Promise.allSettled-爱代码爱编程

手写Promise系列之Promise.allSettled es2020引入只有等到所有这些参数实例都返回结果(不管是fulfilled还是rejected),才会结束 举个例子: let p1 = new Promise((resolve,reject)=>{ setTimeout(()=>{ resol

版本控制系统--Git--02-爱代码爱编程

复习版本控制系统–Git–01: 版本控制软件作用?负责管理文件版本版本控制系统的分类?本地版本控制系统,集中化的版本控制系统,分布式版本控制系统Git的特性?Git 快照是在原有文件版本的基础上重新生成一份新的文件,类似于备份Git初始化仓库命令 git initGit查看文件状态命令 git status,git status -s,git stat

手写Promise系列之Promise.race-爱代码爱编程

手写Promise系列之Promise.race Promise.race(iterable) 方法返回一个 promise迭代器中的promise谁先执行完毕就用谁的结果,那个率先改变的 Promise 实例的返回值,就传递那个给p的回调函数。 看下面一个示例 let p1 = new Promise((resolve,reject)=>

一文告诉你什么是回调地狱,如何解决回调地狱?-爱代码爱编程

文章目录 前言一、回调地狱是什么?二、如何解决回调地狱1.Promise2.async/await总结 前言 在正式了解“回调地狱”之前,我们先了解两个概念: 回调函数 当一个函数作为参数传入另一个参数中,并且它不会立即执行,只有当满足一定条件后该函数才可以执行,这种函数就称为回调函数。我们熟悉的定时器和Ajax中就存在有回调函数:setT

js碎片容器的理解和使用-爱代码爱编程

## 1.我们要明白当js操作dom时发生了什么? 每次对dom的操作都会触发"重排"(重新渲染界面,发生重绘或回流),这严重影响到能耗,一般通常采取的做法是尽可能的减少 dom操作来减少"重排" 2、什么是文档碎片? document.createDocumentFragment() 一个容器,用于暂时存放创建的dom元素 3、文档碎片有什么用?

图片跟着鼠标飞-爱代码爱编程

相信很多小伙伴在浏览很多网页的时候,鼠标的样式发生了改变,或者说是有一张图片跟着鼠标一起动,那么这个跟着鼠标动的图片是如何实现的呢,今天教大家来实现这个动画。 选择图片 因为我们要一张图片跟着鼠标一起动。那么第一步肯定是选择一张好看的照片,最好是选择一张gif可以动的照片 我选择的就是这个会飞的小天使 搭好css的内容 .图片选好之后,我们需要搭建

VUE的计算属性~-爱代码爱编程

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、computed的使用1.创建2.使用二、computed的特性?总结 前言 computed 是计算一个新的属性,并将该属性挂载到 Vue 实例上 提示:以下是本篇文章正文内容,下面案例可供参考 一、computed的使用 computed属性主要是

将字符串格式的时间格式化-爱代码爱编程

/** * 时间格式化 * @param {[Number]} date 时间戳 * @param {[DateString]} fmt 时间格式 * dateFormat('yyyy-MM-dd hh:mm:ss.S') => 2016-03-12 20:13:32.232 * @return {[date]} 时间 */ exp

简析let,const,var-爱代码爱编程

该文章同步发布于小田,终于 var,let,const三者区别 var的作用域为函数作用域;let,const为块作用域。块作用域为函数作用域的子集var存在变量提升——变量在声明之前可以使用;let,const一定要在声明之后才能使用,否则报错,即不存在变量提升var可以多次声明同一个变量,后面的会覆盖之前的;let,const重复声明会报错cons

JavaScript的强制类型转换(String Number Boolean)-爱代码爱编程

强制类型转换是指将一个数据类型强制转换为其他的数据类型。接下来,让我们一起来讲讲JavaScript在进行强制类型转换时都有哪几种方法吧~ 将其他的数据类型转换为String 1. 方式一 调用被转换数据类型的toString()方法(调用xxx的yyy方法,就是xxx.yyy())该方法不会影响原来的变量,它会将转换的结果返回null和undefi

重构-分页器-爱代码爱编程

动画: 无 实现: startX变量来记录要渲染的中间按钮的起始页数 pageNum变量来表示要渲染的中间按钮的个数 currtX变量来记录当前的页数 (1)首尾固定数值 (2)根据传递的中间按钮要显示的个数 如果要显示的个数+首尾固定的2个数<=总页数,则不会出现省略号, (3)渲染中间按钮个数 1、要渲染的个

JS数组排序sort()-爱代码爱编程

方法一:利用sort()方法 // 排序字符串数组 var strArr = ["a","A","b","B"]; strArr.sort(); // ["A", "B", "a", "b"] // reverse() 方法反转数组中的元素 strArr.reverse() // 排序数字数组 var numArr = [1,25,5,65,7,99

JS-语法设计模式-爱代码爱编程

设计模式:代码经验的总结 设计模式都是面向对象的 工厂模式 工厂函数就是做一个对象创建的封装,并将创建的对象return出去 function newObj(name,age){ var o = new Object(); o.name = name; o.age = age; return o; } var obj

版本控制系统--Git--01-爱代码爱编程

Git介绍 Git 是一个开源的分布式版本控制系统,是目前世界上最先进、最流行的版本控制系统。可以快速高效地处理从很小到非常大的项目版本管理。特点:项目越大越复杂,协同开发者越多,越能体现出 Git 的高性能和高可用性!Git 的记录快照 Git 快照是在原有文件版本的基础上重新生成一份新的文件,类似于备份。为了效率,如果文件没有修改,Git 不再重

vue中从后台渲染文章列表及根据id跳转文章详情-爱代码爱编程

前言:vue里面怎样从后台渲染列表,怎么根据文章的id获取文章的具体内容。以及值与值之间的传递,vue-router 里query和params的区别及使用。 一、query和params 先来看看query和params是怎样传值和接收参数的吧!后面会用到的哦! (1)query方式传参和接收参数 query相当于get请求,页面跳转的

利用JavaScript实现发表、修改、删除评论-爱代码爱编程

要用js实现这些功能,首先我们分析一下需要做什么 1.再文本框写评论 2.创建一个能储存写好的评论的地方,我们一般用无序列表li来储存 3.li不能让它固定,所以我们也需要用js来动态创建 4.肯定要在已经发布的评论哪里删除,也就是说,再创建的li中在创建两个按钮 那么大致的html就只需要创建一个文本框和一个发表评论的按钮就够了,为了方便,ul也可以先创

return函数、转变this指向-爱代码爱编程

一.return函数 1.所有表达式都有返回值,我们自己写的函数默认返回值都为undefined。 当我们console一个函数时,会打印函数的本身。 function a(){ console.log(123) return function(){ con

获取url转义之后的后面key值-爱代码爱编程

1、例如 https://editor.csdn.net/md?not_checkout=1&articleId=111070909,获取not_checkout值; getUrlParameter(“not_checkout”);//值1 //获取菜单url参数 function getUrlParameter(key) { var url =

JavaScript中this关键字-爱代码爱编程

单独使用,this 表示全局对象[object Window]var x = this; // [object Window] 在函数中,this 表示全局对象[object Window]function myFunction() { return this; // [object Window] } 对象方法中,this 表示该方法所属

VUE的自定义指令-爱代码爱编程

文章目录 前言一、VUE自定义指令的创建?1.全局自定义指令创建2.局部自定义指令创建总结 前言 VUE除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自