淳淳同学的个人博客

可以在你的博客或者自己的网站上增加一个github的标志链接 GitHub Ribbonsgithub repo是最初的角标链接，像丝带一样的长条形状，如下图所示： 接入代码如下所示： 1<a href="https://github.com/you"><img loading="lazy" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a> GitHub CornersGitHub...

公司为了访问便捷，大都使用gitlab或gitee，所以前两年的贡献度都在这两个仓库上。从今年打算转战github，多做项目、多做整理、多输出文章，旨在提升自己。所以本文的git贡献墙也以github为例 诸多解决方案Github Official API参考地址： github的贡献墙自带的request 优势： 官方的 缺点： 速度慢 不稳定，可能会挂 单纯的canvas 没有可读数据 Github Chart API参考地址： github repo online demo 优势： 实时性好，与官网同步 缺点： 速度慢 不稳定，可能会挂 单纯的canvas 没有可读数据 github-calendar.js参考地址： github repo online demo 优势： 自带色卡 缺点： 作者不维护了 GitHub Contribution Calendar API参考地址： github repo online...

随着项目与能力的提升与扩展，一台电脑上同时用着多个git仓库的情况越来越普遍，所以我们需要创建多个ssh key来对应不同的账号。本文以github为例 本地配置ssh秘钥和公钥进入到ssh文件夹下1→ cd ~/.ssh/ 生成一个ssh-key引号内填写你github对应的邮箱 1→ ssh-keygen -t rsa -b 4096 -C "your email" 如果你之前mac上创建过ssh-key，在.ssh文件夹下会有id_rsa和id_rsa.pub两个文件，分别为秘钥和公钥；当再次创建时，会有如下提示： 12Generating public/private rsa key pair.Enter file in which to save the key...

vue项目利用webpack打包时提示内存堆栈溢出 报错信息1FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 解决方案在build前，根据自己的项目大小设置一下最大分配内存空间，即可。 12345// 在package.json中"scripts": { ... "build": "node --max_old_space_size=4096 build/build.js"} 祝君无Bug~

github的contribution记录墙不展示问题 问题背景最近打算把自己的项目同时部署到github、gitlab、gitee上，并且都改成了统一的email邮箱和username用户名，但是发现只有github没有任何的contribution记录。 于是我把本地的git信息及mac钥匙串保存的信息都删掉，重新记录了一遍；把SSH KEY也都删掉重新加了一遍。但都么有解决问题。 最后发现是github和其他两个仓库用的邮箱不一样，本地git的全局配置邮箱为a，gitee和gitlab用的邮箱也是a，只有github用的邮箱为b；所以github可能认为提交者不是当前用户，所以就没有提交记录。 解决方案所以将多个仓库的邮箱改为同一个，并且将全局的gitconfig的email也改成此邮箱，即可。 命令代码查看全局git信息： 12345git config --global --list# 或cat ~/.gitconfig 修改全局的git信息的邮箱： 1git config --gloabl user.email "your github...

本文概要 CDNjsdelivr for GitHub需要配合PicGo图床使用 使用PicGo客户端上传图片 复制url 默认格式为：PicGo默认前缀 + GitHub用户名 + / + 仓库名 + / + 分支名 + 图片在GitHub仓库的绝对路径 例如：https://raw.githubusercontent.com/LeeDebug/PicGo/master/img/xxx.png 替换url中的前缀部分 默认格式为jsdeliver默认前缀 +...

项目中难免会遇到非父子组件之间的传参与通信问题，遂整理此文。 简介vue-bus-ts 是一款支持在ts环境下使用的全局事件总线插件。 安装及使用方法安装1npm i -S vue-bus-ts 注册安装后需要在main.ts中引入并注册，挂载到全局的Vue实例上即可 123456789101112# main.tsimport Vue from 'vue';import EventBus from 'vue-bus-ts';Vue.use(EventBus);var bus = new EventBus.Bus();new Vue({ bus, render: (h) => h(App),}).$mount('#app'); 注册事件在调用事件前，需要实现注册该事件，否则不会生效 一般写在vue文件的mounted或者created生命周期中 123456# *.vue var eventId = this.$bus.$on('event_name',...

由于本次开发项目需要嵌入之前的老项目，由于考虑到iframe速度慢、css/js需要额外请求、阻塞页面加载、浏览器前进/后退等缺点，遂打算踩坑qiankun，为了更早的爬坑，整理此文。 简介qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 官方提供的资源： 官方提供了一个 示例代码 示例代码的在线demo 单独访问在线vue子应用 单独访问在线react子应用 根据 qiankun官方文档 介绍，主要有以下七大特性： 📦 基于 single-spa 封装，提供了更加开箱即用的 API。 📱 技术栈无关，任意技术栈的应用均可 使用/接入，不论是 React/Vue/Angular/JQuery 还是其他等框架。 💪 HTML Entry 接入方式，让你接入微应用像使用 iframe 一样简单。 🛡​ 样式隔离，确保微应用之间样式互相不干扰。 🧳 JS 沙箱，确保微应用之间 全局变量/事件 不冲突。 ⚡️ 资源预加载，在浏览器空闲时间预加载未打开的微应用资源，加速微应用打开速度。 🔌...

今日裸辞，在投简历的过程中抽出一周集中复习前端知识，并做了此文以记录知识点。 目...

去年就想读这一套书，由于个人原因一直拖到现在，今天终于周末在家没事，看了5个小时才看了上卷的1/3（其实也就60页）。主要讲述了作用域和闭包的相关知识，可能是由于自己基础知识的匮乏，所以进度有些慢。总之，要提高阅读速度了。 作用域和闭包作用域是什么 JavaScript是一门编译语言，其引擎进行编译的步骤和传统的编译语言非常相似，包括下列三个编译步骤： 分析/词法分析（Tokenizing/Lexing）（词法化、单词化） 解析/语法分析（Parsing） 代码生成 作用域是一种规则，用于确定在何处以及如何查找该变量（标识符），即用来管理引擎如何在当前作用域以及嵌套的子作用域中根据标识符名称进行变量查找 引擎 编译器 作用域 var a = 2; var a：编译器会询问作用域是否已经有一个该名称的变量存在于同一个作用域的集合中。如果是，编译器会忽略该声明，继续进行编译；否则它会要求作用域在当前作用域的集合中声明一个新的变量，并命名为a。（定义声明在编译阶段进行） a =...