20231112 前端开发日报

动态代理总结，面试你要知道的都在这里，无废话；Git：Cherry-Pick 桃色陷阱；js数组常用方法汇总整理，形象化通俗易懂，建议收藏；基于HarmonyOS的HTTPS请求过程开发示例（ArkTS）；前端 node 实现调用打印机和小票打印(TSPL )功能；当问到你JS的防抖和节流优化，你能手写吗？（一）；解析JavaScript调用栈：轻松理解代码执行；实现细粒度的前端权限控制：深入理解 Vue 自定义指令的应用

1. 动态代理总结，面试你要知道的都在这里，无废话

   文章内容收录到个人网站，方便阅读：https://hardyfish.top/ 代理模式 代理模式是一种设计模式，提供了对目标对象额外的访问方式，即通过代理对象访问目标对象，这样可以在不修改原目标对象

2. Git：Cherry-Pick 桃色陷阱

   假设在开发某些功能或者修复 bug 的时候把代码 commit 到了错误的分支 A，并且分支 A 最新版本已经覆盖了该 commit。看到这样你不会抓狂？

3. js数组常用方法汇总整理，形象化通俗易懂，建议收藏

   数组方法是编程中经常使用的一种工具，它们可以帮助我们高效地处理数组数据。这篇将会详细介绍各个常用的方法。

4. 基于HarmonyOS的HTTPS请求过程开发示例（ArkTS）

   本篇 Codelab 基于网络模块以及 Webview 实现一次 HTTPS 请求，并对其过程进行抓包分析。

5. 前端 node 实现调用打印机和小票打印(TSPL )功能

   Ⅰ- 壹 – 使用需求 前端 的方式 点击这个按钮，直接让打印机打印我想要的东西 github地址: https://github.com/whqgo/nodeWebPrint Ⅱ – 贰 – 小票打

6. 当问到你JS的防抖和节流优化，你能手写吗？（一）

   防抖 在我们处理一些响应的时候，我们总是会发现总有些人得"抖上两下"，比如提交的时候要点个三四遍。又比如像我们正常使用的时候，遇到网络问题点击提交后没有反应，我们也会，诶？在点两下，可是这样就会发送很

7. 解析JavaScript调用栈：轻松理解代码执行

   当涉及到JavaScript编程，了解调用栈（call stack）是非常重要的，因为它是理解代码执行的核心概念之一。本文将从一个小白的视角探讨JavaScript调用栈，解释它的作用、如何工作

8. 实现细粒度的前端权限控制：深入理解 Vue 自定义指令的应用

   权限控制是 Web 应用程序中的一个重要问题，尤其是细粒度的前端权限控制，比如不同的用户拥有不同的操作权限，确保只有权限的用户才能访问或操作受保护的资源。通过自定义指令，我们可以方便地实现权限控制功能

9. TypeScript基础（五）泛型

   引言 在编程中，我们经常会遇到需要处理不同类型数据的情况。为了提高代码的复用性和灵活性，TypeScript引入了泛型的概念。泛型可以让我们在定义函数、类或接口时，不预先指定具体的类型，而是在使用时再

10. Javascript高级-Axios 与 Mock

    新的调试方式：Vite/安装Axios/如何Mock/如何查看Axios英文文档/Axios使用方法

11. Vue3-ref函数、reactive函数的响应式

    文章浏览阅读226次。ref函数通过对数据进行一个包装，然后返回一个全新的对象，叫做引用对象RefImpl在这个RefImpl对象中有一个value属性，而value属性底层调用了`Object.defineProperty`响应式

12. 如何在Vue中实现登录验证功能

    文章浏览阅读125次。如何在Vue中实现登录验证功能，需要具体代码示例Vue是一种流行的JavaScript框架，可以帮助开发者建立高效的Web应用程序。在许多Web应用中，用户登录验证是至关重要的一部分。本文将为您介绍如何在Vue中实现登录验证功能，并为您提供具体的代码示例。

13. react类式组件的生命周期和useEffect实现函数组件生命周期

    文章浏览阅读325次。初始化自动更新手动更新卸载。

14. 原始html和vue中使用3dmol js展示分子模型，pdb文件

    文章浏览阅读186次。原始html和vue中使用3dmol js展示分子模型，pdb文件

15. vue3使用vuex的示例(模块化功能)

    文章浏览阅读116次。vue3使用vuex的示例(模块化功能)

16. React通过属性 (props) 和状态 (state) 来传递和管理组件的数据

    文章浏览阅读176次。这个示例演示了通过属性和状态传递和管理组件数据的基本概念。深入学习和实践类似的示例将帮助你更加熟悉和掌握如何在 React 中有效地使用属性和状态来传递和管理数据。数据的动态更新：当父组件的状态更新时，传递给子组件的属性也会更新，从而导致子组件的重新渲染。这将导致子组件接收到更新后的属性，并相应地更新渲染的内容。来访问传递的名字属性，并在子组件的 JSX 中进行渲染。参数来接收父组件传递的属性。函数会被调用，它会更新父组件的状态，将名字从。属性 (props)：父组件通过属性将数据 (

17. vue.cli 中怎样使用自定义的组件

    文章浏览阅读85次。在Vue CLI中使用自定义组件是构建交互式和模块化Web应用的重要一环。Vue CLI为开发者提供了使用自定义组件的灵活性和简便性。通过Vue CLI，你可以创建、注册和使用自己的组件，使得你的应用更具可复用性和可维护性。Vue CLI是一个强大的开发工具，可用于快速搭建Vue.js项目。它提供了一整套开发工具和插件，其中包括了使用自定义组件的方法。使用自定义组件可以让你将页面分解成独立的、可复用的部分，使得你的应用更易于管理和开发。在本指南中，将详细介绍如何使用Vue CLI创建和使用自定义组件。

18. vue3中的父子间传值

    文章浏览阅读132次。父组件Father.vue中在调用Son.vue这个子组件时，当子组件Son.vue需要传参给父组件Father.vue时，使用defineEmits注册一个事件getValue，而后设置点击事件transValue去触发emit，去调用我们注册的自定义事件getValue,并传递value参数至父组件。传值给子组件主要是由父组件为子组件通过v-bind绑定数值，而后传给子组件；当父组件想直接调用父组件的属性或者方法时，子组件可以使用。父组件调用时，为子组件绑定一个。在父组件中调用子组件时，通过。

19. 高校教务系统登录页面JS分析——长沙理工大学教务系统

    文章浏览阅读398次。本文介绍了高校教务系统的密码加密逻辑以及使用JavaScript进行逆向分析的方法。通过学习这些知识，你可以更好地理解密码加密技术的原理，并掌握一定的逆向分析技巧。请注意，逆向分析可能涉及到法律问题，请在合法范围内进行研究和实践。