南风晚来晚相识

摘要： computed 传参 <template> <div> <p>computed传参的写法：{{ who1Params('--我是传参的内容') }}</p> </div> </template> <script> export default { name: 'App', data() { ret 阅读全文

摘要： 我对 reactive源码的理解 reactive 只能够代理对象 首先它判断传递过来的值是否是对象，如果是才会进行代理。变成响应式的。 Proxy 并没有重写对象的属性，只做代理，在取值的时候回调用get,设置值的时候回调用set方法 在get的时候使用了 Reflect.get(target,k 阅读全文

摘要： 了解自定义指令的钩子函数 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 阅读全文