学无止境
记录、分享学习过程!
听七里香的那位少年郎
从今天开始努力
展开
-
JavaScript设计模式---策略模式
策略模式/** * 策略模式:定义一系列的算法,把他们一个个封装起来,并且使他们可以互相替换。 * 例如年终奖的计算 * 基于策略模式的程序至少有两部分组成:一个是一组策略类,封装了具体的算法进行计算;第二个是环境类,来接受客户的请求,并将其委托给某一个策略类。 */// 模仿传统面向对象语言的策略模式实现// 定义一组策略const PerformanceS = function() {};performanceS.prototype.calculate = function(sala原创 2021-05-12 18:22:20 · 186 阅读 · 0 评论 -
JavaScript设计模式---单例模式
单例模式/** * 单例模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点。 * 有一些对象往往只需要一个,比如全局缓存、线程池、浏览器中的window对象 * 例如;单击登录弹出一个登录悬浮窗,这个悬浮窗就是唯一的,无论点击按钮多少次,只会创建一次,适合用单例模式创建 */// 简单的单例模式function Singleton(name) { this.name = name; this.instance = null;}Singleton.getInstance = fu原创 2021-05-12 16:24:01 · 209 阅读 · 0 评论 -
JavaScript中this指向问题------某种意义上来说,apply比call效率更高
JavaScript中this指向问题JavaScript中的this总是指向一个对象,而具体指向哪个对象是在运行时基于函数执行环境决定的,而不是函数声明时的环境,大多数情况下我们可以把函数中this的指向分为四种情况函数作为对象的方法调用时的this指向函数作为普通函数调用时的this指向函数作为构造器函数调用时的this指向函数使用call方法或者apply方法调用时的this指向函数作为对象的方法调用时当函数作为对象的方法调用时,this指向该对象:let obj = { a:原创 2021-05-12 11:43:31 · 193 阅读 · 0 评论 -
[bug之路]Failed to resolve import “./components/Header“ from “src/App.vue“. Does the file exi问题解决!亲测记录
问题描述在使用vite构建vue3项目的时候,引入组件,发现无法找到对应组件。原因查询github仓库发现一个相同问题解决方案修改引入: import Header from './components/Header.vue';成功运行输入: npm run dev...原创 2021-04-15 22:11:51 · 13006 阅读 · 1 评论 -
mark一下数组去重(set、reduce、foreach、filter、for、indexof、includes)
数组去重方法千万条,好用第一条,废话不多说,直接上代码通过Set集合的唯一性const generalArr = [1, 3, 4, 5, 4, 2, 500, 9, 9, 1, 100];;(function uniqueArray(arr) { // let result = [...new Set(arr)]; // 或者 let result = Array.from(new Set(arr)) console.log(result);})(generalArr)通过forE原创 2021-04-14 14:27:46 · 199 阅读 · 0 评论 -
vue组件通信方式:props、refs、$children、自定义事件$emit、$parent、provide/inject、事件总线、vuex
组件通信父组件 => 子组件属性props//parent<HelloWorld msg="welcome to Your Vue.js App" />//childprops:{ msg: String }引用refs用的较少,特别适合直接访问到dom节点进行dom操作的时候//parent<HelloWorld ref="hw" /> this.$refs.hw.xx = 'yyy'//child上述xx就是子组件He原创 2020-10-14 17:02:30 · 290 阅读 · 0 评论 -
npm查看下载源和换源
由于npm下载源在国外,所以我们下载东西有时候会卡住甚至出现报错为了解决这个问题我们往往使用国内镜像下载源淘宝镜像搜索地址:http://npm.taobao.org/registry地址:http://registry.npm.taobao.org/查看当前下载源npm config get registry替换源npm config set registry https://registry.npm.taobao.org 这里替换的就是淘宝镜像也可以使用cnpmnpm in原创 2020-09-10 10:52:07 · 4447 阅读 · 0 评论 -
【Markdown基本语法_看这个就够了系列】项目开发团队文档管理
这里的截图使用Typora演示。标题# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题标题使用一个或多个#++标题名来显示,如上标题就是一级标题注意:在#与标题名之间需要一个空格键不要忘了!!!代码片多行代码这里写多行代码新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心原创 2020-07-21 16:30:58 · 240 阅读 · 0 评论 -
【git日常使用_看这个我看行】|配合GitHub
git超详细从0开始到github使用步骤,可以留言编辑添加新内容,多多交流学习2.初始化git仓库:命令:git init在项目目录右键打开git bash,或者直接打开git bash将目录cd到项目目录。初始化仓库:git init初始化仓库成功后,在项目目录下,即当前文件夹下会生成一个.git隐藏文件目录,这里将存放我们对项目代码进行备份的文件。3.配置使用者用户名和邮箱命令:git config --global user.原创 2020-07-06 13:01:38 · 196 阅读 · 0 评论