20231006 前端开发周报

让你 React 组件水平暴增的 5 个技巧；Vue3为什么推荐使用ref而不是reactive；WebRTC这么火，前端靓仔，请收下这篇入门教程；JS如何判断文字被ellipsis了？；产品经理：能不能把 Vue 的中文输入法 bug 解决了？；Web版Photoshop来了，用到了哪些前端技术？；我转产品了-前端转产品是一种什么样的体验；Vue.js + Electron 炸裂组合，打造跨平台桌面应用

1. 让你 React 组件水平暴增的 5 个技巧

2. Vue3为什么推荐使用ref而不是reactive

3. WebRTC这么火，前端靓仔，请收下这篇入门教程

4. JS如何判断文字被ellipsis了？

5. 产品经理：能不能把 Vue 的中文输入法 bug 解决了？

6. Web版Photoshop来了，用到了哪些前端技术？

7. 我转产品了-前端转产品是一种什么样的体验

8. Vue.js + Electron 炸裂组合，打造跨平台桌面应用

9. 《HelloGitHub》第 90 期

10. Git入门教程，一文搞定所有操作

11. Flutter笔记：手写一个简单的画板工具

    Flutter笔记 – 手写一个简单的画板工具 作者：李俊才 注：由于掘金迁移和字数限制等诸多方面的问题，掘金版本可能丢失图片、删除、强调标记甚至段落，以及文字错乱。推荐阅读链接原文

12. Nestjs微服务开发与部署实战

13. Git用户管理进阶：Deno CLI的应用实践

14. 入门级 ActixWeb 知识点摄取器

15. Vue3渲染器

16. 一文教你玩转Git和Github

17. Angular HTTP装饰器优雅后处理

    前言 在现代的前端开发中，与后端服务器进行HTTP通信是一项不可或缺的任务。Angular作为一种流行的前端框架，提供了一种强大而灵活的方式来处理HTTP请求。为了更加简洁和可维护地定义这些HTTP请

18. 从零开始学React-coderwhy React课程笔记（四）

19. 一款不错的Flutter SDK多版本管理工具

20. Vue3+NestJS 全栈开发企业级管理后台「zui~新」

21. react+IntersectionObserver实现页面丝滑帧动画

22. Tailwind CSS 很好，但不适合我

    经过了几次小版本迭代后，我对 Tailwind CSS 的使用小有心得。本文将阐述我在企业开发中使用 Tailwind CSS 后对它的看法。

23. 将Flutter推向极限：你应该知道的44个性能提示

24. Vue中keep-alive 场景实现：订单列表页跳转到详情页，再从详情页跳转回列表初始停留位置

25. Actix-Web 中定义路由的5种方法

26. 【Vue3】自定义指令

    除了 Vue 内置的一系列指令 (比如v-model或v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。

27. Vue.js 和 Vite 之父：Evan You从谷歌工程师到开源先锋的故事

28. 前端工程化开源项目都在用的【Monorepo】

29. 如何优雅的使用nestjs实现邮件发送

30. 这才是真正让你入门 TypeScript 类型体操的文章

31. 前端代码Review，一次性掰扯明白

32. 实用前端技巧：轻松导出Excel通用方法（实现多级表头、表格合并、自定义样式）

33. VUE AST 编译原理

    AST 编译原理[抽象语法树] 在VUE3 monorepo 继续编写模版编译 packages/compiler-dom/index.ts baseParse 解析器，由于这个解析器内容需要接的很多

34. Vue 解决跨域问题

35. 告别蒲公英-教你自建本地https服务搭建iOS itms-services扫码安装

36. vue中 实现公共函数的共享（混入，原型），mixins和Vue.prototype其区别以及优缺点

37. vue3+vite+ts+pinia 后台管理项目总结

    前言 VUE3+VITE+TS 项目中的要点 使用vue3+vite+ts 构建项目基础框架，配置代码运行环境,对项目进行模块化划分,并集成element组件库、axios请求库； 利用axios拦截

38. 【前端】如何流畅地播放视频

    最近在做视频相关的项目，自然就遇到了如何让视频顺畅播放的问题 现在的视频网站，特别是长视频网站，一般不会直接请求一整个视频文件；这样直接导致响应时间过长，用户等待过久 通常采用流媒体传输协议，就是将视

39. 学习webpack loader，这一篇文章足够了。从原因、原理、用法、自定义loader等方面解析，讲的明明白白

40. 面试官：说说你所了解的 webpack

41. 【前端调试】如何优雅调试vue

42. 从零实现一个React+Antd5.0后台管理系统-项目初始化

43. 每日五道前端面试题–day3

    1. js中其他类型的值到字符串类型的转换 2. js中其他类型的值到布尔值的转换 3. 对比 ||, && 和 ?? 4. 对比 ==, === 和 Object.is 5. 什么是js中的包装类型

44. 当领导问我为什么选择typescript？

    “换做是你，被领导问到这类问题，你会怎么说？”，给你一首歌的时间想一想~ 话不多说，进入正题！被问到这类问题，领导无非是…

45. VUE实战入门

    1.背景 最近开始搞vue了，写一些小的demo，然后做一些小的项目，多做积累，然后把书读薄，做到熟能生巧 2.学习积累 2.1 Vue中有2种数据绑定的方式： 2.2 MVVM 模型 2.3 Obj

46. 前端性能优化盘点

47. 实现 javascript 深拷贝，处理 symbol 属性及循环引用

48. 懂 Vue、React 就懂 Flutter 路由管理

49. JS设计模式之装饰者模式：优雅的给对象增添“魔法”

50. Typescript泛型的无罪推定

51. Vuex 进阶知识：如何优雅的进行 Vue 的状态管理

52. 深入理解 Promise：用 Typescript 从零到一手写 Promises/A+

    用 Typescript 从零到一实现 Promises/A+ — 怎么做 以及 为什么这么做 .

53. 如何丝滑地使用VSCode将键值对转换成JSON格式

    今天看了一个YouTube视频，视频讲的是他如何惩罚诈骗者。具体是这个诈骗涉及到填信用卡信息，点击支付的时候就会调用支付网关，诈骗网站就会花费（0.05美元）。根据此，视频作者使用python去

54. 作为中级前端工程师，每天都做些什么？（适用于所有岗位）

55. ️使用 Vue+pandaCSS+tsx 实现一个超精致的按钮组件

    本文通过实现一个按钮组件介绍 pandaCSS 的一些基本概念和使用方式，虽然 pandaCSS 中定义了许多听起来陌生的概念，但是整体来说上手难度不高，而且基于 ts 生成的样式文件类型提示非常完善

56. React 是如何进行渲染的？

    关键词：jsx渲染、react渲染过程 在 React 中，JSX 最终被转换为真实的 DOM 经历了以下步骤： 1. 解析 JSX 在编译阶段，React 使用 Babel 等工具将 JSX 转换为

57. React学习（一）——初识组件

58. JavaScript前端面试只看这个就可以（上）

59. Vue 拦截器

    参考 axios中文文档|axios中文网 | axios (axios-js.com) Vue封装request.js用作发送请求_vue.prototype.request-CSDN博客 环境配置

60. ew-message 一个基于typescript封装的消息提示框插件

    ew-message 一个基于 typescript 而封装的消息提示框插件，可用于不使用ui组件库的中小型网站中。 安装与使用 安装 引入 消息提示框插件如下: option 配置对象有如下参数: