- 博客(75)
- 收藏
- 关注
RSS订阅原创 自建服务器准备工作
目前推荐的烧录系统，就使用Armbian_5.77的版本，这是各个社区大佬推荐最为稳定的版本。这里默认购买的盒子已经降级刷上了安卓的电视系统（因为这种状态是市场上最多价格最实惠）N1盒子到手之后要先了解它是否已经降级，如果已经刷过其他的系统，就代表已经降级。这里使用的是斐讯N1电视盒子，作为本来的矿机，低功耗，性能强悍，价格便宜。服务器选择上有多种选择，树莓派、斐讯N1、斐讯T1，都是不错的选择。，这个操作可以重复使用，这一点也是N1的强大之处，能够随意烧录。准备好U盘，利用镜像烧录工具将系统烧录至U盘。
2025-08-15 22:19:51
234
原创 服务器选择方案
作为最为主流的服务器选择方案，服务器运营商能给你带了多种服务器选择推荐，并且提供了各种方便使用的服务器管理工具，在选购这种服务器的时候建议选择大型的运营商，例如阿里、腾讯。作为搭建网站服务的基础，服务器的选择也至关重要，目前服务器的选择上有大致三种选择：服务器运营商、代码托管平台、自建服务器。自建服务器作为自由度最高的方案，同时也有着较为多的缺点，如果喜欢自己动手，体验过程，建议使用此方案，本篇博客就采用此方案。代码托管平台作为静态网页部署的首选方式，类似于个人网站、博客等没有后台的网站，选择。
2025-08-15 22:18:26
144
原创 【建站指引】服务器搭建
本博客的服务器并没有使用阿里腾讯等服务器运营商，而是采用了开发板进行搭建，价格实惠并且还拥有较为不错的性能，推荐有基础的选购，嫌麻烦建议至服务器商购买，还能省去后续烦恼，如果只是为了搭建博客建议使用GitHub或者Gitee的page功能。介绍本博客所采用的服务器搭建过程，采用斐讯N1电视盒子自建服务器。title: 【建站指引】服务器搭建。
2025-08-15 22:17:44
59
原创 创建个人博客总结
现在总结下博客创建的总体路程，不采用学习的方式而是一步到位如有什么疑问可以提问询问依赖准备创建文件夹初始化项目生成文件安装vuepress安装主题vuepress安装需要的第三方插件目录文件创建准备.vuepress文件夹准备静态资源文件夹准备配置文件准备配置文件的子类，方便管理：友情链接：顶部导航栏配置text: '微服务中心',},text: '知识分类',items: [},text: '时间线',},：插件配置config.js文件最终配置。
2025-08-15 22:15:11
1
原创 vuepres-reco优化
但目录下readme通常没有内容可以写，当然也可以作为此文件夹的目录自信写入跳转链接。在原本的结构中每个文件想被识别为路由就应当在其下面放置一个。优化之前的博客文件结构，减少没必要的文件。我这就不按照此方案，推荐插件优化结构。这样的结构虽然是官方推荐的使用方式。就能够按照以下进行跳转。
2025-08-15 22:14:52
原创 vuepres-reco主题@1.6.6版本中不能配置左侧文章导航显隐，修改依赖增加此功能
官方文档中说明了能通过在.md单篇博客文件中配置来去除导航栏，实则@1.6.6版本（其他没试）去除的是右侧文章内现通过内文件使得配置生效（缺点更新依赖会失效）more。
2025-08-15 22:14:19
原创 vuepres-reco主题
date：2021-06-02 两个官网因为未知原因无法访问。但是本人的博客测试了很多次都显示密码错误，不知是否是版本冲突。是配置评论的两种方式，有需要可以参考官网使用。自己在网上找到一个由作者组成团队的文档地址。如果现在时间能够访问建议查看官网使用描述。这里相比之前的配置多说一个可用配置选项。可以看出主题没有过于繁琐的配置文件。中的普通文件夹README.md。这里采用npm的安装方式。先贴出本篇博客的配置文件。
2025-08-14 10:07:38
9
原创 vuepres插件
除生成导航插件可以markdown文件中配置头文件以外，其他使用都极为简单。vuepress-reco支持许多实用的第三方插件。引入即可，采用默认配置，有额外需求参考文档。添加博客看板娘，多个模型可以选择。目前本博客的插件使用了四款。离开当前页面网页标题更换。插件安装之后只需要在。生成测导航、文件分组。
2025-08-14 10:03:00
7
原创 博客创建指南第三章-VuePress的README.md
想要使用它，需要在你的根级 README.md 的 YAML front matter 指定 home: true。作为一个个人的博客，这样的首页显然不具备阅读性，也不够美观，在后面的篇章中会介绍主题首页的配置。publish配置真假并不影响文件的构建生成，false只是不在首页的列表中显示。可以看到内容非常的少，如不配置任何东西，采用主题默认美观效果也很不错。默认的主题提供了一个首页（Homepage）的布局 (用于。在reco主题中的首页markdown文件没有过多的配置项。以上为个人认为的常用属性。
2025-08-14 09:59:05
7
原创 博客创建指南第二章-vuepres中config.js的配置
每次新增文件就需增加配置，这样的维护我们并不想看见。在head中我们能够引入网页头部需要的其他资源。在后期过多的文件夹和文件并不利于文件的配置。这一段的配置在使用主题后会有轻微的改变。themeConfig基础配置就此结束。如果想直接配置美观的主题，建议参考。中themeConfig的配置。::: danger 建议。建议只是看些相关参数的意义。具体的配置信息过多，并且。在此只介绍必要的配置属性。安装部分插件美化博客界面。因此在主题篇中会介绍插件。在主题中会有详细介绍。有兴趣可以提前了解下。
2025-08-14 09:54:09
6
原创 博客创建指南第一章-VuePress 搭建
在此就不过多介绍，本博客并没有采用最新的vuepress，而是引用了其中一的1.5版本。该文件夹必须拥有一个README.md文件，内容可为空，文件的具体用法稍后介绍。vuepress官网的目录配置（按照自己的需求选择文件夹配置方案）在know文件夹有两个子分类对应着顶部子菜单的分类。在安装好vuepress之后先确认好文件树的配置。vuepress官网有详细的安装和引用。想要文件夹被识别，生成相应的路由路径。如还有疑惑可参考本博客的文件夹配置。采用vue官方的静态网页生成器。
2025-08-14 09:47:33
8
原创 【建站指引】创建一个属于自己的博客
title: 【建站指引】创建一个属于自己的博客由于本人平时有记录笔记和知识点的习惯，但记录在仓库或者手写，往往没有后续回顾的想法。步入开发之后越来越多的知识，平常遇到的大的小的问题都想记录下来，方便以后的回顾和查找。也算是分享自己遇到的一些坑和解决方案。more。
2025-08-14 09:25:18
466
原创 tansform的模糊bug
CSS3中使用tansform的scale导致文字抖动以及模糊的解决办法,转载。在给元素进行制作scale缩放动画的时候会导致文字产生闪烁或者模糊的问题。再有有时缩放会导致边缘产生模糊的边框残影等问题。title: tansform的模糊bug。
2025-08-14 09:09:49
146
原创 flex弹性盒模型简单入门
title: flex弹性盒模型简单入门moreFlex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。来自任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。Webkit 内核的浏览器，必须加上-webkit前缀。设为 Flex 布局以后，子元素的。
2025-08-14 09:06:43
314
原创 前端的 BFC 是什么？
title: 前端的 BFC 是什么？BFC(Block formatting context)直译为"块级格式化上下文"。它影响标签之间的位置关系。more。
2025-08-14 09:04:04
270
原创 几何星空连线背景
title: 几何星空连线背景date: 2022-05-12 15:12:38一个用 实现的星空连线动态背景参考：实现一个简单粒子连接页面3D粒子效果在网页端实现分享canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效iphonex流光溢彩渐变背景效果实现实例页面
2025-08-14 09:02:26
208
原创 CSS控制网页白昼模式-方式一
意思是 grayscale 是一个函数，filter 会按照要求返回过滤后的结果。time：2023-01-31 09:49:21 补充内容。在html上增加此样式即可以做到亮色主题反转为黑夜模式。title: CSS控制网页白昼模式-方式一。filter 还支持其他条件过滤处理。::: waring 缺点。图片和视频也会被翻转颜色。MDN对以上语句的描述。
2025-08-14 09:01:25
128
原创 git入门常用指令
title: git入门常用指令记录git常用指令more::: tip相比与svn多了一个本地仓库的，用户的修改都是对应本地仓库，冲突解决也是本地仓库对远程仓库，相比于svn的直接操控唯一远程仓库，各有优缺点git initgit addgit pullgit clone。
2025-08-13 17:13:05
104
原创 GitHub Action 提交代码自动构建前端项目
利用 GitHub Action 工作流提交代码触发自动构建，例如写完博客提交后自动打包至 GitHub page 预设好的分支中。完成后每次提交到 master 分支都会触发工作流，自动完成 github-pages 所需要的分支要求。title: GitHub Action 提交代码自动构建前端项目。在项目所在的根目录创建文件。
2025-08-13 17:11:55
228
原创 js处理时间(时间戳转化成日期格式、几分钟前，几个小时前等、视频时长)
title: js处理时间(时间戳转化成日期格式、几分钟前，几个小时前等、视频时长)ji处理时间的常用方法more。
2025-08-13 16:57:45
113
原创 JavaScript中 this 指向详细解析（后续）
title: JavaScript中 this 指向详细解析（后续）接上之前，补上 call & apply 方法、bind绑定、DOM事件、内联事件、箭头函数的this指向问题。more。
2025-08-13 16:57:17
548
原创 利用原型链实现js继承
如果在构造实例之前，将构造函数的原型指向一个已经存在的实例，那这个修改过后的构造函数所生成的实例，就会有一个内部指针指向那个事先准备的实例。指向原型对象，这个原型对象又是构造函数的伴生物，三者之间就没有外部的介入都是内部关系。原型链可以一直套，就能够实现 JavaScript 继承的效果了。的内部指针调用别的构造函数下的原型对象。title: 利用原型链实现js继承。里面强调了实例对象可以通过。实例能透过内部指针调取。文章中讲解了三者关系。
2025-08-13 16:51:05
267
原创 构造函数，对象原型，实例对象三者之间的关系
People.prototype只是一个指针，指向的是原型对象，利用这个指针构成。实例对象只是通过内部指针指向原型对象，并不是指原型对象的属性也是他的属性。并非是实例的属性，它的属性只有在构造时构造函数内给它加上的。title: 构造函数，对象原型，实例对象三者之间的关系。虽然能够调用到，但是。可以帮助我们实现js继承。用通俗易懂的方式讲述。
2025-08-13 16:48:02
230
原创 Lodash中对象合并方法assign、merge、defaults、defaultsDeep
title: Lodash中对象合并方法assign、merge、defaults、defaultsDeep。
2025-08-13 16:44:11
255
转载 js中的hasOwnProperty
title: js中的hasOwnPropertyhasOwnProperty用来判断自身属性是否存在moreObject的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。
2025-08-13 16:24:43
3
原创 js的闭包形成与利用
title: js的闭包形成与利用由于js地址引用文章而顺带记录js中的闭包原理more在以上方法fun()中，如果没有fun()的重新引用，正常执行每次变量a会重新销毁再申明afun()aafun()闭包的形成方式不一定要对自身重新定义返回值的方式一样可行，但为了防止销毁需要栈中变量引用执行fun2()与原先的fun()是一致的效果。
2025-08-12 22:25:34
323
原创 js中数据的地址引用
在js中复杂数据（对象，数组）的等号赋值方式都是将其地址引用，这样在实际运用中有时能带来一定的好处（缺点占大多）可以利用这一特点建立同步数据，动一处则全动，可是在对元数据更新上会产生地址变动，原引用失效的问题。数据源能够删除对删除目标的引用，可在其他地方的引用并不会改变，这样并不是销毁了那个删除的对象。解决方案以目前的知识量来看的话，递归遍历，和更新数据进行匹配，有不相同的基础数据，更新掉。在js中对于堆中对象的销毁，只有没有任何栈变量引用的时候，gc会自动销毁。以上对对象的操作都是地址的引用。
2025-08-12 22:24:13
357
原创 前端获取流下载压缩文件损坏
前端获取到文件流，简单文件能够正常打开（例如 txt）但是压缩文件出现损坏或者乱码。title: 前端获取流下载压缩文件损坏。这种情况一般是请求被什么污染了。，例如拦截器或者Mockjs。只要在请求中重新指定好类型。
2025-08-12 22:23:19
222
原创 js作用域的销毁
我们开个内存，当我们引用了它，就在内存中记录一个数,增加一个引用浏览器就把这个数+1，减少一个引用，浏览器就把这个数-1…但是有些情况下(尤其是IE)记着记着就弄乱了，内存就不能释放了–>浏览器的内存泄露。我们开辟一个内存，可能或有一些其他的变量等占用了这个内存，谷歌浏览器都会间隔一段时间看这个内存还有没有被占用，如果发现有没有被占用的内存了，就自己帮我们回收了(内存释放)函数执行会生成私有作用域，执行结束，内部没有外在引用就会正常销毁。js作用域的销毁、不立即销毁、不销毁。
2025-08-12 22:22:49
290
原创 尾递归优化调用栈溢出
尾递归优化只在严格模式下生效，正常模式下，可以稍微修改下递归就能实现一样的效果。蹦床函数（trampoline）可以将递归执行转为循环执行。上面代码中，sum函数的每次执行，都会返回自身的另一个版本。就能够避免调用同个堆内地址过多报错的问题。执行结束返回一个函数，而不是再次执行。利用蹦床函数去执行，就不会报错堆调用过多。主要还是对同一个函数调用次数过多导致。title: 尾递归优化调用栈溢出。
2025-08-12 22:21:31
312
原创 js为频繁操作设置间隔循环触发_节流函数
title: js为频繁操作设置间隔循环触发_节流函数在先前的一篇文章中讲到了，防抖是频繁操作，节流是当频繁的触发一个事件，一段时间。节流适合在频繁触发需要生效，但又不需要过于频繁的场景，例如拖拽、滚动定位、窗口大小改动同步变动、射击游戏开枪、跳跃操作等…
2025-08-12 22:16:36
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人