demo: https://img.zburu.com/ 今天分享一下如何使用 Github 作为图床，首先就要推荐这个工具 picx。 Github 仓库：https://github.com/XPoet/picx 本文的图片全部使用该工具上传 ...继续阅读 (26)

demo: https://img.zburu.com/ 今天分享一下如何使用 Github 作为图床，首先就要推荐这个工具 picx。 Github 仓库：https://github.com/XPoet/picx 本文的图片全部使用该工具上传 ...继续阅读 (25)

demo: https://img.zburu.com/ 今天分享一下如何使用 Github 作为图床，首先就要推荐这个工具 picx。 Github 仓库：https://github.com/XPoet/picx 本文的图片全部使用该工具上传，然后通过 Staticaly 进行 cdn 加速（这个在上传的时候自动生成链接。） 可以设置自动压缩、转码成 webp 格式。 基于 GitHub API 开发的具有 CDN 加速功能的图床管理工具。无需下载与安装，网页端在线使用！免费！稳定！便捷！极速！ 看了一下源码，vue 写的，全部都是纯静态化加上本地存储，所以说没有后端。 也就是说我们也可以部署在自己域名下，不使用开发者提供的域名，虽然这么做没什么区别，但还是折腾一下吧。 我会在最后提供一个打包好的链接（直接打包源码，不做任何修改），下载后自行上传到域名空间下即可使用。 说明文档：https://picx-docs.xpoet.cn/tutorial/get-start.html 这是官方说明，试用了一下，效果很棒。图床如何使用文档中标注的很清晰，我就不赘述了，本文只介绍如何编译打包，面向群友。 过程很简单，需要提前准备好 node 环境。 1.下载源码 直接去 https://github.com/XPoet/picx，然后 Download Zip。 2.执行命令 下载后解压 ...继续阅读 (17)

localStorage 是浏览器自带的一个属性，只读的 localStorage 属性允许你访问一个 Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。localStorage 类似 ses ...继续阅读 (24)

localStorage 是浏览器自带的一个属性，只读的 localStorage 属性允许你访问一个 Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。localStorage 类似 ses ...继续阅读 (19)

localStorage 是浏览器自带的一个属性，只读的 localStorage 属性允许你访问一个 Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。localStorage 类似 sessionStorage，但其区别在于：存储在 localStorage 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在 sessionStorage 的数据会被清除。 应注意，无论数据存储在 localStorage 还是 sessionStorage，它们都特定于页面的协议。 另外，localStorage 中的键值对总是以字符串的形式存储。 (需要注意，和 js 对象相比，键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型). localStorage 的使用也非常简单，分为存入和读取，可以将其绑定在事件方法中。 // 存入 const arr= 100; localStorage.setItem("key", JSON.stringify(arr)); // 读取 const arr = JSON.parse(localStorage.getItem("key")); 这里 "key" 指的是存到浏览器中的参数名，arr 则是参数值。 localStorage.setItem("key", JSON.str ...继续阅读 (17)

分享一个 hugo 一键打包并上传 github 的方法，前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件，在根目录新建一个 hugo.sh 文件，里面放上一些命令。 hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time git add . git commit -m ...继续阅读 (17)

分享一个 hugo 一键打包并上传 github 的方法，前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件，在根目录新建一个 hugo.sh 文件，里面放上一些命令。 hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time git add . git commit -m ...继续阅读 (17)

分享一个 hugo 一键打包并上传 github 的方法，前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件，在根目录新建一个 hugo.sh 文件，里面放上一些命令。 hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time git add . git commit -m "自动执行构建脚本 🎓$time" git push exit 可以在文件夹双击运行 hugo.sh，也可以在终端输入命令。 .\hugo.sh 省去了我输入繁琐的 Git 上传指令，并且自动生成当前系统时间作为 commit。 其他 这里我上传的是整体的 hugo 目录，如果你只想上传生成的 /public ，在中间加入 cd public。 ...继续阅读 (15)

晚上给朋友写了一个油猴脚本，场景是一个拥有很多输入框的表单，多为经常填写的一些字符串。跟我说了一下，刚好没什么事情，吃完晚饭抽两小时出来简单写了写。 需求是预设多 ...继续阅读 (15)

晚上给朋友写了一个油猴脚本，场景是一个拥有很多输入框的表单，多为经常填写的一些字符串。跟我说了一下，刚好没什么事情，吃完晚饭抽两小时出来简单写了写。 需求是预设多 ...继续阅读 (15)

晚上给朋友写了一个油猴脚本，场景是一个拥有很多输入框的表单，多为经常填写的一些字符串。跟我说了一下，刚好没什么事情，吃完晚饭抽两小时出来简单写了写。 需求是预设多套模板，后期可以自己添加内容，置顶在网页空白处，点击按钮让设置好的文本填充到网页的表单中。 处理起来很简单，我原本打算使用ajax调用json文件，把模板写在json中，这样一目了然便于后期自行添加数据，但是在测试后发现目标网站屏蔽了外部文件，所以放弃这种写法。转而new了一个数组，每个对象就是一套模板，接下来就是简单的循环，写了一个可以缩放的弹窗，然后把交互的按钮绑定点击事件，点击对应按钮就会在网站上填充对面模板的字符串。 流程大概就是这样，结束之后在给他润润色，写一下css代码。总体来说没什么难度，两个小时不到就搞定了。 但是我发现，天天写vue，element写多了，最基础的js有些生疏了，比如数组的操作遍历循环，中间竟然还报错，仔细检查才发现原因，实属不应该。 深刻反省一下自己，基础知识还是要巩固的，不能一味的调用框架，即使它写起来很爽。 ...继续阅读 (13)

业务中需求的方法，接口返回一个数组，里面包含了大量的对象，具有同名的属性名，比较常见。但是需要将其中参数为 name 的属性值全部取出，合并成数组。 const num = [ { id: 1, name: 'abc', }, { ...继续阅读 (16)

业务中需求的方法，接口返回一个数组，里面包含了大量的对象，具有同名的属性名，比较常见。但是需要将其中参数为 name 的属性值全部取出，合并成数组。 const num = [ { id: 1, name: 'abc', }, { ...继续阅读 (13)

业务中需求的方法，接口返回一个数组，里面包含了大量的对象，具有同名的属性名，比较常见。但是需要将其中参数为 name 的属性值全部取出，合并成数组。 const num = [ { id: 1, name: 'abc', }, { id: 2, name: 'xyz', } ] function getFields(arrnum, field) { const resnum = []; for (let i = 0; i < arrnum.length; ++i) resnum.push(arrnum[i][field]); return resnum; } const result = getFields(num, "name"); console.log(result); // ['abc', 'xyz'] console.log(result.join(' ')); // "abc xyz" ...继续阅读 (11)

今天在坐地铁的过程中，突然想要一个问题，一个安全稳定，便于记忆的密码时什么样子的。是否要包括字母大小写，数字，以及特殊符号？ 如何设置并存储？ 我想这是必须的，但是 ...继续阅读 (16)

今天在坐地铁的过程中，突然想要一个问题，一个安全稳定，便于记忆的密码时什么样子的。是否要包括字母大小写，数字，以及特殊符号？ 如何设置并存储？ 我想这是必须的，但是 ...继续阅读 (19)

今天在坐地铁的过程中，突然想要一个问题，一个安全稳定，便于记忆的密码时什么样子的。是否要包括字母大小写，数字，以及特殊符号？ 如何设置并存储？ 我想这是必须的，但是密码如果太过复杂，就不便于记忆。而想要记忆就必须有自己的规律，可一旦有了规律，别人在破解的时候就有了更多的思路，安全性相对来说就下降了。 不论怎么想，这两者是冲突的，很难让它们统一起来。 然后就和朋友讨论关于密码的问题，他们也有着自己独特的方法，给了我很多扩展的思路，比如记忆一个公式，圆周率第多少位，拼音 + 数字等等，这样既能够记忆，也拥有足够的混淆性。你不知道它的位置下标，就不能够找到对应的密码字符，安全性比通用一套密码又高了很多。 也有朋友表示自己在使用密码管理软件，比如 1password，bitwarden，KeePass 等，通过算法可以自动生成各种高复杂度的密码字符串。但是在述说的过程中，他们表示了对密码管理软件的担忧。如果软件遇到破解或者勒索，主密码丢失等，那么所有密码就不复存在，尽管这种可能性很少，但是前段事件就发生了这样的事情。 而且大的软件商持有更多的用户，一旦遇到问题，产生的影响就更大，用户只能寄希望于厂商有足够的攻防能力。所有密码在云上都有备份，这本身就是一个致命的缺陷，如果云端数据被攻破，后果不堪设想。 扩展说说 个人习惯使然，让我很难百分百的信任各种云，可能是被害妄想症吧，总觉得不好，把所有 ...继续阅读 (8)

https://poets.org/poem/so-you-want-be-writer 这是曾经询问过自己的一个问题，我想很多人在年少时期可能都会有过这样的经历，渴望将自己的文字带给更多人。 这件事情大多发生在高中时期吧，如果我没记错的话。忽然想起 ...继续阅读 (20)

https://poets.org/poem/so-you-want-be-writer 这是曾经询问过自己的一个问题，我想很多人在年少时期可能都会有过这样的经历，渴望将自己的文字带给更多人。 这件事情大多发生在高中时期吧，如果我没记错的话。忽然想起 ...继续阅读 (21)

https://poets.org/poem/so-you-want-be-writer 这是曾经询问过自己的一个问题，我想很多人在年少时期可能都会有过这样的经历，渴望将自己的文字带给更多人。 这件事情大多发生在高中时期吧，如果我没记错的话。忽然想起来那个年轻段的人都有些中二，看了不少玄幻和悬疑小说，心中泛起了写小说的念头，于是动笔。但最终也没有坚持很久，草草写了几万字，只在几个朋友中传阅。 可惜在高考结束后一些残留的手稿都丢失了，每每想到这件事情都暗自懊恼，也算是一个回忆吧。现在再让我写根本没有那个精力，但我也曾涌起过当一名作家的想法，好像文科生都曾这样。 我有个朋友喜欢写诗，现在看起来语义不那么通顺，不太符合诗词规范，但是他并不在意，很是乐于此道，我也给了他很大的鼓励，虽然文字中伤春悲秋，“为赋新词强说愁”。 持续写作是一个好的习惯，从前是为了抒发情感，现在是为了输出自己的思考。大同小异，归根结底还是对自我的一种输出。 so you want to be a writer? Charles Bukowski - 1920-1994 if it doesn’t come bursting out of you in spite of everything, don’t do it. unless it comes unasked out of your h ...继续阅读 (18)

如题，这是我今天思考的话题。灵感来源于我在 dev.to 网站上看到的一个帖子。对于 learning 的方式，更倾向于看文档还是视频？我觉得可以从多个维度进行分析。 学习进度，也可以说是过程 行 ...继续阅读 (21)

如题，这是我今天思考的话题。灵感来源于我在 dev.to 网站上看到的一个帖子。对于 learning 的方式，更倾向于看文档还是视频？我觉得可以从多个维度进行分析。 学习进度，也可以说是过程 行 ...继续阅读 (19)

如题，这是我今天思考的话题。灵感来源于我在 dev.to 网站上看到的一个帖子。对于 learning 的方式，更倾向于看文档还是视频？我觉得可以从多个维度进行分析。 学习进度，也可以说是过程 行业领域 后天应该养成什么样的习惯呢？ 1.学习进度 学习进度应该是对学习方式影响最大的因素了。 学习的初始阶段以看视频为主，应该对这个领域不熟悉，一直在行内人看起来随手就能做很简单的操作，新人往往不能够很好的了解它，所以最开始的阶段最好是以视频教材为主。 打个比方，上学时老师都是手把手的教学，因为你什么都不会，必须口口相传，这是对待新人的方式，如果让他自己一直干看，一学期下来估计也看不懂几页书。（当然了，天才除外，这不在讨论的范围，大家 90% 都是普通人。）然后到后期的时候一般都是自习因为该教的基础都是都教了，需要学生自己研究琢磨，不然根本不能融会贯通。 从这个角度看，自学似乎是学习方式的终点。 2.行业领域 拿我自己打比方我更倾向于看文档，视频的话偶尔看看，但是看的不多。因为我觉得看视频很难一眼看出里面的内容是否是我所需要的， 看文档的话，通过关键词搜索以及其他方式，我可以在可控的，短时间内找到自己想要的内容，不管学习还是工作都是极其方便的。 看代码的话文档是最清晰可辨的，但是就在我进行思考的时候问了对象一句，“你平时学习更倾向于什么方式呢，看视频还是看文章？” 答：“肯定是看视频啊， ...继续阅读 (12)

监听对象时如果值是 null 会报错，默认值设置为{}； for in 只能遍历对象 i in 4 是错误的写法； 动态获取数组 - 拼接传参 var arr = [ "单位 1", "单位 2", "单位 3", ...继续阅读 (27)

监听对象时如果值是 null 会报错，默认值设置为{}； for in 只能遍历对象 i in 4 是错误的写法； 动态获取数组 - 拼接传参 var arr = [ "单位 1", "单位 2", "单位 3", ...继续阅读 (26)

监听对象时如果值是 null 会报错，默认值设置为{}； for in 只能遍历对象 i in 4 是错误的写法； 动态获取数组 - 拼接传参 var arr = [ "单位 1", "单位 2", "单位 3", "单位 4", "单位 5" ] // 1.数组 [] for (var i = 0; i < arr.length; i++) { this.defaultData.hostUnitList.push({ [arr[i]]: this.defaultData[arr[i]] }); } // 2.对象{} for (var i = 0; i < arr.length; i++) { this.defaultData.hostUnitList[arr[i]] = this.defaultData[arr[i]] } ...继续阅读 (19)

落霞与孤鹜齐飞，秋水共长天一色。 放个图防止抑郁。 昨天看了一个帖子很有感触，土生土长的城市本地人很难体会每隔一段时间要重新建立社会关系的难受，从小到大，每到一个地 ...继续阅读 (15)

落霞与孤鹜齐飞，秋水共长天一色。 放个图防止抑郁。 昨天看了一个帖子很有感触，土生土长的城市本地人很难体会每隔一段时间要重新建立社会关系的难受，从小到大，每到一个地 ...继续阅读 (19)

落霞与孤鹜齐飞，秋水共长天一色。 放个图防止抑郁。 昨天看了一个帖子很有感触，土生土长的城市本地人很难体会每隔一段时间要重新建立社会关系的难受，从小到大，每到一个地方上学，从陌生变为熟悉，中间总有有一段难熬的时间。很多随父母打工而四处的求学的小孩，特别能有这种体会，因此也就有很多人厌恶上学，他们不理解为什么总是要四处奔波，父母也不理解小孩为什么不喜欢学习，两者误会，家庭矛盾也因此诞生了。当然我说的很片面，这只是其中一个原因。 我也只是想让自己牢记，原来艰苦的生活不但让身心变得疲惫，还能带来精神上的贫穷，让自己明白原来还有这种只有四处奔波的人才能体会。说一下我的经历，小学二年级之前在老家乡下读书，然后辗转在厦门上的小学，初中和高中又回到县城读书，大学是在郑州读书，工作后又来到杭州。 看着这个时间段，很难有一个朋友可以从小到大陪着你，大多数人都是这样，悲哀又现实。 踏入工作之后，应该是更能体会，一个人在陌生的城市，除了工作好像也没有其他事可以做，对于社恐来说更是一种严重的环境。而我应该算是比较幸运的，在一个陌生的城市还有家人和恋人，减缓了那种焦虑感，但我认识的一些人确是情绪受到很大影响，包括压力太大而离开这座城市。 写博客并不是为了贩卖焦虑，而且觉得有些话不吐不为快，在文字中发泄情绪也是一种良好的方法，为了明天的生活慢慢加油。 ...继续阅读 (12)