2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 [vue3](/Vue3/)基础应用：聊聊vue3中ref()的基础应用。 ref() {#heading-0} ------------------ 接受一个值，返回一个响应式的，可以修改的ref对象，这个对象只有一个`.vaule`属性。 ref对象可以通过`.value`属性进行修改，修改后的值也是响应式的，并且修改...

2024-11-24 厉飞雨 阅读(2) 评论(0) 赞(0)

 [Vue](/vuejs/)基础知识：分析下created和mounted的使用场景。 生命周期概念 {#heading-0} ------------------- 通俗地讲，生命周期即Vue实例或组件从创建到被消灭的一系列过程，中间的各个节点被称为钩子.vue.js中created方法是一个生命周期钩子函数，一个vue实例...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 [vue](/vuejs/)基础应用：关于el-checkbox全选、反选、多选的一些事。 废话不多说直接上干货吧。 **全选** ``` handleCheckAllChange(val) {   this.checkedCities = val ? cityOptions : [];   this.isInde...

2024-11-24 厉飞雨 阅读(2) 评论(0) 赞(0)

 要想技术进步，踩坑是必经之路，今天一坑：页面params传值。 [vue](/vuejs/)页面params传值的坑 {#heading-0} --------------------------------------- **a.vue向b.vue传值** a.vue ``` this.$router.push({ ...

2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 今日分享下[React](/React/)知识点：了解 React Hooks 闭包的应用和原理。 React Hooks 是 React 16.8 版本引入的一种新的特性，它允许我们在不编写 class 组件的情况下使用 state 以及其他的 React 功能。其中，最为常用的就是 useState 和 useEffe...

2024-11-24 厉飞雨 阅读(2) 评论(0) 赞(0)

 Ant Design：聊聊Vue组件slots的作用。 ``` <a-table :columns="columns">   <!-- 省略表格数据 --> </a-table> ``` 命名 slot 则是根据名称来定义组件的内容，这些名称可以由组件的开发者自行定...

2024-11-24 厉飞雨 阅读(2) 评论(0) 赞(0)

 [vue](/vuejs/)开发技巧：使用Promise封装Axios进行高效开发。当你做一个很大项目的时候，高效开发是非常重要的，会给你节约很多的开发成本，今天我们就来分享一个接口封装的问题，提交代码质量。 我们先来看一段代码： ``` axios({   url: 接口地址,   method:请求方法,   ...

2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 今天来分享下，如何用原生JS和Vue实现局部刷新。 原生JS局部刷新 -------- ### 使用XMLHttpRequest 使用XMLHttpRequest对象进行异步请求： ``` // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 设置请求方式和请...

2024-11-24 厉飞雨 阅读(2) 评论(0) 赞(0)

[容器查询](https://www.w3.org/TR/css-contain-3/)启用基于可用空间的元素样式。它们使我们能够构建可适应无限、未知布局安排的弹性组件。这与视口媒体查询形成对比，视口媒体查询需要在页面级别协调样式更改。 <br /> 容器查询与视口媒体查询 {#container-queries-vs-viewport-media-quer...

2024-11-24 厉飞雨 阅读(2) 评论(0) 赞(0)

 当我们网站做好后，没有数据也是头疼的事情，有时候想从外部注入一些数据。 ...