摘要:
前言 浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是 JS 引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。 阅读全文
摘要:
前言 因项目的需要,而且当前组件库并不支持业务,所以,重新对日历组件进行封装。该篇博客就对实现日历的思路进行存档,方便以后的查阅。 先上图:UI小哥哥的原型图。接下来的思路都是根据该图进行解说 逻辑 1.组件的拆分,分出哪些是业务,哪些是基础组件。 整体来说,这就是在日历的基础上添加业务,所以日历组 阅读全文
摘要:
一.vue生命周期的解析 > 1>什么是vue生命周期 每个vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。详细来说,就是Vue实例从开始创建,初始化数据,编译模板,挂在dom->渲染,更新->渲染,卸载等一系列过程,我们称这是vue的生命周期,各个阶段有相对应的事件 阅读全文
摘要:
一.前言: js 的七大设计原则: 1.单一原则 2.开闭原则 3.里氏替换原则 4.依赖倒转原则 5.接口隔离原则 6.合成复用原则 7.迪米尔法则 二.单一原则 1.定义:单一原则就是一个对象或者一个方法,只做一件事。 比如,目前公司的前端框架,如下图:在src中api只是做接口层,assets 阅读全文
摘要:
什么是媒体查询 一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成,例如宽度、高度和颜色。媒体查询,添加自css3,允许内容的呈现针对一个特性范围的输出设备而进行裁剪,不必改变内容的自身。@media可以针对不同 的屏幕尺寸设置不同的样式,特别是如果你需要设置设计 阅读全文
摘要:
初识easy mock cli,始于一场缘分 在谈及easy mock cli的时候,先说一下easy mock是什么把?官方解释是:Easy Mock 是一个可视化,并且能快速生成 模拟数据 的持久化服务。通俗易懂的话,就是假数据。使用的目的就是为了在前后端开发的过程中,前端会比后端先行一步,在还 阅读全文
摘要:
恢复内容开始 定义: 是指讲一个接口转换成客户端希望 的另外一个接口,该模式使得原本不兼容的类可以一起工作。适配器模式的作用事解决两个软件实体间的接口不兼容的问题。 生活中的实例: USB转接器,在以前的电脑上,PS2接口是连接鼠标,键盘等其他外部设备的标准接口。但随着技术的发展,越来越多的电脑开始 阅读全文
摘要:
定义 装饰者模式能够在补改变对象自身的基础上,在程序运行期间给对象动态的添加职责。 当看到装饰者模式的定义的时候,我们想到的js 的三大特性之一--继承,不也能够实现不改变对象自身的基础上,添加动态的职责,也是可以实现的。那为什么还需要装饰者模式呢?在解决这个问题之前,先讲一下继承的概念。 继承 继 阅读全文
摘要:
通过if-else 来实现拦截器的封装 首先,说一下上面拦截器封装的逻辑,当状态码为1000的时候,请求数据成功,当状态码为435001, 435011, 436050的时候,退出登录。其他状态码的时候,返回错误信息。 在最开始封装拦截器的时候,使用了大量的if-else的。在可读性上是不太 友好的 阅读全文
摘要:
定义: 将抽象部分与它的实现部分分离,使他们都可以独立的变化。 也就是说,桥接模式里面有两个角色: - 扩充抽象类 - 具体实现类 在写桥接模式之前,想在写一下关于抽象的理解。我觉得抽象这个概念过于抽象,而不易于理解。 抽象的概念: 从具体事物抽出、概括出它们共同的方面、本质属性与关系等,而将个别的 阅读全文