- 博客(14)
- 收藏
- 关注
原创 Vue中强大的图片预览组件,v-viewr,支持缩放、旋转等操作
Vue中强大的图片预览组件,v-viewr,支持缩放、旋转等操作。亲测非常好用,Vue2和Vue3都可以使用,本文演示Vue3的用法。
2025-04-08 16:45:43
586
原创 手动实现SSR,深入了解SSR是怎么一回事
今天参加了一场面试,面试官问了一个问题:如何实现SSR?给我问的有点懵,因为以往都是借助现有的框架比如:Nuxt或者Next来做SSR,自己确实不知道如何实现SSR。面试的时候这个问题没有答好,心里面虽然知道是怎么一回事,但是没有办法表达出来,归根结底还是没有手动实现过。接收请求:服务器接收到HTTP请求数据获取:服务器从API获取视频数据组件渲染:使用将React组件树转换为HTML字符串数据注入:将初始数据作为全局变量()注入到HTML中发送响应:将完整的HTML发送给浏览器。
2025-03-20 02:24:37
988
原创 前端迅速通关TS
感谢小满zs,花了两天时间看完了小满在B站的教学视频,算是对TS有了一些初步的了解,以下是我个人在学习的过程中做的笔记,希望对大家能有帮助,迅速通关TS。
2025-03-18 01:51:07
761
原创 前端如何实现GPT的打字(streaming)效果
可以通过https://openrouter.ai获取,自行注册一个就可以免费试用了。流式响应允许服务器以小块(chunks)的形式逐步发送数据,而不必等待整个响应准备完毕。搭建项目,我使用的是Next.js,根据个人习惯喜欢用什么框架就用什么框架。流式响应会发送多个"data:"开头的行,每行包含一个JSON。**,为了下面的步骤顺利进行,推荐和我使用一样的。然后就跳转到这个页面,再次点击创建按钮。然后就获取到了key,注意自己保存下来。流式读取数据的核心循环。创建空的AI回复消息。
2025-02-28 01:48:17
602
原创 关于金融类项目前端CryptoJS加密
某次面试了一家银行的前端,被问到了关于前端安全方面的问题,具体就是前端如何做好加密解密,尤其是涉及到了用户信息,比如用户的手机号、身份证号之类的数据怎么处理。
2025-02-18 02:35:03
497
原创 SVG图标颜色跟随文字颜色变化的简单实现
项目中经常会遇到这样一个小需求:某个按钮hover的时候按钮字体要变色,同时按钮图标也要变色。这个时候如果写JS条件判断那就恶心死了,有没有比较简单的办法呢?
2025-01-20 11:26:14
381
原创 使用Web Worker将大文件分片速度提升10倍
了解完原因大概就能想到优化方案了,既然把这个hash的计算放到主线程上运行会很耗时,那么我们能不能把这个计算操作放到后台线程去做呢?以上demo就是最基础的大文件分片,使用一个2.54G的视频文件测试一下完成分片需要多长时间。这里直接给出答案,感兴趣的可以自己慢慢调试,看看究竟是哪里耗时。中导入模块有很多的坑,测试了很久都没有搞定,最终还是决定使用。测试一下效果,发现时间缩短到了原来的1/10!各位在写demo测试的时候,尽量使用。一开始我自己在测试的时候,是直接写。添加 npm scripts。
2025-01-14 11:59:04
1096
原创 从安装到会用,更适合前端宝宝的Docker教程
刚入门前端以及刚开始找工作的时候,时不时会刷到这样的招聘信息:Docker又是什么东西,我刚学完那些东西怎么还要学?我他妈就是不想学了!工作时:明明在我电脑上能跑起来,在你电脑上怎么就有bug?两年后:啥也不说了,先打个Docker试一下。对我而言,Docker就是为了解决“在我这能行,在你那不行”的一个工具,借用Docker。
2025-01-04 18:45:38
651
原创 手把手教会你如何把自己的网站从`http`变成`https` | 设置`https`证书自动更新,保姆级教学
手把手教会你如何把自己的网站从`http`变成`https` | 设置`https`证书自动更新,保姆级教学
2025-01-03 22:42:10
965
原创 整理了一些经典的前端面试题(Vue + 小程序 + React)
整理了一些经典的前端面试题,涉及浏览器原理、Vue、React、小程序,这些也算得上是前端的必备知识,无论是实际开发和面试都用得上。
2025-01-02 11:41:13
1223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人