老怪兽的前端之旅-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

老怪兽的前端之旅

专栏成员

202

文章

101713

阅读量

27

订阅数

（十）类的 `static` 关键字

为什么没有读取出来, 因为他在类的自身身上,所有不用实例读取, 而是直接在身上读取

2023-02-22

1340

（九）... 扩展运算符的基本知识

🐆一、跟数组一起使用展开一个数组 let arr1 = [1, 3, 5, 7, 9] let arr2 = [2, 4, 6, 8, 10] console.log(...arr1) 📷 链接数组 let arr1 = [1, 3, 5, 7, 9] let arr2 = [2, 4, 6, 8, 10] console.log([...arr1, ...arr2]) 📷 🐼二、函数传参接收不固定的值 function sum(...nums) { // 求和累加 re

2023-02-22

2420

（八）类中方法 this 的指向

window 变量对象函数

🐆类中方法 this 的指向 class Person { constructore(name, age) { this.name = name this.age = age } speck() { // speck 方法放在哪里？ --- 类的原型对象上，供实例使用 // 通过 person 实例调用 speck 时， speck 中的 this 就是 Person 的实例 console.log(

2023-02-22

1680

（七）call、bind、apply三者的区别

一文搞定this、apply、call、bindopen in new window

2023-02-22

7650

（六）类的基本知识

面向对象编程

🥥一、类的基本知识定义一个类 // 这里就创建了 Person 类 class Person { } 2. 用类创建一个实例对象 // 这里就创建了 Person 类 class Person { } const p1 = new Person() console.log(p1) 控制台将会打印出，这里是那个类 new 之后创建出来的 📷 3. 给 person 创建的实例传递参数，初始化类 // 这里就创建了 Person 类 class Person { } // 传递 name 和 a

2023-02-22

3310

（五）IntersectionObserver 监听元素进入离开指定可视区域

在开发过程中，我们可能经常需要监听元素是否进入可是区域，平时我们都是监听滚动条的高度，但是这样非常消耗资源，在这里我们可以使用 IntersectionObserver 这个 api 来进行监听，使用方法如下

2023-02-22

2.5K0

（四）原生 WEB 拖动排序

开发排序源码

使用原生的拖动排序在我们网页开发中经常需要做拖动排序 📷 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>排序</title>

2023-02-22

6360

（三）请求失败重发

有时候网络不好导致请求失败不能一次失败就给请求判定死刑了，我们还要给他机会，下面手写封装一个简单的重发函数，灰常的实用

2023-02-22

3870

（一）文本溢出处理方式

在我刚接触到前端的时候像一下这种超出省略的效果我都是手敲的，要不是就直接超出隐藏，但是这样很不美观，后面发现了 css 就可以完成这个效果，下面奉上代码

2023-02-22

7530

本模块是我学习 vue 全家桶所记录的所有笔记，因为是第一次记使用博客形式来记录学习过程，可能有些地方写的不怎么好，如果有啥问题呢欢迎留言评论，看到了会第一时间给大家回复。

2023-02-22

2030

（十五）Vuex 总结

📷 一、总结 📷 📷 📷

2023-02-22

1210

（十四）Vuex CompositonApi

一、如何在 compositionApi 中获取 store <script setup> const store = userSore() // 模板直接使用 const users = computed( () => store.state.users) cosnt blogs = computed( () => store.state.blogs) </script> 二、获取 getter <script setup> const store = userSore() // 不带命名空间直

2023-02-22

1380

（十三）Vuex 插件系统

store vuex 插件函数用户体验

一、实现一个状态持久化说明可以在页面刷新的时候 vuex 的数据不丢失，增强用户体验在 store 文件夹下面创建一个 persist.js 的文件来存放插件代码，插件就是接收 store 作为参数的函数，可以做对 mutations actions 的等等一系列操作 (1)、在页面刷新之前把数据存放到 localStoreage export default function persisState(store) { // 页面刷新之前的操作 // 监听 window.addEv

2023-02-22

3020

（十二）使用 Vue Devtools

一、使用步骤 📷 2. 📷 3. 查看 actions mutations 触发 📷 📷

2023-02-22

2500

（十一）vuex 配置日志插件

state 插件日志

当我们没有配置 createLogger 插件函数的时候，他使用的是默认的打印日志的方式

2023-02-22

3270

（十）vuex 应用文件结构

javascript vue.js

一、vuex 文件夹结构在 src 下面新建一个名为 store 的文件夹，里面存放所有有关 vuex 的代码在 store 文件夹下面创建一个 index.js 文件夹，存放 store 的入口文件，也就十顶级模块代码把 mutations actions getters 把他们单独抽离出来放到各自的 js 文件里面使用默认导出 ├── index.js store 入口文件，也是顶级模块 ├── mutations.js 存放 mutations ├── actions.js 存放 actio

2023-02-22

3700

（九）vuex 模块命名空间

blogs getter state store vuex

在我们上一章中我们学习了 vuex 的模块化，他最终都会汇总成为一个 store 使用和之前在一个文件当中的写法是一样的！但是当模块多了里面可能会有重复命名的方法和数据，所以这个时候就需要使用模块化命名

2023-02-22

5750

（八）vuex 模块化

随着我们项目越来越大，把所有的状态都放到一个文件中，会非常难以管理，所以 vuex 支持我们使用，模块化

2023-02-22

3550

（七）表单处理注意事项

在大部分开发中，都不会把表单数据放到全局的 vuex 中，只需要在组件内部来定义保存就可以了，如果确实需要和 vuex 打交代，可以在表单提交之后把整体的表单数据保存到 vuex 中，如果业务确实需要保存到 vuex 中那么需要注意以下几点

2023-02-22

1680

（六）为什么Mutations必须是同步的

state 插件日志同步异步

只有同步执行的操作才能被 createLogger 捕获记录到，下面看一下详细代码

2023-02-22

3520

点击加载更多

社区活动

AI代码助手快速上手训练营

鹅厂大牛带你玩转AI智能结对编程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态