使用 git submodule 来管理子模块 更新于 2020-08-16 分类于 Git Valine: 本文字数: 1.7k 阅读时长 ≈ 2 分钟 前言近期在考虑项目拆分的过程中,对于公共组件的维护总共找到了两种方式,分别是:发布 npm 包与 git submodule 子模块管理。对于 npm 发包的方法这里我就不做赘述了(先前有写到过),而另一种 git submodule 的方法这里就详细介绍一下,对于不想使用发包的方式(比较繁琐)来维护子项目的 coder 来说,这种方式可以算是最为方便的了。 阅读全文 »
分析 Vue 的观察者模式(中) 更新于 2022-07-26 分类于 Vue Valine: 本文字数: 1.5k 阅读时长 ≈ 1 分钟 前言在上篇分析 Vue 的观察者模式(上)中,简单实现了“手动”版观察者模式,而在本篇中我们继续沿着该思路往下探索,看如何实现“自动”版的观察者。 阅读全文 »
分析 Vue 的观察者模式(上) 更新于 2022-07-26 分类于 Vue Valine: 本文字数: 1.1k 阅读时长 ≈ 1 分钟 前言最近又鼓起勇气鼓捣 vue 源码,然后不经意间瞅了瞅最早开始学习 vue 源码时跟着撸的一个 vue-observer 的实例,发现自己对于观察者模式还是有些不太明白。因此,在学习了《JavaScript 设计模式》的“观察者模式”一篇后,总算有了一点灵感。目前趁灵感还在,在此便记录下我的理解。 阅读全文 »
记 JS 对象属性顺序 更新于 2022-07-26 分类于 面试题 Valine: 本文字数: 1.1k 阅读时长 ≈ 1 分钟 前言早期与后台对接接口时,让后台区分开数组与对象的传递参数,对于为什么也仅仅只是知道对象遍历顺序无法像数组一样得到保证,具体是怎么个规则还是不太了解。最近在学习了解 Reflect 部分知识时,正好又看到了对象属性排序部分的内容,因此做个笔记记录下来,用作备忘。 该部分基本上来自书本内容,夹带一些个人理解 阅读全文 »
浅谈 Proxy 更新于 2022-07-26 分类于 JavaScript Valine: 本文字数: 730 阅读时长 ≈ 1 分钟 前言最近阅读的 《你所不知道的 JavaScript 下篇》 基本上讲的都是 ES6 的一些知识,先前跟着阮一峰老师的 《ES6 入门》 一书,将大多数工作中常用的知识都过了一遍,但是少数稍微复杂的却都是“点到为止”,Proxy 代理正属于这一类。现在正好又学到了这一块,为了加深印象,还是写一篇博文以作记录。 此篇仅记录一些基础内容,方便理解,更为深层次的内容之后有时间进行补充。 阅读全文 »
IntersectionObserver 与延迟加载 更新于 2020-08-16 分类于 JavaScript Valine: 本文字数: 2.2k 阅读时长 ≈ 2 分钟 前言随着项目图表使用的复杂程度的提升,“大数据”与多图表渲染带来的影响是页面响应慢、用户体验随时间越来越糟。通过 chrome 的 performance 分析出的原因是:接口耗时基本可忽略不计,页面渲染耗时才是对用户体验的真正影响。因此如何更“智能”的加载渲染的图表才是问题解决的关键,而这就要聊到“延迟加载”了。 阅读全文 »
JSX 语法总结 更新于 2020-08-16 分类于 Vue Valine: 本文字数: 714 阅读时长 ≈ 1 分钟 前言最近着手编写 JSON 可视化部分的内容,由于此部分需要基于基础组件进行封装,Vue 的 JSX 的写法用的比较频繁,此处就记录我目前所能总结出的 JSX 的写法,以做备忘。 阅读全文 »
Vue 代码规范配置 更新于 2022-07-26 分类于 环境配置 Valine: 本文字数: 422 阅读时长 ≈ 1 分钟 前言工欲善其事,必先利其器。一个好的规范能使的团队开发的效率提升一倍,因此,一个好的规范对于一个团队来说是必不可少的。此处记录我为所在团队维护的一套前端规范相关的配置。 推荐阅读:Mac 环境配置 的 “配置 VScode” 部分,通过 Sync 安装我总结的插件可不用关心以下的配置,默认配置好。 阅读全文 »
前端缓存查询状态 更新于 2020-08-16 分类于 Vue Valine: 本文字数: 2.1k 阅读时长 ≈ 2 分钟 前言为了提升用户的使用体验,多数场合我们都会对表单场景做一些缓存。当然最简单的情况是弹框处理下钻页面,这样基本上不用考虑换页返回时的状态缓存问题了,然而并不是所有的需求都满足这种场景,此处我就记录一下这次做缓存时的一些策略选择和遇到的问题。 阅读全文 »
ES6 模块 更新于 2020-08-16 分类于 JavaScript Valine: 本文字数: 1.9k 阅读时长 ≈ 2 分钟 前言作为 JS 中最重要的代码组织模式,了解 ES6 模块也是很有必要的。在最近的阅读学习过程中,对于模块这部分也略有心得,在此记录一下习得的知识。 知识点来自《你所不知道的 JavaScript 下卷》 阅读全文 »