摘要: 我们先看下 react 官方文档对这两个 hook 的介绍,建立个整体认识 useEffect(create, deps): 该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这里指在 react 渲染阶段)改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作 阅读全文
posted @ 2020-09-22 14:59 酷儿q 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 想在你的vue组件之间共享代码?如果你熟悉 vue 2 则可能知道使用 mixin ,但是新的 Composition API 提供了更好的解决方案。 在本文中,我们将研究mixins的缺点,并了解Composition API如何克服它们,并使Vue应用程序具有更大的可伸缩性。 回顾Mixins功 阅读全文
posted @ 2020-09-22 14:57 酷儿q 阅读(295) 评论(0) 推荐(0) 编辑
摘要: $nextTick vue.nectTick() 是在下次DOM更新循环结束之后执行延迟回调,在修改数据之后使用$nextTick,则可以在回调中获取更新后的DOM(dom的改变是发生在nextTick()之后),这个方法作用是当数据被修改后使用这个方法,会回调获取更新后的dom再render出来 阅读全文
posted @ 2020-09-22 14:56 酷儿q 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 今天探讨一个我们前端面试中经常会遇到的一个问题.使用 index 作为 key 值有什么问题呢? 在我们日常开发中我们经常会和 key 值打交道. 但是我们扪心自问, 真的理解 key 吗? 我想大多数朋友可能会有些许犹豫. 初学者开发过程中, 可能很难理解 key 值存在的意义. 我们可以简单把它 阅读全文
posted @ 2020-09-22 14:55 酷儿q 阅读(815) 评论(0) 推荐(0) 编辑
摘要: 一、父组件向子组件通信 react 数据流动是单向的,父组件向子组件的 通信也是最常见的方式。父组件通过 props 向子组件传递需要的信息 function EmailInput(props) { return ( <label> Email: <input value={props.email} 阅读全文
posted @ 2020-09-22 14:54 酷儿q 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 在vuejs中,v-for循环是每个项目都会使用的东西,它允许您在模板代码中编写for循环。 在最基本的用法中,它们的用法如下。 <ul> <li v-for='product in products'> {{ product.name }} </li> </ul> 但是,在本文中,我将介绍六种方法 阅读全文
posted @ 2020-09-22 14:53 酷儿q 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 今天在开发公司内部的小程序项目时,遇到了一个问题,就是控制手机返回按键的问题,本来我以为很快就可以解决的,没想到最后我用了快一天的时间,才给做好,而且还不是我最初想到的方法。 场景 公司开发的小程序由于业务需要,要把后台管理的部分页面也给搬到小程序中,由于功能相同,且后台使用的elementui,做 阅读全文
posted @ 2020-09-22 14:49 酷儿q 阅读(5248) 评论(0) 推荐(0) 编辑
摘要: 01 前言 过滤器实质不改变原始数据,只是对数据进行加工处理后返回过滤后的数据再进行调用处理。我们看一下官方的定义: vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在  阅读全文
posted @ 2020-09-22 14:48 酷儿q 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI,我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新,现在网站不仅仅是只能显示信息,它们同样也可以拥有有趣的动画、多样的布局和互动的元素。而其中,这些大部分都是由css来实现的。 所以cs 阅读全文
posted @ 2020-09-22 14:44 酷儿q 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 最近要对 react 项目做重构优化等相关的工作,由于有好长时间没碰 react 了,今天索性把一个基于关键字搜索的 demo 做一下简单优化,在此记录以下。 主要从三个方面进行优化处理: 减少事件的触发频率 - 对关键字键入进行 debounce 处理 减少 HTTP 请求 - 对重复的 HTTP 阅读全文
posted @ 2020-09-22 14:42 酷儿q 阅读(225) 评论(0) 推荐(0) 编辑