佯真愚

希望本文能让读者对于组件库的构建有一个基本的概念和思路。下一部分将从实践方向详细介绍如何解决组件库构建过程中的各种问题和踩到的一些坑。

Cannot read property 'xxx' on undefined：无法在 undefined 上读取 xxx 属性，通常出现在 a.b.c 的情况。 'undefined' is not a function：undefined 不是函数，通常出现在 a.b.c(…

书接上回，说道利用 sideEffects 字段，只需读取源文件即可实现按需加载，还有个坑忘了说... 因为我们只注意到了作为组件库的源代码，而忘了我们的文档是通过 vuepress 编译，即底层也是基于 webpack 进行打包。所以 sideEffects 中也要加上文档中…

在开发一个 ui 组件库时，肯定需要一边预览 demo，一边修改代码。 常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件，比如通过 vue-cli 初始化项目，或者自己配置脚本。 文艺一点儿地可能会用到 parcel 来简化 demo 的开…

开门见山地说，这篇文章【又】是一篇安利软文~，安利的对象就是 tua-storage。 顾名思义，这就是一款存储数据的工具。 日常开发中，在不同的平台下由于有不同的存储层接口，所以往往导致相同逻辑的同一份代码要写几份儿。 在 React-Native 的场景下，使用的又是 As…

开门见山地说，这篇文章是一篇安利软文~，安利的对象就是最近搞的 tua-api。 顾名思义，这就是一款辅助获取接口数据的工具。 理想状态下，项目中应该有一个 api 中间层。各种接口在这里定义，业务侧不应该手动编写接口地址，而应该调用接口层导出的函数。 让我们先回顾一下有关发请…

注：这篇是16年10月的文章，搬运自本人 blog... 首先要明确一点，虽然 redux 是由 flux 演变而来，但我们完全可以并且也应该抛开 react 进行学习，这样可以避免一开始就陷入各种细节之中。 所以推荐使用 jsbin 进行调试学习，或者使用 create-re…

图片未加载完成时先展示占位图，等到图片加载完毕后再展示实际的图片。 假如图片链接有问题（比如 404），依然展示占位图。甚至你还可以增加点击图片再次加载的功能。（例如知乎） 然鹅，小程序原生组件 image 并没有提供这些常用功能... 在小程序没还没推出自定义组件功能时，只能…

这样一来和日常开发前端页面的体验相比来说，简直就像在刀耕火种。 在 webpack-simple 中文件结构和小程序相似。 而在 webpack-vue 中还增加了 vue-loader，因此你甚至还能利用 .vue 文件编写单文件组件。 既然用 webpack 来编译源代码，…