摘要:当有人问起:你们的公司的这款应用用户体验怎么样呀?访问量怎么样?此时,你该怎么回答呢?你会回答:UV、PV 巴拉巴拉,秒开率、FP、TTI 巴拉巴拉。 那么,这些数据是哪里来的呢?显而易见,这些数据都来自前端监控系统。 前端监控的意义 当今时代,是一个快节奏的时代,应用的性能极大影响着用户的留存率, 阅读全文
posted @ 2020-09-02 14:29 格子熊 阅读(542) 评论(0) 推荐(0) 编辑
摘要:背景 事件的起因在于老板最近的两次“故障”,一次去年的,一次最近。共同原因都是脚手架在发布平台发布打包时出错,导致线上应用白屏不可用。 最神奇的是,事后多次 Code Review,结果还是没有发现任何能够导致该问题的 bug,最后推测有可能是服务器在发布打包的时候出了问题。 当老板第 N + 1 阅读全文
posted @ 2020-07-19 00:43 格子熊 阅读(500) 评论(2) 推荐(2) 编辑
摘要:聊聊 TypeScript 中的类型保护 在 TypeScript 中使用联合类型时,往往会碰到这种尴尬的情况: 如上所示,getSmallPet 函数中,既可以返回 Fish 类型的对象,又可以返回 Bird 类型的对象。由于返回的对象类型不确定,所以使用联合类型对象共有的方法时,一切正常,但是使 阅读全文
posted @ 2020-05-14 17:01 格子熊 阅读(599) 评论(0) 推荐(0) 编辑
摘要:众所周知,在组件式开发中,最大的痛点就在于组件之间的通信。在 Vue 中,Vue 提供了各种各样的组件通信方式,从基础的 props/$emit 到用于兄弟组件通信的 EventBus,再到用于全局数据管理的 Vuex。 在这么多的组件通信方式中,provide/inject 显得十分阿卡林(毫无存 阅读全文
posted @ 2019-11-08 09:59 格子熊 阅读(2748) 评论(0) 推荐(2) 编辑
摘要:聊聊 Vue 中 axios 的封装 axios 是 Vue 官方推荐的一个 HTTP 库,用 axios 官方简介来介绍它,就是: Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 作为一个优秀的 HTTP 库,axios 打败了曾经由 Vue 官方 阅读全文
posted @ 2019-10-18 08:51 格子熊 阅读(1126) 评论(3) 推荐(2) 编辑
摘要:ElementUI 作为当前运用的最广的 Vue PC 端组件库,很多 Vue 组件库的架构都是参照 ElementUI 做的。作为一个有梦想的前端(咸鱼),当然需要好好学习一番这套比较成熟的架构。 目录结构解析 首先,我们先来看看 ElementUI 的目录结构,总体来说,ElementUI 的目 阅读全文
posted @ 2019-07-18 09:20 格子熊 阅读(4559) 评论(0) 推荐(2) 编辑
摘要:Layout 布局 row 布局组件中的父组件,用于控制子组件。很简单的一个布局标签,主要通过 justify 和 align 控制子元素的对齐方式,使用 render 函数通过传入的 tag 属性控制生成的标签。 在这里推荐学习下 render 函数和 JSX 的写法,因为之后比较复杂的组件都是通 阅读全文
posted @ 2019-07-16 15:55 格子熊 阅读(1106) 评论(0) 推荐(2) 编辑
摘要:由于之前的 Vue 项目打包成果物一直是嵌入集成平台中,所以一直没有关注过项目的 title。直到最近,突然有个需求,要求点击按钮在集成平台外新开一个页面,此时我才发现,原来我的项目的 title 一直是万年不变的 vue project 。理所应当的,这个问题被测试爸爸提了一个大大的缺陷。 犯了错 阅读全文
posted @ 2019-06-11 10:53 格子熊 阅读(6677) 评论(0) 推荐(1) 编辑
摘要:前端性能优化一直是前端工作中必不可少的一部分,但是我们如何知道哪些部分的性能有优化的空间呢?此时,Chrome 性能监测就派上用场了。 正所谓:知己知彼,百战百胜,只有确定了性能瓶颈,才能有条不紊地进行前端性能优化工作。 Performance Performance 是 Chrome 开发者工具中 阅读全文
posted @ 2019-04-14 18:28 格子熊 阅读(1526) 评论(0) 推荐(3) 编辑
摘要:前言 如果统计一番前端最常用的方法,那么 console.log 一定位列其中。无论你写的是原生 JS 亦或者是 JQuery、Vue等等,调试之时,都离不开 console.log 方法。但是,console 对象中的方法不仅仅只有 log 方法。强大的 console 对象提供了大量控制台调试的 阅读全文
posted @ 2019-02-28 23:47 格子熊 阅读(1293) 评论(1) 推荐(8) 编辑