摘要:
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 阅读全文