摘要: 观察者模式又被称为发布-订阅模式,是设计模式中的一种行为型模式; 定义: 观察者模式定义了一种一对多的对象依赖关系,当被依赖的对象的状态发生了改变,所有依赖它的对象都会得到通知; 白话解释: 假如你去苹果专卖店买最新款的iphone11,因为iphone11刚出来不久,正处旺季,供货不足;当你去专卖 阅读全文
posted @ 2019-10-17 11:47 有梦想的咸鱼前端 阅读(1554) 评论(0) 推荐(4) 编辑
摘要: 我们在很多UI框架中看到带箭头的提示框,感觉挺漂亮,但是之前一直不知道其原理,今天网上找了些资料算是弄清楚原理了; 先上效果图: 原理分析: 上面的箭头有没有觉得很像一个三角形,是的,它就是三角形;只不过它这个尖角是通过两个三角形来实现的; 首先新建一个div,画出提示框的轮廓 给定样式: 这样,我 阅读全文
posted @ 2019-10-14 16:13 有梦想的咸鱼前端 阅读(8938) 评论(10) 推荐(9) 编辑
摘要: 原型模式: 原型模式是指原型实例指向创建对象的种类,并通过拷贝这些原型创建新的对象,是一种用来创建对象的模式,也就是创建一个对象作为另一个对象的prototype属性; prototype警告:学习了解原型模式前需先学习原型、原型链、prototype、__proto__、constructor等知 阅读全文
posted @ 2019-10-14 15:44 有梦想的咸鱼前端 阅读(759) 评论(0) 推荐(1) 编辑
摘要: 建造者模式是相对比较简单的一种设计模式,属于创建型模式的一种; 定义:将一个复杂的对象分解成多个简单的对象来进行构建,将复杂的构建层与表现层分离,使相同的构建过程可以创建不同的表示模式; 优点: 模式作用: 注意事项: 白话解释: 某土豪想建一个房子,某土豪只需要找包工头,包工头再去找施工团队来建造 阅读全文
posted @ 2019-10-12 14:09 有梦想的咸鱼前端 阅读(683) 评论(0) 推荐(3) 编辑
摘要: 单例模式也称为单体模式,规定一个类只有一个实例,并且提供可全局访问点; 在读这篇文章之前,也许你对单例模式的概念感到模糊或者不清楚,但是其实在日常的开发中你肯定用到过单例模式; JavaScript中没有类的定义,单例模式的特点是”唯一“和”全局访问“,那么我们可以联想到JavaScript中的全局 阅读全文
posted @ 2019-10-11 11:22 有梦想的咸鱼前端 阅读(2503) 评论(0) 推荐(7) 编辑
摘要: 在介绍工厂模式之前,首先我们要理解一下什么是设计模式?什么是设计原则? 设计模式: 通常在我们解决问题的时候,很多时候不是只有一种方式,我们通常有多种方式来解决;但是肯定会有一种通用且高效的解决方案,这种解决方案在软件开发中我们称它为设计模式; 设计模式并不是一种固定的公式,而是一种思想,是一种解决 阅读全文
posted @ 2019-10-10 14:03 有梦想的咸鱼前端 阅读(3331) 评论(2) 推荐(3) 编辑
摘要: Vue.nextTick是Vue官方给我们提供的一个API(方法),作用是在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM; 那么我们的理解是:当数据发生变化之后,DOM视图并不会立即更新,如果我们在发生变化之后立马去获取某个节点或者某个节点的值,很有可能 阅读全文
posted @ 2019-10-07 15:24 有梦想的咸鱼前端 阅读(2153) 评论(0) 推荐(1) 编辑
摘要: 路由元信息?(黑人问号脸???)是不是这么官方的解释很多人都会一脸懵?那么我们说meta,是不是很多人恍然大悟,因为在项目中用到或者看到过呢? 是的,路由元信息就是我们定义路由时配置的meta字段;那么这个meta的作用是什么呢? 首先看一个场景: 通常我们在开发网站或者移动应用的时候,我们通常会有 阅读全文
posted @ 2019-09-29 11:41 有梦想的咸鱼前端 阅读(3425) 评论(0) 推荐(2) 编辑
摘要: 在项目开发的时候,我们通常会将程序分为开发环境和生产环境(或者叫线上环境),开发环境通常指的是我们正在开发的这个阶段所需要的一些环境配置,也就是方便我们开发人员调试开发的一种环境;生产环境通常指的是我们将程序开发完成经过测试之后无明显异常准备发布上线的环境,也可以理解为用户可以正常使用的就是生产环境 阅读全文
posted @ 2019-09-27 15:53 有梦想的咸鱼前端 阅读(11779) 评论(0) 推荐(4) 编辑
摘要: 关于Vue.mixin在vue官方文档中是这么解释的: 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 我们的理解:Vue.mixin给我们提供了一种混入 阅读全文
posted @ 2019-09-26 11:54 有梦想的咸鱼前端 阅读(26217) 评论(5) 推荐(12) 编辑