自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 computed 、watch 和 filters 的区别

computed:计算属性,依赖其他属性,当其他属性改变的时候下一次获取computed值时也会改变,computed的值会有缓存。watch:类似于数据改变后的回调,如果想深度监听的话后面加一个deep:true,如果想监听之后立即执行的话需要加上immediate:truefilters:过滤器,帮助我们过滤请求计算属性computed和过滤器filters有什么区别?filters与computed相同点:都必须有返回值,且可以绑定数据不同点:filters可以传参,但是不

2022-05-13 15:00:22 354

原创 闭包理解、 Promise 对象、原型和原型链

函数执行,形成私有的执行上下文,使内部私有变量不受外界干扰,起到保护(避免命名冲突)和保存(解决循环绑定引发的索引问题)的作用,变量不会销毁(可以使用函数内部的变量,是变量不会被垃圾回收机制回收)应用:设计模式中的单例模式、for循环中的保留 i的操作、防抖和节流、函数科里化缺点:会出现内存泄漏的问题———————————————————————————————————————————Promise 是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理更强大。所谓 ..

2022-05-13 14:26:32 263

原创 节流 和 防抖

节流 :N 秒内只运行一次,若在 N 秒内 重复触发,只有 一次生效防抖 :N 秒后在执行该事件,若在 N 秒内被 重复触发,则 重新计时// ------------------------ 节流 , 时间戳版 function throttle(fn, wait) { let previous = 0 return function () { let now = Date.now() let _this = this...

2022-05-13 14:13:41 98

原创 vscode Koa2搭建环境

koa2因为基于Node.js的开发框架,所以需要安装node.js,非常容易安装,不懂的可以去看一下我之前发过的node安装的文章,里面又简单的流程介绍。下面开始为大家介绍koa2搭建环境的流程:首先创建一个文件夹例如今天的日期0318,然后右键此文件夹选择在集成终端中打开。输入npm i -g koa-generator回车结果输入npmviewkoaversion验证项目是否安装完毕出现版本号表示安装成功了,然后输入koa2qqsports标红的部...

2022-03-18 15:48:52 1154 1

原创 js事件以及案例

目录onload 页面加载事件onresize 改变窗口大小时触发事件onscroll滚动条事件表单事件键盘事件鼠标事件事件绑定冒泡事件捕获事件案例onload 页面加载事件window.onload是一个事件,在文档加载完成后能立即触发,并且能够为该事件注册事件处理函数。将要对对象或者模块进行操作的代码存放在处理函数中。即:window.onload =function (){这里写操作的代码};案例:<img src="images/lo

2022-03-12 10:56:37 1038

原创 node环境安装

关于node环境的安装可以去node官网:Node.js下载node另外也可以选择直接下载整个安装包我的建议是在首页下载,安装包的话可能环境配不好。这里傻瓜式安装就行了,不明白的地方可以用翻译软件翻译,但其实没有特别要注意的地方。安装完成之后,WIN加R键输入cmd输入 node -v以及npm -v 出现版本号之后就表示安装完成了...

2022-03-05 13:44:56 496

原创 for循环运用

求一到一百的整数累加var sum = 0;for (i = 1; i <= 100; i++) {sum += i;}console.log(sum);定义一个空变量,把循环的内容放到变量中相加,结果为:通过双重for循环可以实现九九乘法表for (var i = 1; i <= 9; i++) {for (j = 1; j <= i; j++) {document.write(j + 'x' + i + '=' + parseInt(i)

2022-03-01 18:59:26 165

原创 CSS3动画效果——大话西游

通过CSS3的动画效果实现任务和背景的移动小案例html:<div class="wk"></div> <div class="bj"></div><div class="main"> <ul> <li></li> <li></li> </ul> </d...

2022-02-20 22:10:55 410

原创 前端初学者

大家好,我是一名前段的初学者,开始学习前端内容的我准备每周做一次总结,整理一下我所学习的内容,顺便复习一次巩固记忆。刚开始学起来感觉还是蛮轻松的,大多内容简单易懂。首先我们需要了解一个网页的基本结构:<!-- 文档类型声明 --><!DOCTYPE html><!-- 整个html结构的开始和结束 --><html><!-- 文档的头部 --><head><!-- 元数据标签 keywords vi

2022-02-12 15:04:58 232

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除