南风晚来晚相识

摘要： 了解自定义指令的钩子函数 bind(){}：每当指令绑定到元素上的时候，就会立刻执行bind这个函数。只调用一次。 和css相关的操作，可以放在这个钩子函数中。 inserted(){}：元素插入到DOM中的时候，会执行inserted函数。只调用一次。 update(){}当数据跟新的时候，就会执 阅读全文

摘要： every 方法 every()方法用于检测数组中的所有元素是否都满足指定条件。 every()方法会遍历数组的每一项，如果有一项不满足条件，则返回false,剩余的项将不会再执行检测。 如果遍历完数组后，每一项都符合条，则返回true。 基本用法 array.every(function(curr 阅读全文

该文被密码保护。 阅读全文

该文被密码保护。 阅读全文

摘要： 处理css全局作用 现在有这样一个场景： A页面和B页面都有一个相同的类名 我们在A页面中有引入css。 B页面没有css 在我们切换A和B页面的时候。 A页面的css也作用在了B页面。 我们只希望A页面的css不影响B页面。 怎么处理这样的问题了。 可以将css文件变成 xxx.module.cs 阅读全文

摘要： 在函数中使用定时器 import { useEffect, useState } from "react"; export default function Funcom() { useEffect(() => { setInterval(() => { console.log('我在执行 ') } 阅读全文

摘要： 学习hooks 在 React 的世界中， 组件有函数组件和类组件 UI 组件我们可以使用函数，用函数组件来展示 UI。 而对于容器组件，函数组件就显得无能为力。 我们依赖于类组件来获取数据，处理数据。 React 在 v16.8 的版本中推出了 React Hooks 新特性。 以前我们更改数据都 阅读全文

摘要： Flex 意为 “弹性布局”，是一种在开发静态页面过程中常用的布局模式。 开发购物车使用flex布局的时候遇到的一种场景：子元素被挤压 具体如图所示， 当商品名称超出两行文字时显示省略号， 是使用flex布局的。 占位较多的子元素会去挤压别的子元素。 解决方法很简单， 就是使用flex-shrink 阅读全文

摘要： visible: 默认值.内容不会被修剪,会呈现在元素框之外。 hidden: 内容会被修剪,并且其余内容是不可见的。 scroll: 内容会被修剪,总是显示滚动条。 auto: 内容被修剪,超出浏览器会显示滚动条以便查看其余内容， 没有超出则不显示滚动条。 overlay:它的行为与auto相同的 阅读全文

摘要： html 布局结构如下 <div class="outerBox"> <div class="innerBox"></div> </div> 第一种 使用flex .outerBox { height: 400px; background-color: rgb(12, 243, 232); disp 阅读全文