自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【nodejs基础】I/O,Buffer,http模块,stream

I/O处理关于 I/O ,有一个很经典的响水壶解释。隔壁王大爷有个水壶,王大爷经常用它来烧开水。同步阻塞:王大爷把水壶放到火上烧,然后啥也不干在那等,直到水开了王大爷再去搞别的事情。同步非阻塞:王大爷觉得自己有点憨,不打算等了。把水壶放上去之后大爷就是去看电视,时不时来瞅一眼有没有开。异步阻塞:王大爷去买了个响水壶,他把响水壶放在火上,然后也是等着水开,水开的时候水壶会发出声响。异步非阻塞:王大爷又觉得自己有点憨,他把响水壶放在火上然后去看电视,这时他不用是不是来瞅一眼,因为水开 的时候水壶会

2022-03-01 12:53:26 661 1

原创 【nodejs基础】解决跨域问题

跨域问题跨域:浏览器同源策略引起的接口调用问题同源策略: 主机 端口 协议接口调用: XMLHttpRequest 和 Fetch 都遵循同源策略浏览器:浏览器发现可疑行为,拒绝接收浏览器限制跨域请求一般有两种方式:浏览器限制发起跨域请求跨域请求可以正常发起,但是返回的结果被浏览器拦截了一般浏览器都是第二种方式限制跨域请求,那就是说请求已到达服务器,并有可能对数据库里的数据进行了操作,但是返回的结果被浏览器拦截了,那么我们就获取不到返回结果,这是一次失败的请求,但是可能对数据库里的数

2022-03-01 12:52:53 1662

转载 【初学者笔记】Typescript入门教程

前言一尾流莺在此预祝大家虎年大吉 ~ !JavaScript 是弱类型语言, 很多错误只有在运行时才会被发现,而 TypeScript 提供了一套静态检测机制, 可以帮助我们在编译时就发现错误。随着前端工程化的发展,TypeScript 起到了相当大的作用,可以帮助团队开发避免很多错误的发生。虽然使用 TypeScript 会让代码量增加,但是会让代码变的更加健壮,更好维护。另外,它的类型推断和语法提示功能属实是可以大幅度提升开发效率的。比如你写了一个很长的变量,你要么忘了怎么拼的,要么怕写错去

2022-01-13 11:04:08 391

原创 【Vue】页面首次载入优化

优化前的大小1.图片优化之前为了方便开法, 背景图片直接在 assets 里面扔了一个 jpg , 导致加载这张图片的时候就用了十几秒, 于是乎我就把图片上传空间了, 然后改用网络地址。2.禁止生成.map文件build 出来的 dist 文件夹里面有很多的 .map 文件,这些文件主要是帮助线上调试代码,禁止生成这些文件.在 vue.config.js 里面加上这句。3.路由懒加载4.cdn引入公共库 <link rel="stylesheet" href="https:

2021-12-13 19:32:34 681

原创 【实战记录】WebSocket在vue2中的使用

感觉有帮助的小伙伴请点赞????鼓励一下 ~什么是WebSocket官方说, WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。但是我对网络协议并不了解,用实际用途去解释它就是,它支持服务端主动给客户端发送消息。在 WebSocket 出现之前,我们要获取服务端的数据只能通过 客户端向服务端发送请求,服务端接到请求后返回数据,但是这样有一个很明显的缺点就是那些需要 频繁接收数据 的场景就需要不断的向服务端发送请求.比如聊天室,实时天气等, 以前的方法就是"轮

2021-12-13 19:32:01 1898

原创 【面试题解】你了解call,apply,bind吗?那你可以手写一个吗?

本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了 JavaScript 的基础 call,apply,bind 的作用。感觉有帮助的小伙伴请点赞????鼓励一下 ~call/apply作用用来改变函数内部 this 的指向。特点任何函数都可以调用这两个方法,说明它们是添加在函数原型上的方法(Function.prototype)。console.dir(Function.prototype)调用 call 和 apply 的函数会立即执行。call 和 appl

2021-11-15 19:44:21 725

原创 【面试题解】this 指向问题以及 ES6 模块化

感觉有帮助的小伙伴请点赞????鼓励一下 ~一.this指向问题首先,在 Vue 所有的生命周期钩子方法(如 beforeCreate,created,beforeMount,mounted,beforeUpdate, updated,beforeDestroy 以及 destroyed)里使用 this,this 指向调用它的 Vue 实例,即(new Vue)。其次,箭头函数没有自己的 this, 它的 this 是继承而来; 默认指向在定义它时所处的对象(宿主对象),而不是执行时的对象。根据下

2021-11-15 09:33:54 869

原创 【面试题解】JavaScript的深浅拷贝,如何手写深拷贝?

本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了 JavaScript 中拷贝的相关知识,以及如何手写深浅拷贝。感觉有帮助的小伙伴请点赞????鼓励一下 ~什么是拷贝拷贝其实就是复制,很多场景需要我们复制一份数据出来,然后对复制后的数据进行操作,可能要求不影响原数据,也可能会要求和原数据产生一些联动。所以根据深拷贝和浅拷贝的功能,就可以满足上述两种要求。值类型的拷贝值类型其实没有深浅拷贝之分,亦可以说值类型都是深拷贝。因为值类型拷贝后的值,不会跟原数据产生任何联动,修改拷贝

2021-11-13 21:55:26 822

原创 【知其所以然】详解 Promise A Plus ,从规范角度看 Promise

感觉有帮助的小伙伴请点赞????鼓励一下 ~前言Promise 的规范有很多,如Promise/A,Promise/B,Promise/D 以及 Promise/A 的升级版 Promise/A+。ES6 中采用了 Promise/A+ 规范。所以我们今天就讲一讲 Promise/A+ 规范。任何符合 Promise 规范的对象或函数都可以成为 Promise, 我们使用的 Promise 也不过是符合 Promise/A+ 规范的其中一种形式,你也可以自己封装一个符合规范的函数,那么你写的函数也

2021-11-12 09:14:33 752

原创 【面试题解】谈一谈JavaScript数据类型判断

本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了 JavaScript 中判断数据类型的各种方法。感觉有帮助的小伙伴请点赞????鼓励一下 ~typeof运算符识别所有值类型;识别函数类型;识别引用类型,但是无法区分对象,数组以及 null。Infinity 和 NaN 会被识别为 number,尽管 NaN 是 Not-A-Number 的缩写,意思是"不是一个数字"。我们可以使用 typeof 来检测一个变量是否存在,如 if(typeof a!="undefin

2021-11-11 09:33:17 310

原创 【面试题解】JavaScript数据类型相关的六个面试题

本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了 JavaScript 中的一些常见面试题。感觉有帮助的小伙伴请点赞????鼓励一下 ~JavaScript 属于什么类型的语言?JavaScript 有多少种数据类型?什么是值类型和引用类型?分别有哪些?什么是虚值和真值?分别有哪些?&& 和 || 运算符能做什么?JavaScript属于什么类型的语言?使用之前就需要确认其变量类型的称为 静态语言;在运行过程中需要检查数据类型的语言称为 动态语

2021-11-10 10:02:38 291

原创 【面试题解】你了解JavaScript常用的的十个高阶函数么?

本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了 JavaScript 中的一些 高阶函数,包括参数和返回值等。什么是高阶函数?高阶函数是对其他函数进行操作的函数,可以将它们作为参数或返回它们。简单来说,高阶函数是一个函数,它接收函数作为参数或将函数作为输出返回。1.函数可以作为参数function bar(fn){ if(typeof fn === "function"){ fn() }}//调用bar(function () {})

2021-11-09 10:24:26 788

原创 【面试题解】你能用多少种方式实现两栏布局,三栏布局,圣杯布局,双飞翼布局

本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了前端常用的几种布局方式,包括 两栏布局,三栏布局,圣杯布局,双飞翼布局。感觉有帮助的小伙伴请点赞????鼓励一下~两栏布局左侧宽度固定。右侧自适应。浮动法左栏做浮动。右栏添加 margin-left 。<style> body { background: gray; margin: 0; padding: 0; height: 100vh; } .left

2021-11-08 17:43:16 272

原创 【面试题解】什么是浮动?有什么应用?有什么影响?如何清除浮动?

本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了 浮动布局 以及 如何清除浮动。感觉有帮助的小伙伴请点赞????鼓励一下~标准文档流了解浮动之前,先来了解一下 标准文档流, 指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的 流式排列方式 。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。浮动布局什么是浮动布局所谓 css 浮动就是浮动元素会脱离文档的普通流,根据 float 的值向左或向右移动,直到它的外边界碰到父元素的内边界或另一个浮动元素的

2021-11-06 11:33:10 980

原创 【面试题解】什么是外边距重叠?如何解决?什么是BFC?

本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了 BFC 以及 利用 BFC 解决外边距重叠问题。块级格式化上下文(BFC)BFC( Block Formatting Context )什么是 BFCBFC 是一个独立的区域,它内部的元素都依照它的规则渲染,并且不会与 BFC 外部打交道。BFC 的布局规则内部的盒子会在垂直方向,一个个地放置;盒子垂直方向的距离由 margin 决定,属于同一个 BFC 的两个相邻盒子的上下 margin 会发生重叠;每一个元素的左

2021-11-05 09:20:56 472

原创 【面试题解】宽高固定的12种和宽高不固定的29种CSS居中方案。

先上一张思维导图,让大家一目了然,然后再逐条讲解。为避免重复代码过多,本文所有内容都以下面这个代码结构为基础,后续只会贴出核心代码。<style> .container { width: 600px; height: 600px; background: yellow; } .content { width: 200px; height: 200px; background: green; }</style>&

2021-11-04 16:06:24 216

原创 【面试题解】CSS布局,定位布局,浮动布局,BFC,IFC,FFC,GFC

标准文档流标准文档流 指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的 流式排列方式 。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。布局的方式盒子内部的布局文本的布局盒子本身的布局盒子之间的布局脱离标准文档流下的盒子的布局定位布局浮动布局标准文档流下的盒子的布局块级格式化上下文( Block Formatting Context )行内格式化上下文( Inline formatting contexts )自适应格式化上下文

2021-11-03 17:44:52 313

原创 【面试题解】CSS盒子模型与margin负值

盒子模型,顾名思义,可以装东西的称为盒子,比如 div,span,a 等等。像 img,input 这种不能装东西的就不是盒子。盒模型:分为内容(content)、填充(padding)、边界(margin)、边框(border)四个部分,内容又分为高(height)、宽(width)。盒子模型类型IE盒模型(border-box)IE 盒模型:属性 width,height 包含 content、border 和 padding,指的是 content + padding + border 。

2021-11-02 16:07:53 325

原创 【JavaScript】封装了六个操作日期的方法

本文整理了日常开发中常用的 6 个操作日期的方法,以帮助大家提升开发效率。1.获取指定日期是所在年份的第几天语法const result = dayOfYear(date)参数date (String) : 指定日期,可传参数同 new Date(),并且支持 yyyy-mm-dd格式,不传默认获取当天。返回值Number : 指定日期所在年份的第几天。源码const dayOfYear = (date) => { const myData = date ? new Dat

2021-11-01 19:26:52 182

原创 【面试题解】详解前端基石-CSS选择器

本文来系统的学习一下 CSS 选择器相关的内容。1.id选择器ID 选择器以 # 开头,它选择的是文档中 id 属性的值。 /* 这会让id等于app的元素的背景变为红色 */ #app { background: red } /* 这会让id等于box的元素的背景变为绿色 */ #box { background: green }2.类选择器类选择器以一个句点(.)开头,它选择的是文档中应用了这个类的所有元素。 /* 这会让class等于app的元素

2021-11-01 19:25:39 257

原创 【JavaScript】封装了二十个操作数组的方法

本文整理了日常开发中常用的 20 个操作数组的方法,以帮助大家提升开发效率。1.随机化数组元素的顺序语法const result = shuffleArr(arr)参数arr (Array) : 需要打乱顺序的数组。返回值Array : 打乱顺序后的数组。源码const shuffleArr = (arr) => arr.sort(() => Math.random() - 0.5);例子const ages = [1,2,3,4,5,6,7,8]const re

2021-10-29 17:08:45 168

原创 Vue3 + Typescript 自己动手实现一个网页版贪吃蛇

前言还记得刚上大学的时候,第一节编程课,老师说:“不要让我抓到你们玩游戏,否则玩什么就让你们写什么”。当时什么也不会,也不敢玩。如果现在能回到那节课,我就可以肆无忌惮的玩我的 贪吃蛇 了,被她抓到直接把源码地址给她一丢,岂不快哉。言归正传,那么本文将带你实现一个网页版贪吃蛇小游戏,技术栈选用当前热门的 Vite + Vue3 + Ts。???????? 在线试玩 ???????? 源码地址建议结合源码阅读本文,效果更佳哦 ~游戏截图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来

2021-10-28 19:33:36 4356 1

原创 【开发必备】快来收藏!涵盖日常开发中所需要的60多个正则验证!!

前言正则表达式对于前端来说是非常熟悉的,尤其是表单验证,本人是做活动开发的,经历过各种信息资料的填写,特意整理收集了若干个常用以及不常用的正则。我把它们整理成文档,方便大家查阅。文档有正则,但不只正则,还有很多常用的 js 方法等待大家发现,希望小伙伴们多多支持~???????? 在线文档???????? 源码地址感觉对你有帮助的小伙伴帮忙点个 star,或者常来文档看看,不定期更新更多的 js 技巧。在线文档已接入百度统计,小伙伴进入即可增加访问量,欢迎大家来让我的数据变的更好看一些~。如发现

2021-10-14 10:24:34 933

原创 【工程搭建】从零搭建一个 typescript + express + eslint 工程

前言对于前端开发人员而言,ts 已经逐渐成为了一项必不可少的技能,类型检查可以帮助我们在开发时避免一些不必要的 bug ,随着各种技术的不断成熟,在服务器端书写 ts 也日益成为主流。本文将记录如何从零搭建一个 typescript + express + eslint 的工程。安装依赖npm i -D typescript npm i -D ts-node npm i -D nodemon npm i -D @types/node npm i -D @types/

2021-09-09 17:41:20 639

转载 cheerio 中文文档

介绍把HTML告诉你的服务器.const cheerio = require('cheerio');const $ = cheerio.load('<h2 class="title">Hello world</h2>');$('h2.title').text('Hello there!');$('h2').addClass('welcome');$.html();//=> <html><head></head><bod

2021-09-09 16:05:39 1236

原创 【今天你更博学了么】 JavaScript 闭包

前言本文很基础,适合没有了解过闭包的同学入门,我是经常使用 js 书写业务逻辑,但没有刻意使用过闭包,如果你的情况跟我差不多,那么跟着本文,你一定也可以有所收获。进入今天的主题 闭包 。闭包闭包是什么闭包(closure)是 JavaScript 的难点,也是它的特色。是号称 JS 面试三座大山(原型与原型链,作用域及闭包,异步和单线程)其中的一座山。很多高级应用都需要依靠闭包来实验,包括我们去看很多的 JS 库和框架的源码,都少不了闭包的影子。定义闭包就是能够读取其它函数内部变量的函数。

2021-09-09 09:20:04 87

原创 【设计模式】我这样学习设计模式-发布订阅者模式

发布-订阅者模式虽然你可能还不熟悉 发布-订阅者 模式,但你肯定已经用过它了。因为 发布-订阅者 模式在前端领域可谓是无处不在。为什么这么说呢,因为 EventTarget.addEventListener() 就是一个 发布-订阅者 模式。先卖个关子,看完本文你就能理解了。定义发布-订阅者模式其实是一种对象间 一对多 的依赖关系(利用消息队列)。当一个对象的状态(state)发生改变时,所有依赖于它的对象都得到状态改变的通知。订阅者(Subscriber)把自己想订阅的事件注册(Subscrib

2021-08-27 17:33:15 288

原创 【今天你更博学了么】神奇的 Object.defineProperty

前言其实我第一次接触它还是在两年前学 JavaScript 的时候。但是由于日常工作中基本用不到,已经忘的差不多了。最近在学习 vue2.x 的源码。相信很多小伙伴知道它也是因为它被 Vue2 等框架作为响应式原理,更多的细节方面也是一知半解,本文将系统化的复习一下 Object.defineProperty。Object.defineProperty 语法⭐ 应当直接在 Object 构造器对象上调用此方法,而不是在任意一个 Object 类型的实例上调用。Object.definePropert

2021-08-19 17:09:13 282

原创 【今天你更博学了么】从0到1发布属于自己的库到npm

什么是NPMNPM(Node Package Manager),一个 Node.js 的包管理工具。本文不是 npm 的教程,简单说一下,最显著的作用就是用来管理和共享代码的。我的代码为什么要发布到NPM相信每个开发现代化工程的前端,都或多或少接触过 NPM ,也或许敲了无数次的 npm i xxx ,同时我也相信,每一个前端在自己的开发生涯中,或多或少的总结了各种奇淫巧技,封装了各种函数工具。但是我们都知道每次 npm i 下来的东西有什么作用,如何使用,但从来没有 npm i 过自己的代码。我

2021-08-17 10:43:23 127

原创 【今天你更博学了么】一个神奇的交叉观察 API Intersection Observer

前言前端开发肯定离不开判断一个元素是否能被用户看见,然后再基于此进行一些交互。过去,要检测一个元素是否可见或者两个元素是否相交并不容易,很多解决办法不可靠或性能很差。然而,随着互联网的发展,这种需求却与日俱增,比如,下面这些情况都需要用到相交检测:图片懒加载——当图片滚动到可见时才进行加载内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多,而无需用户操作翻页,给用户一种网页可以无限滚动的错觉检测广告的曝光情况——为了计算广告收益,需要知道广告元素的曝光情况在用户看见某个区域时执行任务

2021-08-16 11:00:33 822

原创 【图文并茂】六十多个 vscode 插件,助你打造最强编辑器

本文不做任何编辑器的比较,只是我本人日常使用 vscode 进行开发,并且比较喜欢折腾 vscode ,会到处找这一些好玩的插件,于是越攒越多,今天给大家推荐一下我收藏的 60 多个 vscode 插件,据说插件装太多,编辑器会变卡,可能是我的电脑配置还顶得住,目前并没有感觉到卡卡的。接下来我会将会以 优化外观,功能扩展,提升编码效率,代码格式化,其它插件 几个分类来进行介绍。一是把它们 分享 给有需要的小伙伴们,二是通过此文向小伙伴们 征集 其它好玩的插件,可以是任何类型的。有想要推荐其它插件的请评论

2021-08-10 09:26:16 2896 3

原创 【解决方案】如何在Vue2的工程中书写Vue3语法?

技术选择随着Vue3正式版本的发布,公司的部分新项目开始启用Vue3,部分老项目也在向Vue3迁移继领导让我整理一下Vue3知识点之后????????整理的一些Vue3知识点(600+????)但是公司还是有部分项目是基于Vue2的,于是领导又让我调研一下能不能在 Vue2 的项目中使用 Vue3 的语法。使用Vue3语法那么如何在Vue2中使用Vue3的语法呢,那就是借助@vue/composition-api插件。当然这个插件和Vue3正式版依然存在很多区别和不兼容的地方,心智负担还是有的

2021-08-02 10:44:54 2230

原创 【奇淫巧技】一个神奇的前端动画 API requestAnimationFrame

前言先上一个面试题:做前端少不了跟动画打交道,那么实现一个动画有哪些方式呢?JavaScript:setTimeout 和 setIntervalCss3:transition 和 animationHtml:canvas 和 SVGrequestAnimationFrame API…你还知道哪些方式可以实现动画?requestAnimationFrame API是什么本文主要学习 requestAnimationFrame API , 顾名思义,请求动画帧,也称 帧循环。文中贴

2021-07-29 11:20:52 305

原创 【面试题解】vue-router有几种钩子函数?具体是什么及执行流程是怎样的?

本文演示代码基于 vue-router 4.x前言vue-router 有几种钩子函数?具体是什么及执行流程是怎样的?先上思维导图。分析vue-router 的 钩子函数 ,其实说的就是 导航守卫 。引用官网的话“导航” 表示路由正在发生改变。vue-router 提供的导航守卫主要用来通过 跳转 或 取消 的方式 守卫导航 。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。也就是:全局守卫、路由守卫、组件守卫。代码演示环境搭建先简单搭建一下环境i

2021-07-21 15:14:14 2381

原创 【设计模式】前端这样学习设计模式-单例模式

定义限制类实例化次数只能一次,一个类只有一个实例,并提供一个访问它的全局访问点。适用于单一对象,只生成一个对象实例,避免频繁创建和销毁实例,减少内存占用。不适用动态扩展对象,或需创建多个相似对象的场景。原理使用一个变量存储类实例对象,初始值为 null或者undefined 。进行类实例化时,首先判断类实例对象是否存在,存在则返回该实例,不存在则创建类实例后返回。无论调用多少次类生成实例方法,返回的都是同一个实例对象。类图简单单例模式一个类可以创建多个实例,并且每个实例之间都不相等class

2021-07-21 08:27:47 137

原创 【实战技巧】CSS自定义属性以及在VUE3中的使用

什么是css自定义属性官方称之为 自定义属性 ,但我比较习惯叫它 变量 ,简单点说就是一种开发者可以自主命名和使用的 CSS 属性.CSS变量和预处理器中的变量有什么不同?CSS变量是浏览器中直接可用的CSS属性,而预处理中的变量是用于编译成常规的CSS代码,浏览器其实对它们一无所知。我们可以在 样式表中 ,在 内联样式 中,在 SVG的标签 中直接使用CSS变量,甚至可以在 运行时 用JavaScript直接修改它。但是我们是 无法 对预处理器中的变量做上面这些操作的.当然,可以同时使用CSS变

2021-07-21 08:27:08 3257

原创 【解决方案】Vue3多组件异步任务队列

关于 Vue3 和 mitt.js 的使用方法我在另一篇文章中有介绍整理的一些Vue3知识点(550+????)需求介绍最近公司有个需求,是一个移动端页面。一个页面包含多个楼层,每个楼层是一个单独的组件。每个组件内部有自己的逻辑。页面是类似于个人中心的福利页面,每个楼层展示对应礼包的图片,用户进入页面以后,在满足条件的前提下,自动弹出领取礼包的弹窗。控制每个礼包的弹窗显示隐藏的状态分别写在各自的组件中,现在的需求是???? 每次只能展示一个弹窗???? 无论点击确认还是取消,关闭上一个弹窗

2021-07-21 08:26:08 861

原创 【实战技巧】Vue3+Vite工程常用工具的接入方法

「本文已参与好文召集令活动,点击查看:后端、大前端双赛道投稿,2万元奖池等你挑战!」Vue3 正式版已经发布一段时间了,和 Vue3 更配的工具 Vite 也已经投入使用了,本文整理了如何将一些常用的工具整合到项目中。包括 vue-router , vuex , typescript , sass , axios , elementUI , vant。以及配置 环境变量,假数据 mock 等。新建项目目录输入命令,然后会让你填写工程名称,选择你要使用的技术栈,按照提示操作即可!//yarnyar

2021-07-21 08:25:19 1299

原创 【设计模式】前端这样学习设计模式-工厂模式

工厂模式工厂模式是用来创建对象的一种最常用的设计模式。根据抽象程度的不同可以分为:简单工厂模式,工厂方法模式 和 抽象工厂模式。简单工厂模式定义简单工厂模式,又称为静态工厂方法模式。由一个工厂对象决定创建出哪一种产品类的实例。类图我决定不干前端了,回家开了个星巴克咖啡厅,顾客到我的咖啡厅点一杯咖啡,告诉我需要哪种咖啡,我来根据顾客的决定创建咖啡。由于是小本生意,全部由我亲力亲为。咖啡类:Coffee子类:美式咖啡(AmericanCoffee)、拿铁咖啡(LatteCoffee)、卡布奇诺

2021-07-20 18:20:50 203

原创 【学习笔记】一文学会使用Vuex

简介,安装与初始化什么是vuexVueX是适用于在Vue项目开发时使用的状态管理工具。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。如何安装vuexnpm安装npm i vuex -s如何使用vuex在项目的根目录下新增一个store文件夹,在该文件夹内创建index.js此时项目的src文件夹是这样的│ App.vue│ main.js│├─asset

2021-07-20 18:20:18 182

空空如也

空空如也

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

TA关注的人

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