Crazymryan的博客

原创 自己动手写一个render函数

前言 在这个之前我们需要了解render是什么？可以去之前的文章里面看看 《 搞懂vue-render函数（入门篇）》本文目录结构定义一个对象获取根节点挂载开始重头戏升级renderp...

原创 详解树状结构图 vue-org-tree

前言 最近公司项目（Vue + Element ）需求有用到 tree ，所以呢我去网上找了很多插件，都不是很符合我的要求。最后在GitHub上面找到了一款插件是 iview 的组织结...

原创 Nodejs + Redis 实现发送邮箱验证码及校验功能（流程相对完整）

前言某天，突然想到怎么去做一个验证码校验功能呢？怎么校验正确与否呢？回想起，在n多年前第一家公司实习时有一个手机发送验证码的需求，随后后端同学出了一个点子。在前端发送验证码请求之后，直接返回发出去的验证码，然后前端直接对比用户输入的验证码和后端返回的验证码是否一致即可。当时我竟然还觉得挺合理！正确的方式是怎样的呢？以下是本人画的发送验证码及校验阶段流程图（简易版）大致分为如下两个阶段：发送验证码阶...

原创 使用 stable-diffusion 入门级教程【Mac】

最近一直在短视频平台刷到AI生成的图片，质量也非常不错。术哥也跟我讲解了下如何安装使用。于是周末试了试。也差点变成从入门到放弃了，所以也把过程中遇到的问题记录一下。目前基本上运行正常，只是内存稍微小了点，把质量调低即可。这个下面是我生成的结果，可以先欣赏再开始。安装推荐准备一个稳定的????，最好是 US 的，速度会快很多，也会减少问题出现的概率。先保证环境正常，安装python rust cmake ...

原创 Nodejs 爬虫 第二章（通过掘金 userId 抓取到所有文章）！HTML to Markdown

前言就在昨天晚上，做了一个通过掘金文章链接进行解析html转化为markdown文档，并且把图片进行下载和替换，但是最后也留了个伏笔（我一定会回来的～）就是通过用户id，把所有的文章都转化出来，今天实现了这个功能，已经更新仓库且来补充下文章。拿到所有文章怎么通过 userid 拿到所有文章呢，掘金肯定是有 API 的，通过翻页触发了一个接口/v1/article/query_list参数说明请求参...

原创 由于掘金开启了防盗链，我连夜写个爬虫导出所有博客

前言事情是这样的，在写完上一篇文章后，将 markdown文件部署到了自己的服务器上，然后发现自己博客的图片全部没有了，F12一看，才发现都变成了 403。这是为啥呢？噢，原来是我之前把掘金当图床在使，狠狠得薅掘金一两年的羊毛。结果不知道啥时候突然开启了防盗链。导致了出现这个P1级事故（破站虽然没人访问）。因为我的文章都是靠图片占面积的，这么多图片一个个替换太麻烦了，所以我接下来打算将掘金上的文章...

原创 Vue 指令详解 - 权限示例（绝对干货）

先简单介绍下自定义指令在介绍 Permission 指令之前，我们先来简单了解一下自定义指令是什么。Vue的自定义指令通过Vue.directive方法来创建。bind：指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。inserted：被绑定元素插入父元素时调用。注意，父元素可能还未存在，所以不能进行DOM操作。update：被绑定元素所在的组件更新时调用，但是可能发生在其子组件更新...

原创 ChatAudio 通过TTS + STT + GPT 实现语音对话（低仿微信聊天）

效果图什么是 STT 和 TTS？STT 是语音转文字（Speech To Text）TTS 是文字转语音（Text To Speech）为什么要使用 SST + TTS 如果用户直接输入音频，OpenAI 的 API 中并没有直接使用语音和 GPT 进行对话的功能。所需依赖expressexpress-fileuploadopenaiwebsocketnodemondotenv实现语音转文字（S...

原创 浅谈 RESTful API

引导篇（RESTful API 是什么？）REST 全称是 Representational State Transfer，中文意思是表现层（编者注：通常译为表征）状态转化， 它首次出现在 2000年 Roy Fielding的博士论文中。Roy Fielding在论文中提到："我这篇文章的写作目的，就是想在符合架构原理的前提下，理解和评估以网络为基础的应用软件的架构设计，得到一个功能强、性能好、...

转载 Web开发未来会完全替代客户端开发吗？

大家好，我是 ConardLi。首先问大家一个问题，现在有一项业务需求，这个需求使用客户端应用实现还是网页来实现你会考虑哪些因素呢？可以在评论区告诉我。曾几何时，想到网页可能我们第一时间想到的就是一些静态页面，但是经过数十年的蓬勃发展，网页开始承接越来越复杂的需求，包括复杂的管理系统、网络直播、云游戏等能力。但或许你仍然会认为相比可以和系统底层直接交互的原生客户端应用还是太弱了，我们可能会因为浏览...

转载 你只会用前端数据埋点 SDK 吗？

前言相信不少人因为项目中没有接触过数据埋点相关的内容，而没有花时间去了解它，总觉得这又是一个自己还不能涉及的方面，然而数据埋点本身并不难理解，只是很难做得好，本文会从认识数据埋点 SDK、设计前端数据埋点 SDK两个核心方面来展开，聊聊前端数据埋点的那些事。7D5B2C93.jpg认识数据埋点 SDKSDK全称是Software Development Kit即 软件开发工具包，一般都是...

转载 大数据前端团队生存指南

本文会简单介绍大数据、大数据前端团队以及可落地的演进方向。ps: 针对数据前端团队 10 人及以内的中小厂。开始前问几个问题：你了解大数据技术吗？为什么需要大数据前端团队（和大数据有什么关联）？大数据前端团队在前端团队中的定位？浅入浅出大数据为什么需要大数据咱们年终述职汇报的时候，是不是有个标准套路：“使用 xx 工具替换了 xx 工具，并落地 xx 个团队的 xx 个项目，覆盖率 x%，整体体积...

原创 将 GitHub 的 Commit 贡献图玩出花

最近看着别人的GitHub Commit 贡献图， 我也很想拥有，我仔细想了想，这玩意不就是 Commit 的的数据而已，但是的确没那么多需要提交的代码，我模拟 Commit 不就行了吗？说实话，有点不道德。但只要我没有道德，你们就绑架不了我。Github - Anthony Fu先看效果我已经连续运行两周的时间了，目前没有遇到什么问题PM2 运行日志Commit 贡献图一共分三步通过 fs 编辑...

原创 通过Node + SSE 做了一个构建日志推送

SSE 是什么？ SSE 全称是 Server Sent Event，翻译过来的意思就是 服务器派发事件。一个网页获取新的数据通常需要发送一个请求到服务器，也就是向服务器请求的页面。使用 server-sent 事件，服务器可以在任何时刻向我们的 Web 页面推送数据和信息。这些被推送进来的信息可以在这个页面上作为 Events [0] + data 的形式来处理。白话篇 SSE 的本质其实就是一...

原创 五分钟搞定 VS Code 远程开发

丑话）得说在前面 稍等稍等，要是5分钟没搞定也别骂我，老严不是标题党如果顺利的话，5分钟可能都不要（顺利的话！！！）介绍2019 年 5 月 3 日，在 PyCon 2019 大会上，微软发布了 VS Code Remote，开启了远程开发的新时代！这次发布包含了三款核心的全新插件，它们可以帮助开发者在容器，物理或虚拟机，以及 Windows Subsystem for ...

原创 通过 homekit 打造智能家居

HomeKit，是苹果2014年发布的智能家居平台。 起因 最近长沙温度有点低，因为刚回湖南没多久，一时半会还适应不了这冬天的味道。洗漱完到床上玩会儿手机后，就不想下去关灯。于是想到了 “...

原创 Node + 讯飞语音 定时播放天气预报音频

前言 最近看了几篇文章，总觉得自己没发挥树莓派的作用，于是就琢磨着，哎，灵光一闪，整一个早晨叫醒服务，于是便有了本篇水文。 功能 每天早上八点钟，定时播放音频（音频内容为当天天气预报和空...

转载 树莓派4B 安装 Ubuntu 21.04

背景因盛哥闲置一台树莓派4B，所以我就想着折腾一番准备工作SD卡 (≥16GB)读卡器树莓派 4B电脑（用于烧录镜像）键盘、鼠标烧录镜像第一步 我们先要去官网下载烧录镜像的 Raspber...

原创 hello 長沙

Hello 長沙! 同时很遗憾没来得及跟在广州的你们好好说一声再见，同事们、朋友们、楼下商店老板、麻辣烫店的夫妇、菜市场的阿姨和大叔。这几天睡眠愈发不正常，很少做梦的自己，最近时常被一些噩...

原创 退出广漂，下一站 待定～

前言聚散无常，只是离预期我离开广州的时间更早了一年。我自己也没想到。原因的话，想必我身边的兄弟姐妹们部分读者也了解到了。也没必要再去赘述，老严不喜欢重复说，懒！总结这背井离乡来到的城市—广...

原创 真真的手摸手带你实现 vuejs 组件库

前言 如何做一个vuejs UI 组件库？最近也是手痒没事找事做，然后就突发奇想照着葫芦画瓢模仿（站在巨人的肩膀上抄），自己也来总结并记录一下这个构建的过程 前提 你至少得用会 vue简...

原创 浅谈深浅拷贝｜手摸手带你入坑

前言再次谈及深拷贝，已经过了两三年了！花有重开日人无再少年，从当初的懵懵懂懂到现在的油腻大叔，害基本类型 与 引用类型在这里我们先说明 基本类型 与 引用类型 的区别基本数据类型：直接存储...

原创 vue+echarts地图使用笔记

“本篇文章是亲爱的 小朱同学 投稿的 《vue+echarts地图使用笔记》由衷的感谢 小朱同学 的投稿，也希望更多的同学加入悲伤日记前言“最近我们这边要做一个高大上的数据化地图展示，并且...

原创 元宵节快乐 ｜ 谈心

前言首先 祝大家 元宵节快乐 ！说点什么好呢恍恍惚惚的来到2021年了，我现在都还很懵 甚至是迷茫最近有几个哥们儿问我 ，说怎么最近没看到悲伤日记更新文章了为什么没更新？老严在家这段时间思...

原创 网站监控笔记（一） — Performance

What is website monitoring?什么是网站监控？其实我们主要是实时监控网站性能，是否存在异常资源、请求、代码出错、页面加载消耗时长等一系列问题！如果出现这些问...

转载 GitHub 2020年度报告请查收

GitHub 2020年度报告请查收！源码地址：https://github.com/CrazyMrYan/github取自开源，用于开源。点击阅读原文或回复“2020回顾”查收 ...

原创 五分钟搭建博客评论组件-gitalk

前言 因为自己最近在搭建一个自己的博客，需要有个评论功能，又不想自己建数据库，还想用第三方登录，仔细斟酌一番后，决定使用 gitalk [0] ，用完之后是真香，所以来给大家安利一波~...

转载 悲伤日记祝您新年快乐

回首 在这过去的一年里，悲伤日记 一共发布了 32 篇原创文章，收获了 331 位粉丝。感谢相遇，感谢你们！老严也会保持分享的初衷，不忘初心，继续前进，大家一起加油！如果你在 2020...

原创 如何优化 Vue 祖传代码

目录 前言为什么要优化从哪里开始下手现在开始1.代码压缩2.删除一些废弃的页面3.使用 cdn 优化4.修改路由引入方式结果 前言 “这页面加载也太慢了！”，一个宁静的下午就此打破，在...

原创 推荐一些奇奇怪怪的好东西

目录结构轮子篇browsermindmapnprogressvConsoleVScode 篇DIY 代码片段Image Preview工具篇markdown-niceexcalidraw...

转载 周末加班打卡

转载 我宣布，javascript是世界上最"好"的编程语言

1.如果我有罪，请让法律来惩罚我。为什么要搞这些代码来折磨我...2.再没有人问我什么html与css的功能了吧3.看这是朕为你打下的江山4.null 与 undefined 的区别 图...

原创 都快1202 年了，你还不知道 svelte？

目录结构 说在前面关于虚拟DOM业内大牛如何看待 svelte关于UIsvelte 与其他框架开始打包对比大小性能考核对比性能使用svelte 模板下载依赖启动项目打开页面安装ui简单...

原创 Vue奇奇怪怪的小技巧

目录1.v-for 循环对象2.动态事件3.“双向绑定” .sync4.获取原始DOM事件5.小型状态管理仓库6.构造器 Vue.extend1.v-for 循环对象有时候我们接口所返回...

转载 一份热乎乎的滴滴前端面经

滴滴前端实习面经滴滴是我投简历之后第二家面试的公司， 国庆节前两三天投的简历， 国庆后复工第一天就给我打了电话约一面。那时候因为还没什么面试经验，所以一面有些紧张，很多题虽然是八股题， ...

转载 面试官：聊聊对Vue.js框架的理解

作者：yacan8https://github.com/yacan8/blog/issues/26本文为一次前端技术分享的演讲稿，所以尽力不贴 Vue.js 的源码，因为贴代码在实际分享...

转载 【忙碌的周末】就这样一闪而过了

嗨，兄弟们周一就拖更一天哈。因为这周自己有点小事情回老家了，电脑周五又放公司了，所以嘿嘿 体谅一下我这位老人家啦！旅程匆忙，随手拍了一些照片也记录一下子。回长沙路上拍摄10....

转载 新的浏览器缓存策略变更：舍弃性能、确保安全

通常，缓存可以通过存储数据来提高性能，从而可以更快后面相同数据的请求。例如，来自网络的缓存资源可以避免频繁的和服务器交互。缓存计算结果可以省去进行相同计算的时间。在 Chrome 中，缓...

转载 【Vue原理】Render - 源码版 之 主要 Render

专注Vue源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于 Vue版本2.5.17compile 我们已经讲了九篇的内容了...

转载 【Vue原理】Render - 源码版 之 静态 Render

专注Vue源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于 Vue版本2.5.17上一篇我们讲了render函数，而...