https://yang143.cn心怀所愿，奔赴山海Halo v2.22.14zh-cnhttps://yun.yang143.cn/blog/2024/1/logo.webphttps://yang143.cnFri, 15 May 2026 13:34:21 GMThttps://yang143.cn/archives/1709091730329Vue 总结 对 proxy & Object.defineProperty 理解 Object.defineProperty 的主要三个问题： 不能监听数组变化 ：无法监听到数组下标的变化，导致通过数组下标添加元素，不能实时响应 必须遍历对象的每个属性 ：只能劫持对象的属性，从而需要对每个对象，每]]>/archives/1709091730329Jonathan学习笔记Tue, 29 Aug 2023 08:04:00 GMThttps://yang143.cn/archives/1708409281805github 文档地址 使用 systemd 这个示例将会演示在 Linux 系统下使用 systemd 控制 frps 及配置开机自启。 在 Linux 系统下，使用systemd 可以方便地控制 frp 服务端 frps 的启动和停止、配置后台运行和开启自启。]]>/archives/1708409281805Jonathan工具Fri, 19 May 2023 06:56:00 GMThttps://yang143.cn/archives/1708604320680分析打包 安装 rollup-plugin-visualizer 插件，此插件可以展示构建时长、chunk 数量及大小，是分析构建的绝佳利器。 pnpm add rollup-plugin-visualizer -D 在 vite.config.ts 中引入 import { visualize]]>/archives/1708604320680Jonathan经验分享Mon, 10 Apr 2023 12:20:00 GMThttps://yang143.cn/archives/1705822864338name: Release on: push: branches: - main jobs: Build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 -]]>/archives/1705822864338Jonathan经验分享Tue, 21 Mar 2023 07:50:00 GMThttps://yang143.cn/archives/17057561442331. 创建构建计划 1.1 选择自定义构建过程 1.2 配置代码源 根据需求选择代码源并配置代码仓库，配置完成后直接点]]>/archives/1705756144233Jonathan经验分享工具Wed, 15 Feb 2023 07:28:00 GMThttps://yang143.cn/archives/1708681825870String.prototype.padStart -- es2017 把指定字符串填充到字符串头部，返回新字符串。 语法 str.padStart(targetLength [, padString] targetLength 当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返]]>/archives/1708681825870Jonathan学习笔记Wed, 16 Nov 2022 05:58:00 GMThttps://yang143.cn/archives/1708412608778给定一个非负整数数组 nums ，你最初位于数组的 第一个下标 。 数组中的每个元素代表你在该位置可以跳跃的最大长度。 判断你是否能够到达最后一个下标。 示例 1： 输入：nums = [2,3,1,1,4]]]>/archives/1708412608778Jonathan学习笔记Tue, 31 May 2022 07:08:00 GMThttps://yang143.cn/archives/1705908254546问题 CentOS 8 yum安装软件时，提示无法从AppStream下载 [root@C8-3 ~]# yum -y install httpd mariadb-server mariadb php php-mysql Repository AppStream is listed more tha]]>/archives/1705908254546Jonathan经验分享Mon, 23 May 2022 02:56:00 GMThttps://yang143.cn/archives/1705926909739pm2 常用命令 pm2 stop app # 停止服务 pm2 restart app # 重启服务 pm2 pull app # 更新服务到最新代码 pm2 show app # 查看服务的参数信息 pm2 log app # 查看服务日志 pm2 ls # 查看已部署的服务列表 p]]>/archives/1705926909739Jonathan学习笔记Thu, 28 Apr 2022 10:01:00 GMThttps://yang143.cn/archives/1705926240883nginx 1. 快速安装 1.1 安装 yum install nginx 安装完成后命令行中输入nginx -v查看当前 Nginx 版本信息 1.2 相关文件夹 使用 rpm -ql nginx 来查看 Nginx 安装位置 主要文件夹有两个 /etc/nginx/conf.d/]]>/archives/1705926240883Jonathan学习笔记Tue, 12 Apr 2022 08:36:00 GMThttps://yang143.cn/archives/1705908946001安装zshbrew install zsh zsh-completions 切换到zsh[sudo] chsh -s $(which zsh) 安装oh-my-zshgit clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh]]>/archives/1705908946001Jonathan工具Thu, 24 Mar 2022 03:26:00 GMThttps://yang143.cn/archives/f77f06b2-b524-459b-8cf8-fe07d0af0820编辑页面上的任何文本 在控制台输入document.body.contentEditable="true"或者document.designMode = 'on'就可以实现对网页的编辑了。 递增/递减 CSS 属性值 * 增量0.1 * Mac： Option +向上和Option +向下]]>/archives/f77f06b2-b524-459b-8cf8-fe07d0af0820Jonathan工具Mon, 10 Jan 2022 08:08:00 GMThttps://yang143.cn/archives/ffdbed44-1b43-4d2e-b654-078bf1af015cVue2 像 Vue3 一样使用compostition-api #安装 npm install @vue/composition-api # or yarn add @vue/composition-api 在使用 @vue/composition-api 前，必须先通过 Vue.use() 进行]]>/archives/ffdbed44-1b43-4d2e-b654-078bf1af015cJonathan学习笔记经验分享Fri, 10 Dec 2021 02:02:00 GMThttps://yang143.cn/archives/4c1a2054-1c66-4c49-87fb-5187c0ea65c4src/core/instance/index.js initMixin 注册_init 方法 initLifecycle(vm) initEvents(vm) initRender(vm) callHook(vm, 'beforeCreate') initInjections(vm) // res]]>/archives/4c1a2054-1c66-4c49-87fb-5187c0ea65c4Jonathan学习笔记Tue, 30 Nov 2021 10:02:00 GMThttps://yang143.cn/archives/1705911766534Vue.js 一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。他相比我们传统的前端开发，如使用 jQuery 等前端库直接修改 DOM，大大简化了代码量。特别是当交互复杂的时候，只关心数据的修改会让代码逻辑变得非常清晰，因为]]>/archives/1705911766534Jonathan学习笔记Mon, 29 Nov 2021 08:23:00 GMThttps://yang143.cn/archives/1705910375277Data对象：vue中的data方法中返回的对象； Dep对象：每一个Data属性都会创建一个Dep，用来搜集所有使用到这个Data的Watcher对象； Watcher对象：组件视图对象，主要用于渲染DOM V]]>/archives/1705910375277Jonathan学习笔记Wed, 24 Nov 2021 11:04:00 GMThttps://yang143.cn/archives/1705910033187# 安装插件 yarn add -D vite-plugin-vue2 修改 vite.config.js import {createVuePlugin} from 'vite-plugin-vue2' import {defineConfig} from 'vite' export defau]]>/archives/1705910033187Jonathan学习笔记工具Tue, 23 Nov 2021 07:02:00 GMThttps://yang143.cn/archives/1705909804882传统的 bundle 模式 Vite vite 工作流 启动服务 => 查找入口文件（module script） => 浏览器发送请求 => vite劫持请求处理返回文件到浏览器 Vite 运行 Dev 命令后只做了两件事情，一是启动了一个用于承载资源服务的 service；二是使用 esbuil]]>/archives/1705909804882Jonathan学习笔记Mon, 22 Nov 2021 07:52:00 GMThttps://yang143.cn/archives/a83b1f01-ad1f-4dd1-8942-d7b654d6cc61标准数据类型（5） String 字符串 Number 数字 List 列表 Tuple 元祖 Dictionary 字典 数字 Python支持四种不同的数字类型： int (有符号整数) lo]]>/archives/a83b1f01-ad1f-4dd1-8942-d7b654d6cc61Jonathan学习笔记Sat, 20 Nov 2021 11:21:00 GMThttps://yang143.cn/archives/81e35cf8-6b83-4578-908b-e81ea1caec32Python语言支持以下类型的运算符: 算术运算符 比较（关系）运算符 复制运算符 逻辑运算符 位运算符 成员运算符 身份运算符 运算符优先级]]>/archives/81e35cf8-6b83-4578-908b-e81ea1caec32Jonathan学习笔记Thu, 18 Nov 2021 09:00:00 GMT