摘要：
useMemo 主要用来解决使用 React Hooks 产生的无用渲染的性能问题，function 的形式声明组件，失去了 shouldComponentUpdate（在组件更新之前）这个生命周期，也就是说我们没有办法通过组件更新前条件来决定组件是否更新。而且，在函数组件中，也不再区分 mount 阅读全文
posted @ 2021-02-02 00:01
shanlu
阅读(709)
评论(0)
推荐(0)
摘要：
useRef 虽然用的不多，但是也不能缺少，它有两个主要的作用： ① 用 useRef 获取 React JSX 中的 DOM 元素，获取后就可以控制DOM 的任何东西了，但是一般不建议这么做，React 界面的变化可以通过状态来控制。 import React,{useRef} from 'rea 阅读全文
posted @ 2021-02-01 23:59
shanlu
阅读(757)
评论(0)
推荐(0)
摘要：
自定义Hooks 函数 和 用Hooks 创建组件很相似，跟我们平时用 JavaScript 写函数几乎一模一样，可能就是多了些 React Hooks 的特性，自定义 Hooks 函数偏向于功能，而组件偏向于界面和业务逻辑。 自定义Hooks 函数获取窗口大小 import React,{useS 阅读全文
posted @ 2021-02-01 23:56
shanlu
阅读(1120)
评论(0)
推荐(0)
摘要：
第一步，拆分组件 共拆分为4个组件 App.vue 中初步布局，引入 commentAdd 组件和 commentList 组件，写入： <template> <div id="app"> <header>请发表你的评论</header> <div class="container"> <div c 阅读全文
posted @ 2021-02-01 23:54
shanlu
阅读(387)
评论(0)
推荐(0)
摘要：
1，使用 vue-cli 创建模板项目： npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm intall npm run dev 2，项目模板结构： 3，项目的打包与发布 打包：npm run build 发布1：使用静 阅读全文
posted @ 2021-02-01 23:51
shanlu
阅读(81)
评论(0)
推荐(0)
摘要：
1，vue 动画 ① 操作 css 的 trasition 或 animation ② vue 会给目标元素添加 / 移除特定的 class ③ 过渡的相关类名 xxx-enter-active：指定显示的 transition xxx-leave-active：指定隐藏的 transition x 阅读全文
posted @ 2021-02-01 23:50
shanlu
阅读(157)
评论(0)
推荐(0)
摘要：
1，绑定监听 ① v-on：xxx = "fun" ② @xxx = "fun" ③ @xxx = "fun(参数) " ④ 默认事件形参：event ⑤ 隐含属性对象：$event 2，事件修饰符 ① .prevent：阻止事件的默认行为 event.predentDefault（） ② .sto 阅读全文
posted @ 2021-02-01 23:48
shanlu
阅读(63)
评论(0)
推荐(0)
摘要：
模板的理解： 1）动态的 html 页面 2）包含了一些 JS 语法代码，双大括号表达式，指令（以 v- 开头的自定义标签属性） 1，插值 ① “Mustache” 语法（双大括号）的文本插值 ② 输出原始 HTML，v-html 指令 ③ 强制数据绑定 Mustache 语法不能作用在 HTML 阅读全文
posted @ 2021-02-01 23:47
shanlu
阅读(78)
评论(0)
推荐(0)
摘要：
1，计算属性 ① 在 computed 属性对象中定义计算属性的方法 ② 在页面中使用 {{ 方法名 }} 来显示计算的结果 ③ 通过 getter / setter 实现对属性数据的显示和监视 ④ 计算属性存在缓存，多次读取只执行一次 getter 计算 通过在表达式中调用方法也可以达到同样的效果 阅读全文
posted @ 2021-02-01 23:46
shanlu
阅读(80)
评论(0)
推荐(0)
摘要：
1，class / style 绑定就是专门用来实现动态样式效果的技术 2，class 绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
posted @ 2021-02-01 23:44
shanlu
阅读(92)
评论(0)
推荐(0)
浙公网安备 33010602011771号