20231202 前端开发日报

git 如何撤回已push的代码；学两个月前端后做了个这样的网站；Blob 学习指南：从零开始学习 JavaScript Blob 对象的使用；12k Star、40万+开发者信赖的开源商城系统；万字长文，TypeScript实战，封装一个axios – 基础封装篇；Golang 搭建 WebSocket 应用（三） – 实现一个消息推送中心；vue和react使用上的不同；古茗前端周刊 第十三期

1. git 如何撤回已push的代码

   在日常的开发中，我们经常使用Git来进行版本控制。有时候，我们可能会不小心将错误的代码 Push 到远程仓库，或者想要在本地回退到之前的某个版本重新开发,这个时候你就需要这样一个操作指南。

2. 学两个月前端后做了个这样的网站

   学习两个月前端后，使用当下最新技术栈Vue3、Vite5、Bun构建实现的技术社区，欢迎大家前来观光～

3. Blob 学习指南：从零开始学习 JavaScript Blob 对象的使用

   当我们在处理前端开发任务时，经常会涉及到处理各种类型的数据，如文本、图片、音视频等。而 JavaScript 中的 Blob 对象提供了一种便捷的方式来操作和处理这些数据。Blob 对象可以将不同类型

4. 12k Star、40万+开发者信赖的开源商城系统

   前几天，有位读者问我有没有什么优秀的国产开源电商平台，他要拿来接单赚外快。我一听这话，精神头就来了。 所以，今天 HelloGitHub 就给大家找来了一款自用、二开都很方便的国产开源商城系统——CR

5. 万字长文，TypeScript实战，封装一个axios – 基础封装篇

   axios 是一个流行的网络请求库。本文使用typescript，结合axios类型源码，利用面向对象思想，一步一步封装一个类型完整的基础版axios，便于刚接触axios封装的新手学习。

6. Golang 搭建 WebSocket 应用（三） – 实现一个消息推送中心

   本文中，将会以一个更加真实的例子来学习如何在 Golang 中使用 WebSocket，希望对大家有所帮助

7. vue和react使用上的不同

   文章浏览阅读187次，点赞2次，收藏5次。【代码】vue和react使用上的不同。

8. 古茗前端周刊 第十三期

   如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人。

9. 非root用户安装git lfs（git大文件）命令记录

   背景 最近在看LLAMA2的模型，想直接从Huggingface下载模型到本地，但是却发现服务器上没有安装git lfs命令。查询了一些资料完成了非root用户安装git lfs命令的操作，特此记录。

10. 在vue3中使用el-table实现新旧数据对比

    文章浏览阅读172次，点赞4次，收藏3次。【代码】在vue3中使用el-table实现新旧数据对比。

11. vue3新特性 compositionAPi与React.js中Hooks的异同点

    文章浏览阅读165次，点赞4次，收藏4次。React核心团队 奉.上的采纳策略是不反对类组件，所以你 可以升级React版本、在新组件中开始尝试 Hooks,并保持既有组件不做任何更改。应是基于proxy的，对数据直接代理观 察。(这种场景下，只要任何一个更改data 的地方，相关的function或者template都会 被重新计算，因此避开了React可能遇到的 性能上的问题)。React中，数据更改的时 候，会导致重新render,重新render又会重 新把hooks重新注册一一次,所以React复杂 程度会高一些。

12. nodejs+vue+elementui网上家电家用电器数码商城购物网站 多商家

    文章浏览阅读574次，点赞8次，收藏11次。开发语言 node.js。随着信息科技的发展，电子商务已经存在了我们生活的每一个角落，通过网络购物可以给人们的生活带来极大的便利，人们只需通过PC或者手机下单自己所需的商品，物流就会将购买的商品送到客户的手上，这极大的方便了人们的生活，为此我们通过vue.js框架开发了本次的基于vue.js的恒捷网上家电商城系统。本系统从用户的角度出发，结合当前的电子商务环境而开发的，在开发语言上是使用的nodejs语言，在框架上我们是使用的vue.js框架，数据库方面使用的是MySQL数据库，开发工具为IDEA。

13. ElementUi+Vue+SpringCloud+Forest上传前后端联调

    文章浏览阅读298次，点赞5次，收藏7次。实现后台上传图片本次使用vue3加elementUI的upload组件实现功能一.上传后直接调用后端通用上传工具，在文件服务中调回来用Url存到数据库中。二.通过将上传的信息以FormData的形式传入，并且在后端通过MultipartFile形式取出后丢入底层进行解析下面先解析普通上传的方式： 方式二：使用自动上传:http-request=“UploadImage”后端只需要通过简单的MultipartFile file 去接收前端传来的参数并且传入底层接口，后续返回给一个URL就已经完成该任务（底层

14. 【防抖和节流】Vue和React当中的防抖和节流处理

    文章浏览阅读195次。【防抖和节流】Vue和React当中的防抖和节流处理

15. vue3使用动态component

    文章浏览阅读96次。vue3使用动态component

16. vue使用实现录音功能js-audio-recorder

    文章浏览阅读193次，点赞3次，收藏3次。vue使用实现录音功能js-audio-recorder最近项目中需要实现一个录音上传功能，用于语音评论可以上录音。完整代码

17. React Hooks 通过js获取电脑麦克风、扬声器等设备列表，检测设备改变执行回调

    文章浏览阅读116次，点赞3次，收藏5次。可以获取到当前麦克风权限，系统和外部连接的麦克风、扬声器设备对象，检测麦克风设备改变。

18. React、Vue、Angular对比

    文章浏览阅读287次，点赞8次，收藏9次。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站， 并于 2013年 5 月开源。React 拥有较高的性。Vue是尤雨溪编写的一个构建数据驱动的Web界面的库，准确来说不是一个框架，它聚焦在V（view）视图层。Angular是一款优秀的前端JS框架，已经被用于Google的多款产品当中。能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

19. vue代理服务器解决开发环境 Ajax 跨域问题

    文章浏览阅读112次。现在有个接口，可以获取学生信息现在vue写一个按钮获取学生信息因为游览器的协议规定，不同端口导致跨域问题。

20. VUE+THREE.JS 点击模型相机缓入查看模型相关信息

    文章浏览阅读165次，点赞3次，收藏4次。引入模型所要呈现的3DSprite精灵模型，优势在于可以随着视野的变化，跟随方向变化，大小是近大远小的模式。所以：设定最小的距离和最大的距离，当模型相对于相机距离远，就设定缩放因子为0.8，也不能将缩放因子固定，因为当相近模型点击时，弹框会越来越近，直至占满整个屏幕，由于我这里是一个弹框，我希望他能够点击关闭，所以多加了个关闭事件。模型相对相机距离近，就设定缩放因子为0，表示不缩放。必须要写这个 要不然会导致模型无法推拽移动。，使其稍远一点，默认是1。

21. 【小代码】前端生成uuid

22. 华为自研的前端框架是什么样的？