Vue keep-alive
什么是 keep-alive 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。 也就是说，keepalive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 。也就是所谓的组件缓存 是Vue的内置组…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
Vue项目常用库
axios clipboard.js 剪贴板 echarts crypto.js 加密解密 file-saver + xlsx 导出数据 font-awesome icon 库 js-cookie cookie 可以被localstorage等替代 js-md5 qrcodejs2 二维码生成 quill 富文本…
Read articleVueBus 总线传参数
简介 vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？ 如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间…
Read article快手暑期实习一面面经
一面顺利通过，二面挂了。二面没有做记录，所以没有放 前端研发实习生（Docs）-协同办公中心 一面 45min 面试官迟到了，然后看简历，边看边解答一些问题 看到了Node.js 和TS，噩梦开始了 1. 我看你写Node的Web挺多的，我们来写个中间件吧？express的跨域中间件（手撕） 2. （打断）顺便问…
Read article美团暑期实习一二面面经（HR面挂）
这个是我暑期实习面试美团的面经，翻出来复盘分享一下 企业平台一面 45min 1. 部门介绍 2. 自我介绍 3. 怎么学前端的，接触多久了？ 4. 从去年实习到现在前端学习的怎么样？有什么心路历程？ 5. 锐捷做主业务线吗？线上项目吗？ 6. js基本数据类型？ 8. typeof null，typeof un…
Read article在函数组件中使用 Redux
Redux 出现的背景 组件级别的 state，和从上而下传递的 props 这两个状态机制，无法满足复杂功能的需要。例如跨层级之间的组件的数据共享和传递。我们可以从下图的对比去理解： 其中左图是单个 React 组件，它的状态可以用内部的 state 来维护，而且这个 state 在组件外部是无法访问的。而右图…
Read article内置 Hooks（1）：如何保存组件状态和使用生命周期？
useState：让函数组件具有维持状态的能力 在第一讲中，你已经知道了 state 是 React 组件的一个核心机制，那么 useState 这个 Hook 就是用来管理 state 的，它可以让函数组件具有维持状态的能力。也就是说， 在一个函数组件的多次渲染之间，这个 state 是共享的。 下面这个例子就…
Read article自定义 Hooks
自定义 Hooks 在形式上其实非常简单，就是声明一个名字以 use 开头的函数，比如 useCounter。这个函数在形式上和普通的 JavaScript 函数没有任何区别，你可以传递任意参数给这个 Hook，也可以返回任何值。 但是要注意，Hooks 和普通函数在语义上是有区别的，就在于函数中有没有用到其它 …
Read articleHooks ：如何正确理解函数组件的生命周期？
比如对于在第三讲介绍的例子，一个用于显示博客文章的组件接收一个文章的 id 作为参数，然后根据这个 id 从服务器端获取文章的内容并显示出来。那么当 id 变化的时候，你就需要检测到这个变化，并重新发送请求，显示在界面上。在 Class 组件中，你通常要用如下的代码实现： to 在函数组件中你要思考的方式永远是：…
Read articleHooks 实战篇
复杂状态处理：如何保证状态一致性？ todo!!!! 异步处理：如何向服务器端发送请求？ 虽然发请求拿数据有很多种做法，但基本上都会遵循一定的规律 实现自己的 API Client 无论大小项目，在开始实现第一个请求的时候，通常我们要做的第一件事应该都是创建一个自己的 API Client，之后所有的请求都会通过…
Read articleHooks（2）：避免重复定义回调函数
useCallback：缓存回调函数 在 React 函数组件中，每一次 UI 的变化，都是通过重新执行整个函数来完成的，这和传统的 Class 组件有很大区别： 函数组件中并没有一个直接的方式在多次渲染之间维持一个状态。 比如下面的代码中，我们在加号按钮上定义了一个事件处理函数，用来让计数器加 1。 但是因为定…
Read article
React Hooks 基础
思考 React 组件的本质 React 组件的模型其实很直观，就是从 Model 到 View 的映射，这里的 Model 对应到 React 中就是 state 和 props。如下图所示： 在过去，我们需要处理当 Model 变化时，DOM 节点应该如何变化的细节问题。而现在，我们只需要通过 JSX，根据 …
Read articleNo matching articles
Try another keyword or reset your filters.