Giter Club home page Giter Club logo

blog's People

Watchers

 avatar

blog's Issues

友链

小康

link: https://www.antmoe.com
cover: https://cdn.gahotx.cn/friends/xk.jpg
avatar: https://cdn.gahotx.cn/friends/xk.jpg

乐特

link: https://blog.imlete.cn
cover: https://cdn.gahotx.cn/friends/lete.png
avatar: https://cdn.gahotx.cn/friends/lete.png

Akilar

link: https://akilar.top
cover: https://cdn.gahotx.cn/friends/aki.jpg
avatar: https://cdn.gahotx.cn/friends/aki.jpg

林木木

link: https://immmmm.com
cover: https://cdn.gahotx.cn/friends/lmm.png
avatar: https://cdn.gahotx.cn/friends/lmm.png

Heo

link: https://blog.zhheo.com
cover: https://cdn.gahotx.cn/friends/heo.png
avatar: https://cdn.gahotx.cn/friends/heo.png

iMaeGoo

link: https://www.imaegoo.com
cover: https://cdn.gahotx.cn/friends/momo.jpg
avatar: https://cdn.gahotx.cn/friends/momo.jpg

杜老师说

link: https://dusays.com
cover: https://cdn.gahotx.cn/friends/du.png
avatar: https://cdn.gahotx.cn/friends/du.png

Vian

link: https://www.vian.top
cover: https://cdn.gahotx.cn/friends/vian.jpg
avatar: https://cdn.gahotx.cn/friends/vian.jpg

Zkeq

link: https://icodeq.com
cover: https://cdn.gahotx.cn/friends/zkeq.png
avatar: https://cdn.gahotx.cn/friends/zkeq.png

飞鸟

link: https://lzxjack.top
cover: https://cdn.gahotx.cn/friends/lzx.webp
avatar: https://cdn.gahotx.cn/friends/lzx.webp

咕咕鸽

link: https://blog.laoda.de
cover: https://cdn.gahotx.cn/friends/guguge.webp
avatar: https://cdn.gahotx.cn/friends/guguge.webp

风记星辰

link: https://www.thyuu.com
cover: https://cdn.gahotx.cn/friends/thyuu.jpg
avatar: https://cdn.gahotx.cn/friends/thyuu.jpg

小N同学

link: https://www.imcharon.com
cover: https://cdn.gahotx.cn/friends/nesxc.jpg
avatar: https://cdn.gahotx.cn/friends/nesxc.jpg

W4J1e

link: https://hin.cool
cover: https://cdn.gahotx.cn/friends/hin.ico
avatar: https://cdn.gahotx.cn/friends/hin.ico

L1nSn0w

link: https://blog.linsnow.cn
cover: https://cdn.gahotx.cn/friends/linsnow.png
avatar: https://cdn.gahotx.cn/friends/linsnow.png

Sianx

link: https://sianx.cn
cover: https://cdn.gahotx.cn/friends/sianx.png
avatar: https://cdn.gahotx.cn/friends/sianx.png

Eurkon

link: https://blog.eurkon.com/
cover: https://cdn.gahotx.cn/friends/eur.jpg
avatar: https://cdn.gahotx.cn/friends/eur.jpg

Black Flies

link: https://www.yyyzyyyz.cn/
cover: https://cdn.gahotx.cn/friends/yyyz.jpg
avatar: https://cdn.gahotx.cn/friends/yyyz.jpg

JanYork

link: https://blog.ideaopen.cn
cover: https://cdn.gahotx.cn/friends/janyork.jpg
avatar: https://cdn.gahotx.cn/friends/janyork.jpg

Hassan

link: https://blog.harriswong.top
cover: https://cdn.gahotx.cn/friends/hassan.jpg
avatar: https://cdn.gahotx.cn/friends/hassan.jpg

啊不都

link: https://www.oplog.cn
cover: https://cdn.gahotx.cn/friends/abudu.jpg
avatar: https://cdn.gahotx.cn/friends/abudu.jpg

山岳库博

link: https://kmar.top
cover: https://cdn.gahotx.cn/friends/kmar.jpg
avatar: https://cdn.gahotx.cn/friends/kmar.jpg

青柠

link: https://blog.qninq.cn
cover: https://cdn.gahotx.cn/friends/lime.jpg
avatar: https://cdn.gahotx.cn/friends/lime.jpg

贰猹

link: https://noionion.top
cover: https://cdn.gahotx.cn/friends/2x.jpg
avatar: https://cdn.gahotx.cn/friends/2x.jpg

ChenYFan

link: https://blog.cyfan.top
cover: https://cdn.gahotx.cn/friends/cyf.png
avatar: https://cdn.gahotx.cn/friends/cyf.png

Legroft

link: https://jinjis.cn
cover: https://cdn.gahotx.cn/friends/jinjis.png
avatar: https://cdn.gahotx.cn/friends/jinjis.png

Barney

link: https://hugo.bnblogs.cc/
cover: https://cdn.gahotx.cn/friends/jz.png
avatar: https://cdn.gahotx.cn/friends/jz.png

CC康纳百川

link: https://blog.ccknbc.cc/
cover: https://cdn.gahotx.cn/friends/ccknbc.png
avatar: https://cdn.gahotx.cn/friends/ccknbc.png

一蓑烟雨

link: https://www.easyf12.top/
cover: https://cdn.gahotx.cn/friends/easyf12.jpg
avatar: https://cdn.gahotx.cn/friends/easyf12.jpg

爱吃肉的猫

link: https://meuicat.com
cover: https://cdn.gahotx.cn/friends/meuicat.jpg
avatar: https://cdn.gahotx.cn/friends/meuicat.jpg

Colsrch

link: https://colsrch.cn
cover: https://cdn.gahotx.cn/friends/colsrch.jpg
avatar: https://cdn.gahotx.cn/friends/colsrch.jpg

Sikn

link: https://oolo.cc
cover: https://cdn.gahotx.cn/friends/sikn.gif
avatar: https://cdn.gahotx.cn/friends/sikn.gif

白雾茫茫丶

link: https://blog.xmwpro.com
cover: https://cdn.gahotx.cn/friends/cyan.jpg
avatar: https://cdn.gahotx.cn/friends/cyan.jpg

Aohui

link: https://www.aohuiliu.fun
cover: https://cdn.gahotx.cn/friends/aohui.jpeg
avatar: https://cdn.gahotx.cn/friends/aohui.jpeg

Leonus

link: https://blog.leonus.cn
cover: https://cdn.gahotx.cn/friends/leonus.jpg
avatar: https://cdn.gahotx.cn/friends/leonus.jpg

Tianli

link: https://tianli-blog.club
cover: https://cdn.gahotx.cn/friends/tianli.png
avatar: https://cdn.gahotx.cn/friends/tianli.png

DORAKIKA

link: https://dorakika.cn
cover: https://cdn.gahotx.cn/friends/dora.jpg
avatar: https://cdn.gahotx.cn/friends/dora.jpg

西瓜撞地球

link: https://bio-w.cn
cover: https://cdn.gahotx.cn/friends/bio.jpg
avatar: https://cdn.gahotx.cn/friends/bio.jpg

Chuckle

link: https://www.chuckle.top
cover: https://cdn.gahotx.cn/friends/chuckle.webp
avatar: https://cdn.gahotx.cn/friends/chuckle.webp

itsNeko

link: https://dyfa.top
cover: https://cdn.gahotx.cn/friends/neko.jpg
avatar: https://cdn.gahotx.cn/friends/neko.jpg

小孙同学

link: https://blog.sunguoqi.com
cover: https://cdn.gahotx.cn/friends/sun.jpg
avatar: https://cdn.gahotx.cn/friends/sun.jpg

Butterfly

link: https://butterfly.js.org
cover: https://cdn.gahotx.cn/friends/butterfly.png
avatar: https://cdn.gahotx.cn/friends/butterfly.png

LISIR

link: https://blog.lisir.me
cover: https://cdn.gahotx.cn/friends/lisir.png
avatar: https://cdn.gahotx.cn/friends/lisir.png

满心Hrn

link: https://blog.lovelu.top
cover: https://cdn.gahotx.cn/friends/hrn.png
avatar: https://cdn.gahotx.cn/friends/hrn.png

UyoAhz

link: https://uyoahz.cn
cover: https://cdn.gahotx.cn/friends/uyo.jpg
avatar: https://cdn.gahotx.cn/friends/uyo.jpg

fnm 安装教程

fnm 是一个 node 版本管理工具,它比 nvm-windows 更好用,可以识别项目中的 .node-version.nvmrc 文件,然后自动切换 node 版本,不需要你记住每个项目对应什么 node 版本

安装 Scoop

如果安装报错,可以查看官方文档,运行下面的命令

iex "& {$(irm get.scoop.sh)} -RunAsAdmin"

安装 fnm

scoop install fnm

环境变量配置

参考文章:环境变量配置

教程中配置的 cmd,只有从开始菜单打开的命令提示符是好使的

Powershell

  1. 在下面的目录新建 profile.ps1 文件

%USERPROFILE%: 表示用户目录,直接在文件管理的地址栏输入 %USERPROFILE%,然后回车

%USERPROFILE%\Documents\WindowsPowerShell\profile.ps1
  1. 将下面的代码写入到上面的配置文件里面
fnm env --use-on-cd | Out-String | Invoke-Expression

git bash

进入用户目录,在 git bash 的配置文件 .bash_profile 添加以下代码:

eval $(fnm env | sed 1d)
export PATH=$(cygpath $FNM_MULTISHELL_PATH):$PATH

if [[ -f .node-version || -f .nvmrc ]]; then
   fnm use
fi

VSCode 内置终端

在配置文件 settings.json 添加以下代码:

"terminal.integrated.defaultProfile.windows": "Git Bash"

fnm 常用命令

fnm install 18
fnm use 18
fnm default 18

关于

万物起源

当初室友拉着入坑玩的博客,那时候痴迷于魔改博客,看各种大佬的博客文章对自己的小窝进行改造,然后慢慢的不局限于魔改博客了,对更多的前端技术有着强烈的憧憬,也因此走上了自学前端的路。

博客之路

自己建站也有好几年了,最开始用的是 matery 主题,还记得第一次走上魔改博客的道路就是因为这个主题没有暗黑模式,自己第一次看着大佬的教程给博客右下角加了个暗黑模式的切换按钮,还是很有成就感的,然后就一发不可收拾了~

后来因为 matery 长期不维护,所以把主题换到了 butterfly,因为这个主题一直在维护,所以相关的社区或者群还是比较活跃的,发现了小康AkilarHeo 这些宝藏博主,蝴蝶主题的用户还是有很多产能很高的大佬,跟着学习了不少东西,后面也尝试着给 butterfly 和 twikoo 提供了一些贡献。

然后去年因为腾讯云函数把免费的套餐取消掉了,也就是说关于 twikoo 评论的数据全都得迁移,这让我突然意识到了静态博客的短板,本来想着静态博客就是零成本的,虽然可以迁移到 vercel 去,但感觉这不是长久之计,所以脑子一热就买了个 typecho 主题,走上了动态博客的道路。

typecho 对比 hexo 确实是舒服太多了,博客放在自己的服务器上,CDN啥的完全不用管,速度拉满,写文章、加友链也直接在后台操作,一保存整个博客就同步更新了,不像静态博客还得部署,刷新CDN等一套繁琐的流程。不过买了博客没多久,因为毕业季,所以自己一直忙着学习前端知识、做项目、刷八股文、面试,根本没有闲工夫去写博客,不过学习笔记还是有持续的在语雀上写。

最近服务器快到期了,看了下续费好几百,想了下自己平时没多常更新,就玩个博客,好像有点大材小用了。机缘巧合下看到了 zero 这个博客,数据基本全在 Github,这种方式也太极客了吧!所以毫不犹豫地就把博客迁移到 zero 了,现在找到工作了,以后有空会多写写博客哒 (•ᴗ•)

时光机

2023-04-30:博客迁移到 zero,从零开始,从心开始
2022-08-30:博客迁移到 typecho,希望博客更稳定
2021-03-03:博客迁移到 butterfly,疯狂魔改博客
2021-02-01:跟室友搭建 hexo 博客,万物起源

博客重新起航

距离上次更新博客都快一年了,跟各位朋友说声抱歉,感谢友链的大佬们还没删我哈哈哈,现在就跟大家说一下没更新博客的这段时间都在干啥,也给自己做个总结。

过去

去年把博客换到动态博客是想着追求稳定,不再折腾魔改了,但换了博客后一直忙着学习、面试、找工作,根本没时间打理博客。转眼间,一年过去了,服务器马上六月中到期了,突然感觉这续费有点吃不消,所以把博客迁移到 zero 啦。

现在

现在算是正式走上了前端的这条路了,已经工作小半个月了,前期主要是多学习技术,多跟大佬们学习,积累点工作经验吧,千里之行,始于足下。虽然之前博客没有更新,但是自己学习笔记还是一直在语雀更新的,不过现在语雀的免费用户好像没有互联网公开的权限了。

未来

现在博客的数据基本都在 Github,只要一编辑对应的 issue,博客就能同步过来了,酷似动态博客,零成本且稳定性高。不过缺点就是国内访问速度受限啦,需要施加一点魔法。我计划将来博客主要用来记录生活,大篇幅的笔记还是写在语雀,毕竟也没什么人看,主要是自己备份复习用,不过小篇幅的技术类文章可能会同步更新到博客,待定~

new Date() 在 IOS 系统的兼容性问题

部分 IOS 系统 new Date() 只支持'/',不支持'-'分隔符

起因

开发的时候为了控制开始时间必须小于结束时间,所以用 uView 时间控件的 minDate、MaxDate 属性来控制,之前在电脑上预览和运行到安卓真机预览,一直都是正常的,但有一天测试发现在苹果手机上时间控件出不来。

经过我们的测试,发现苹果12pro、苹果13正常显示,苹果11,苹果7显示有问题

过程

后来在 mac 电脑上用 ios 模拟器运行项目,发现,时间控件那报了个错:Array size is not a small enough positive integer,经过百度,发现原来是在苹果设备时间格式不支持'-'分割,改成'/'分割就好了。。

参考链接

new Date() 在IOS上的两个坑
Array size is not a small enough positive integer

书单

ES6 标准入门

author: 阮一峰
published: 2017-09-01
progress: 正在阅读...
rating: 5
postTitle:
postLink:
cover: https://cdn.gahotx.cn/book/ES6-标准入门.jpg
link: https://www.duokan.com/book/169714
description: 柏林已经来了命令,阿尔萨斯和洛林的学校只许教 ES6 了,他转身朝着黑板,拿起一支粉笔,使出全身的力量,写了两个大字:“ES6 **!”。

JavaScript 设计模式与开发实践

author: 曾探
published: 2015-05-01
progress: 正在阅读...
rating: 5
postTitle:
postLink:
cover: https://cdn.gahotx.cn/book/JavaScript-设计模式与开发实践.jpg
link: https://www.duokan.com/book/120447
description: 设计模式的定义:在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。书中介绍了 JavaScript 常用的 16 种设计模式,受益良多。

你不知道的 JavaScript(上卷)

author: Kyle Simpson
published: 2015-04-01
progress: 正在阅读...
rating: 5
postTitle:
postLink:
cover: https://cdn.gahotx.cn/book/You_Dont_Know_JavaScript(上卷).jpg
link: https://www.duokan.com/book/102758
description: You-Dont-Know-JS 系列目前在 Github 上已获得近 7.5 万 star,说是 2017 年最火的一个项目也不为过,学而不思则殆,重新温故知新。

JavaScript 秘密花园

author: 伊沃·韦特泽尔
published: 未出版
progress: 温习中
rating: 4
postTitle:
postLink:
cover: https://cdn.gahotx.cn/book/JavaScript-秘密花园.jpg
link: https://www.jb51.net/onlineread/JavaScript-Garden-CN/#intro
description: JavaScript 秘密花园是一个不断更新,主要关心 JavaScript 一些古怪用法的文档。初学者可以籍此深入了解 JavaScript 的语言特性。

重生

服务器快到期了,迁移博客,重新起航ヽ(・ω・´メ)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.