07月
05

发表于 • 字数统计 947 • 阅读次数

Mac系统下，我们一般用 homebrew 安装应用，安装的应用默认是当前 homebrew 版本内置的该应用最高版本，那如何安装该应用的低版本呢。

背景

Mac 下使用 homebrew 安装应用，一般我们会关闭 homebrew 的自动更新以提高安装效率。

当我们使用几年后，但电脑系统和 homebrew没更新后，我们会发现当前 homebrew 版本的应用都比较低。比如现在 2024-07-05, 我用的 homebrew 还是2020年的，执行 brew install nginx 后安装的 nginx 就是2020年左右的，大概是 1.19.0 左右。

于是，我们更新 homebrew 为最新版本，并希望安装最新版本的 nginx，于是执行 homebrew update ，成功后执行 brew install nginx，然后，问题就出现了。安装 nginx 失败，提示：您当前的osx 系统版本(和xcode)版本过低，最新版的nginx(1.25.1)不支持当前版本，安装失败！。

如果不想升级 osx 系统，那如何用高版本的 homebrew 安装任意版本的 应用 呢？

阅读全文 »
09月
08

发表于 • 字数统计 986 • 阅读次数

最近要在项目里引入 git commit 前执行 eslint 校验，通过才允许提交的功能。

考虑到可能会在多个项目中使用，以后也可能会增加其他功能。

然后吧，决定写个小工具，集合了一键安装相关依赖的功能，后续只要不断维护小工具就能扩展功能了。

目前的成果是，写了个包发布在 npm 上，通过命令 npx zwt-fe 即可使用。

效果如下：

zwt-fe

阅读全文 »
06月
02

发表于 • 字数统计 9202 • 阅读次数

基础相关

html

-

css

盒模型

  • margin、border、padding、content
  • box-sizing: content-box(默认)、border-box
  • inline: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
  • block: <div>、<p>、<h1>-<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
  • inline-block: image、input

居中

阅读全文 »
01月
19

发表于 • 字数统计 1434 • 阅读次数

你问我(一)在哪里？其实并没有写，因为我懒。。。。。(小声bb)

那么(一)是什么呢，简单来说就是加了个软路由 r2s，用 主路由 的模式实现了路由翻墙～

升级之旅(一)

痛点

  • 每个设备出国留学都要开相应的软件：Windows -> v2rayN，Mac -> v2rayU，ios -> shadowRocket
  • PC上代理游戏流量还得单独开 proxifier 软件，参考之前写的一片文章 ss + proxifier 实现vpn游戏代理
  • switch 联网得通过共享 wifi 的方式，一直开着 PC 或者 iphone

种种的不便大大降低了用户体验，尤其是玩 switch 的时候，每次都要特意开 PC 或 iphone 挂着，实在是不方便了～

那么，有什么方法能一起解决上面的问题呢？

阅读全文 »
01月
06

发表于 • 字数统计 1954 • 阅读次数

一般，我们知道

为什么需要脚手架？

  1. 减少重复性的工作，不再需要复制其他项目再删除无关代码，或者从零创建一个项目和文件。
  2. 根据交互动态生成项目结构和配置文件，具备更高的灵活性和人性化定制的能力。
  3. 多人协作更为方便，避免了人工传递文件的繁琐。
  4. 集成互联网上的模板，方便自己与他人使用。
阅读全文 »
11月
16

发表于 • 字数统计 1000 • 阅读次数

接上一篇文章，最近ui优化做的比较多，动效优化也是其中一部分。

动效的几种使用方式也都尝试过了，所以吧，做个小结记录一下～

使用方式

  • 手写动效
    • css 写法
    • vue 写法
  • 第三方动效库
    • animejs
    • lottie
阅读全文 »
11月
16

发表于 • 字数统计 959 • 阅读次数

最近ui优化做的比较多，样式写久了，越来越觉得 伪元素 是真的好用，善用 伪元素 能极大的提高效率。

下面总结下几种常用的伪元素用法：

  • 三角形
  • 业务场景下的一些样式
  • 垂直居中
阅读全文 »
09月
02

发表于 • 字数统计 1266 • 阅读次数

typescript 对 vue 2.x 的支持不是很好，但我们还是有必要学习一下。

本文会列出 vue 中常用功能在 typescript 里的写法。

基于类的组件

单页面是以类的形式使用的，所以用 typescript 定义 vue 应使用下面的语法

  • 在 script 里添加 lang='ts'
  • 在 Component里定义组件的 name
阅读全文 »
08月
26

发表于 • 字数统计 1023 • 阅读次数

vue-i18n 是 vue 下的一个插件，用于让项目支持国际化多语言。

安装

1
npm install vue-i18n --save

引入vue-i18n

  1. 将 vue-i18n 注入到vue中。注入后在任何 vue组件 (.vue结尾的文件)内，都可以使用 this.$t('xxxx') 来调用。

  2. 新建 VueI18n 实例。

    1. 新建默认语言。
    2. 新建待翻译语言(json文件)。
    3. 新建 VueI18n 实例时导入上面文件。
  3. 新建 Vue 实例时引入 VueI18n 实例。
阅读全文 »
11