前端技术分享

1. 公有属性和私有属性 公有属性和私有属性 一切都是对象 对象是属性的无序集合 每一个对象上都有一个叫_ _ proto _ _这样的属性，是一个属性名 _ _ proto _ _对应的属性值是一个

网上搜了很多，只有这一段生效了，可能是大小写或者空格问题。先记录下来，下次用。。。。。。。。。。。。。。。。。。。。。。。

遇到一个聊天的功能，使用websocket实现，以下是封装的websocket链接方法。此帖记录 要使用的页面 websocket.js页面 觉得有用的话可以点个关注，可以评论区交流下！

前言 公司让做前端上传，曰：“减小服务器压力”，之前都是做的后端上传，前端只需要调用接口就可以，先传到服务器，服务器传给minio云或者腾讯云、阿里云。然后minio返回到服务器，服务器再把东西传给我

1.若依前端部分代码src下第四个目录directive，里面是一下若依封装的自定义方法，需要封装方法写在这里 common中是一个复制文本的方法 permission里面有两个自定义方法，v-has

1.若依前端部分代码src下第一个目录api，里面是一下自带的接口，主要关注登录和路由获取及system中的user.js、role.js、menu.js。 2.第二个目录assets下，包括了项目中

``` 页面写引入依赖 import { ref, computed } from 'vue'; import { contractCollectionList } from '@/services/

1，isProxy 作用：判断一个变量是不是 readonly 或 reactive的。 #2，toRaw 作用：得到返回 reactive变量或 readonly变量的"原始对象"。 语法:：con

shallowRef triggerRef reactive readonly isReadonly isReactive

1，ref 2，isRef 3，unref 4，customRef 5，toRef 6，toRefs

路由导航守卫 vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航 全局的前置守卫beforeEach是在导航触发时会被回调的： to：即将进入的路由Route对象 from：即将

1, Vue中的动画 #1.1, Vue中的动画介绍 Vue中为我们提供一些内置组件和对应的API来完成动画，利用它们我们可以方便的实现过渡动画效果 没有动画的情况下

State Hook 这个例子用来显示一个计数器。当你点击按钮，计数器的值就会增加： 在这里，useState 就是一个 Hook

组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。 函数组件与 class 组件 定义组件最简单的方式就是编写

虚拟 DOM​ 你可能已经听说过“虚拟 DOM”的概念了，Vue 的渲染系统正是基于这个概念构建的。 虚拟 DOM (Virtual DOM，简称 VDOM) 是一种编程概念

Vue 在大多数常见场景下性能都是很优秀的，通常不需要手动优化。然而，总会有一些具有挑战性的场景需要进行针对性的微调。 首先，让我们区分一下 web 应用性能的两个主要方面： 页面加载性能：首次访问时

本文将深入解读一段前端代码，展示了如何使用 CSS 和动画效果来创建多个有趣的进度条样式。我们将从技术和趣味性两个方面对这段代码进行解析，并分析每一个进度条的实现原理。

在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能： js 如你所见，defineAsyncC

侦听器​ 基本示例​ 计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。 在组合式 API 中，

计算属性​ 基础示例​ 模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。比如说，我们有这样一个包含嵌套数组的对象： js 我们想根据 author