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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 [vue](/vuejs/) tab切换应用：使用动态组件实现TAB切换效果。 手动创建tab切换效果 {#heading-1} ------------------------ 我们先看下效果图。 ![image.png](http://static.51tbox.com/static/2024-11-23/col/...

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

[Vue3](/Vue3/)每日一学：依赖注入Provide/Inject。 **Provide / Inject** -------------------- 通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很...

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

 作为"父选择器"的先驱，`:has()`伪类的范围远比仅仅为元素的祖先设置样式大得多。凭借其在 Safari 15.4+ 和 Chromium 105+ 中的可用性，以及在 Firefox 中的标志，现在是您熟悉`:has()`其用例的好时机。 作为一个伪类，它的基本功能`:has()`是设置它所附加的元...