跳至主要內容
Vue常见优化手段

相关信息

永远不要过早优化,优化也有相应的代价

  • 开发时间变长
  • 开发成本增加
  • 代码难以阅读
  • 增加维护成本

何时优化,因地制宜,是一门艺术,尽量把优化的思想带入写代码的过程中

本文章的优化手段基于vue2


ZiHao...大约 11 分钟Vue优化
Vue2响应式原理解析

前言

首先要知道vue2 是2013年 基于 ES5开发出来的,我们常说的重渲染就是重新运行render函数

vue2 的响应式原理是利⽤ES5 的⼀个 API ,Object.defineProperty()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。


ZiHao...大约 11 分钟VueVue响应式
GitHub Actions 使用介绍

GitHub Actions 是什么?

Github Actions 是 Github 官方出的持续集成服务, 挺早之前就推出了。类似的还有如微软的DevOps、GitLab CI、Circle CI、Travis CI等等。大家知道,持续集成由很多操作组成,比如抓取代码、运行测试、登录远程服务器,发布到第三方服务等等。GitHub 把这些操作就称为 actions。

很多操作在不同项目里面是类似的,完全可以共享。GitHub 注意到了这一点,想出了一个很妙的点子,允许开发者把每个操作写成独立的脚本文件,存放到代码仓库,使得其他开发者可以引用。


ZiHao...大约 8 分钟GitHubGitHub Actions
Vercel deploy忽略指定分支

一招教你解决Vercel deploy时总是任意分支都可以触发,如果你的项目有多个分支,可以指定某一个或几个有提交时触发deploy


ZiHao原创...大约 5 分钟VercelVercel
终端究极美化iTerm2+Pure

提示

之前介绍了ZSH的安装和使用,这次把最终成果介绍一下,就是ZSH + iTerm2 + Pure

前置工作:安装ZSH,请参照之前的文章👉zsh安装


ZiHao...大约 4 分钟LinuxterminalLinux
Flutter 基础大集合

提示

把之前学习时候写的demo拿出来记录一下
地址:
flutter_my_app

demo是照着B站的视频敲的,现在可能用不上了,但是还是觉得当时写的demo对于想学习flutter的新手来说作用还是有的,因为视频课程很零散,所以我边看边写了一个app,里边基本介绍了大部分基础的用法,当然进阶的东西,这部分demo是没有的,最近也在忙,有空了再补一部分进阶的东西吧


ZiHao...大约 1 分钟Flutter前端跨平台Flutter
使用n命令管理node版本

鉴于使用 ReactNative 时,会需要不同的 node 版本,提供一种版本切换方式

使用 n command 来进行 node 版本管理

概念

n Node version manager 提供了一个更简单的 CLI,用于在 Node 版本之间进行安装和切换。它仅在 Linux 或 Mac 操作系统上受到支持。

安装

如果你已经安装某个版本的 Node 和 npm ,则可以用 npm install -g n 来安装 n,就像安装其他 NPM 包一样。


ZiHao...大约 3 分钟LinuxNode
更优雅强大的终端ZSH

MacOS 自带的 bash 作为几乎所有 Linux 发行版的默认终端,正常使用时没什么问题的

这里介绍一个更强大的终端神器

目录

背景介绍

在 unix 内核的操作系统中,当然现在衍生出好多分支,linux ,OS X 都算.

shell 就算和上面这些系统内核指令打交道的一座桥梁,我们通过键盘输入一种自己容易记忆识别的符号标识(shell 命令)

然后 shell 解析这种命令再反馈给内核去执行一系列操作.

zsh 和 shell 有什么关系呢?


ZiHao...大约 5 分钟LinuxterminalLinux