浅笑·

2020年11月23日

摘要：再有一棵树形结构的JavaScript对象后，我们现在需要做的就是将这棵树跟真实的Dom树形成映射关系，首先简单回顾之前遇到的mountComponent方法： export function mountComponent(vm, el) { vm.$el = el ... callHook(vm, 阅读全文

posted @ 2020-11-23 17:04 浅笑· 阅读(3131) 评论(0) 推荐(1) 编辑

从 WeRequest 登陆态管理来聊聊业务代码

摘要：在开发微信小程序之前，个人从来没有接触过开发中涉及到第三方服务器交互的流程。在开发的过程本身倒是没有什么太大的意外，只是在维护服务器登陆状态这一点很讨厌。因为涉及到自身服务器的登录状态以及微信官方服务器登陆状态三方的关系。下图是微信登陆机制: 在这种场景下，个人非常关注的点在于: 如何能够无感知的阅读全文

posted @ 2020-11-23 16:43 浅笑· 阅读(188) 评论(0) 推荐(0) 编辑

2020年11月22日

webpack常用配置

摘要：简介看《深入浅出webpack》总结一下常用的webpack的属性的含义并加了一些自己的链接，写在一个文件下更能有全局感受，更能理解各个属性中间的关系，重点要关注entry,output,resolve,module, plugins几部分配置示例这并不是一个拿来可用的配置，主要是为了更好理解阅读全文

posted @ 2020-11-22 20:44 浅笑· 阅读(642) 评论(0) 推荐(0) 编辑

BEM举例

摘要：带单个修饰符的组件一个组件可能有不同状态。状态应该使用修饰符类来实现。  <button class="btn btn--secondary"></button> <style lang="scss"> .btn { display: inline-block; color 阅读全文

posted @ 2020-11-22 20:38 浅笑· 阅读(152) 评论(0) 推荐(0) 编辑

快速打造 react 后台管理系统

摘要：前言相信很多小伙伴都有可能碰到开发后台管理系统这样的需求，那么我们该如何快速的完成这个需求呢本文将以 react 为切入点，记录打造一个基础管理系统模板的过程，以此加深对 react 技术栈以及项目实战的理解，希望对大家开发一个这样的项目有所帮助如果文章中有出现纰漏、错误之处，还请看到的小伙伴阅读全文

posted @ 2020-11-22 20:37 浅笑· 阅读(5257) 评论(0) 推荐(0) 编辑

前端组件/库打包利器rollup使用与配置实战

摘要：目前主流的前端框架vue和react都采用rollup来打包，为了探索rollup的奥妙，接下来就让我们一步步来探索，并基于rollup搭建一个库打包脚手架，来发布自己的库和组件。前言写rollup的文章是因为笔者最近要规范前端开发的业务流程和架构，并提供内部公有组件库和工具库供团队使用。在查阅阅读全文

posted @ 2020-11-22 20:32 浅笑· 阅读(2577) 评论(0) 推荐(0) 编辑

结合高阶函数聊聊useMemo和useCallback

摘要： Hook 是 react 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 react 特性。 useCallback和useMemo是其中的两个 hooks，本文旨在通过解决一个需求，结合高阶函数，深入理解useCallback和useMemo的用法和使用阅读全文

posted @ 2020-11-22 19:45 浅笑· 阅读(1624) 评论(0) 推荐(0) 编辑

React Native 使用 react-native-webview 渲染 HTML

摘要：在 App 中，渲染 html 是一个非常常见的功能，有可能是直接渲染 html 字符串或者是通过 URL 渲染远程 HTML页面。react Native 提供了一个 WebView 组件以供我们实现 HTML 的渲染。早先 WebView 是在 react Native 核心包中，后来为了减小阅读全文

posted @ 2020-11-22 19:29 浅笑· 阅读(4368) 评论(0) 推荐(0) 编辑

如何对 React 函数式组件进行优化？

摘要：目的本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。面向读者有过 react 函数式组件的实践，并且对 hooks 有过实践，对 useState、useCal 阅读全文

posted @ 2020-11-22 15:26 浅笑· 阅读(338) 评论(0) 推荐(0) 编辑

如何在前端中使用protobuf？

摘要：前言由于目前公司采用了ProtoBuf做前后端数据交互，进公司以来一直用的是公司大神写好的基础库，完全不了解底层是如何解析的，一旦报错只能求人，作为一只还算有钻研精神的猿，应该去了解一下底层的实现，在这里记录一下学习过程。 Protobuf简单介绍 Google Protocol Buffer(简阅读全文

posted @ 2020-11-22 15:25 浅笑· 阅读(4771) 评论(0) 推荐(1) 编辑

公告