20231006 前端开发日报

Angular HTTP装饰器优雅后处理；Tailwind CSS 很好，但不适合我；【Vue3】自定义指令；深入理解 Promise：用 Typescript 从零到一手写 Promises/A+；如何丝滑地使用VSCode将键值对转换成JSON格式；️使用 Vue+pandaCSS+tsx 实现一个超精致的按钮组件；Vue 拦截器；ew-message 一个基于typescript封装的消息提示框插件

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

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

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

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

3. 【Vue3】自定义指令

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

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

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

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

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

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

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

7. Vue 拦截器

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

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

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

9. Vue Reactivity: 逐步实现 JavaScript

   在现代的 Web 开发中，Vue 是一个非常受欢迎的 JavaScript 框架，它提供了响应式编程的能力，使开发者可以轻松地构建交互性强的用户界面。本文将逐步实现 Vue 的响应式系统，以帮助我们更好地理解 Vue 的工作原理。

10. umi+react+dva 配置request的全局配置(请求拦截与响应拦截)和调用请求

    【代码】umi+react+dva 配置request的全局配置(请求拦截与响应拦截)和调用请求。

11. Vue 路由的动态重定向和导航守卫实例

    其中，Vue Router 是 Vue 的官方路由管理器，提供了灵活的路由配置和导航功能。在本文中，我们将探讨 Vue 路由的动态重定向和导航守卫，并提供相应的源代码示例。导航守卫是 Vue Router 提供的另一个强大功能，用于在路由导航过程中控制和管理路由。导航守卫可以在路由跳转前、跳转后、或在路由变化时触发相应的钩子函数。配置选项，可以在路由配置中使用动态重定向。希望这篇文章对你理解 Vue 路由的动态重定向和导航守卫有所帮助。动态重定向是指根据特定的条件，动态地将用户重定向到不同的路由。

12. Vue3+TS+ECharts5实现中国地图数据信息显示

    本篇文章简单介绍了ECharts组件的封装，以及地图组件的封装，大概描述了实际项目中遇到的问题以及自己的一些解决办法，行文比较简单概括，所给代码并不能达到文章开始图片效果，对于一些问题可能还不是能很好的理解，欢迎批评指正，一起探讨交流进步。

13. Vue实现框选表格内容并批量更改

    在Vue中，我们经常需要处理表格数据，并且可能需要对表格中的多个数据进行批量更改。本文将介绍如何使用Vue实现框选表格内容，并对选中的内容进行批量更改的功能。通过上述代码，我们已经实现了框选表格内容并批量更改的功能。在该方法中，我们使用起始行索引和结束行索引来确定需要批量更改的数据范围，并将选中的行的。首先，我们需要创建一个Vue组件来展示表格数据并实现框选功能。接下来，我们定义了一些方法来处理框选功能。，并记录下起始行索引。，我们更新结束行索引。属性来动态设置样式，以突出显示选中的行。

14. 【Vue2和Vue3的双向绑定区别】

    如果 obj 尚未被代理，则使用 Proxy 对象创建一个新的代理对象 observed，并缓存该代理对象到原始对象 obj 的 __v_proxy 属性中，并返回 observed。模板语言的改进：Vue3中提供了更加灵活的模板语法，并增加了一些新特性，例如：v-model的多个绑定值、v-model修饰符的增加、el和ref的区别等。这可以通过 Proxy 来实现。在原理上，Vue3 会为数据对象中的每个属性创建一个 Proxy 对象，并通过该对象的 get 和 set 方法来实现数据对象的双向绑定。