摘要：
简介 看《深入浅出webpack》总结一下常用的webpack的属性的含义并加了一些自己的链接，写在一个文件下更能有全局感受，更能理解各个属性中间的关系，重点要关注entry,output,resolve,module, plugins几部分 配置示例 这并不是一个拿来可用的配置，主要是为了更好理解 阅读全文
摘要：
带单个修饰符的组件 一个组件可能有不同状态。状态应该使用修饰符类来实现。 <!-- 这样写 --> <button class="btn btn--secondary"></button> <style lang="scss"> .btn { display: inline-block; color 阅读全文
摘要：
前言 相信很多小伙伴都有可能碰到开发后台管理系统这样的需求，那么我们该如何快速的完成这个需求呢 本文将以 react 为切入点，记录打造一个基础管理系统模板的过程，以此加深对 react 技术栈以及项目实战的理解，希望对大家开发一个这样的项目有所帮助 如果文章中有出现纰漏、错误之处，还请看到的小伙伴 阅读全文
摘要：
目前主流的前端框架vue和react都采用rollup来打包，为了探索rollup的奥妙，接下来就让我们一步步来探索，并基于rollup搭建一个库打包脚手架，来发布自己的库和组件。 前言 写rollup的文章是因为笔者最近要规范前端开发的业务流程和架构，并提供内部公有组件库和工具库供团队使用。在查阅 阅读全文
摘要：
Hook 是 react 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 react 特性。 useCallback和useMemo是其中的两个 hooks，本文旨在通过解决一个需求，结合高阶函数，深入理解useCallback和useMemo的用法和使用 阅读全文
摘要：
在 App 中，渲染 html 是一个非常常见的功能，有可能是直接渲染 html 字符串或者是通过 URL 渲染远程 HTML页面。react Native 提供了一个 WebView 组件以供我们实现 HTML 的渲染。 早先 WebView 是在 react Native 核心包中，后来为了减小 阅读全文
摘要：
目的 本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。 面向读者 有过 react 函数式组件的实践，并且对 hooks 有过实践，对 useState、useCal 阅读全文
摘要：
前言 由于目前公司采用了ProtoBuf做前后端数据交互，进公司以来一直用的是公司大神写好的基础库，完全不了解底层是如何解析的，一旦报错只能求人，作为一只还算有钻研精神的猿，应该去了解一下底层的实现，在这里记录一下学习过程。 Protobuf简单介绍 Google Protocol Buffer(简 阅读全文
摘要：
一、grunt预处理简述 grunt的注册任务函数本身会对传入的参数和配置对象里的相关属性进行一定的预处理，方便任务函数进行操作。grunt的registerTask方法和registerMultiTask方法会进行不同的预处理。 二、预处理参数 grunt命令通过grunt taskname:ar 阅读全文
摘要：
你对 Redux 感到困惑吗？如果使用新的 Redux Hooks，会更加简单！这里是一个关于 Redux 的速成班，将配合 react 函数组件使用： 1. Redux 使您可以集中存放 JavaScript 应用程序的状态（数据） 它最常与 react 一起使用（通过 react-redux ） 阅读全文
摘要：
WebAssembly（Wasm）是 Web 浏览器中相对较新的功能，但它地扩展了把 Web 作为服务应用平台的功能潜力。 对于 Web 开发人员来说，学习使用 WebAssembly 可能会有一个艰难的过程，但是 AssemblyScript 提供了一种解决方法。首先让我们看一下为什么 WebAs 阅读全文
摘要：
简介 读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度 更精准的loader规则 将loader规则写清楚 仅让需要处理的文件，进入loader处理环节，如下 rules: [{ // 正则尽量准确 test: /\.js$/, // 使 阅读全文
摘要：
解析思路 同样是要使用protobuf.js这个库来解析。 之前提到，在vue中，为了避免直接使用.proto文件，需要将所有的.proto打包成.js来使用。 而在node端，也可以打包成js文件来处理。但node端是服务端环境了，完全可以允许.proto的存在，所以其实我们可以有优雅的使用方式： 阅读全文
摘要：
区块链技术由于其安全、快速以及去中心化的特性（虽然不是所有项目都满足这些特性，但是大多数项目是符合的）已经迅速渗透到了各种业务场景、我们的生活以及身边的企业中。 数以千计的区块链项目正在开发，或者已经开发完成并且部署到了网络中。各个企业都在寻求区块链的新点子或者试图去改进其他公司正疯狂创造的东西，然 阅读全文
摘要：
防抖函数(可用于防止重复提交) 当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次， 如果设定时间到来之前，又触发了事件，就重新开始延时。也就是说当一个用户一直触发这个函数，且每次触发函数的间隔小于既定时间，那么防抖的情况下只会执行一次。 /** * 防抖函数(可用于防止重复提交 阅读全文
摘要：
一、页面刷新时，如何保持原有vuex中的state信息 页面刷新后，原有的 vuex 中的 state 会发生改变，如果在页面刷新之前，可以将 state 信息保存，页面重新加载时，再将该值赋给 state，那么该问题即可解决。 1、localstorage 可以使用 localstorage 来保 阅读全文
摘要：
具名插槽 自 2.6.0 起有所更新。已废弃的使用 slot attribute 的语法 但是我们有了新的语法，如下： 子组件 childCom: <template id="childCom"> <div> <!-- 具名插槽的针对于组件中不止一个插槽的情况下使用，使用方式，即：给每个插槽指定 n 阅读全文
摘要：
vue-cli 2.x 版本创建项目时，我们可以在 build 文件夹下找到 webpack.base.conf.js 文件，在里面修改 resolve.alias 即可。 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$ 阅读全文
摘要：
vue-SSR相信大家都不陌生，与传统 SPA 相比，服务器端渲染 (SSR) 能够具备更好的seo，方便搜索引擎爬虫抓取工具可以直接查看完全渲染的页面，除此之外，SSR能够在更短的时间内渲染出页面内容，通过在服务端填充数据吐出到客户端的方式，让用户有更好的用户体验。 前言 基于vueSSR的页面优 阅读全文
摘要：
react 官网中对非受控组件与受控组件作了如图中下划线的边界定义。一经推敲, 该定义是缺乏了些完整性和严谨性的, 比如针对非表单组件(弹框、轮播图)如何划分受控与非受控的边界?又比如非受控组件是否真的如文案上所说的数据的展示与变更都由 dom 自身接管呢? 在非受控组件中, 通常业务调用方只需传入 阅读全文