本文是在阅读学习了官方的React Tutorial之后的整理,一个静态的评论区组件。 所以内容,和React官网一模一样,可查看官网源代码。 开始使用React 首先从官方获取React.js, 你的第一个组件 React 中都是关于模块化、可组装的组件。以我们的评论框 ...
本文同步发布于知乎专栏 https: zhuanlan.zhihu.com p ,喜欢本文的就去知乎点个赞支持下吧 引言 该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。 这是该系列的第二部分。如果你还没有阅读 Part ,我推荐你先阅读它。另外,我们将会讨论有关原子设计的内容。如果你不熟悉相关概念,阅读一些相关内容 这儿 将对你很有帮助。 在该部分我们将讨论: 通过styled ...
2017-06-16 22:12 0 1904 推荐指数:
本文是在阅读学习了官方的React Tutorial之后的整理,一个静态的评论区组件。 所以内容,和React官网一模一样,可查看官网源代码。 开始使用React 首先从官方获取React.js, 你的第一个组件 React 中都是关于模块化、可组装的组件。以我们的评论框 ...
由于项目需要,到网上找了一下,却发现都是过于复杂,没有合适的。所以只能自行写尝试着写了一个。 具体要求: 一、参数只传总页数,当前页码,回调方法。 二、选择页码后回调选中的页码,并高亮显示。 三、如果当前页码为第一页,则没有【上一页】,如果当前页为最后一页则没有【下一 ...
由于今天比较闲,就玩了玩react,然后就封装了一个地图的组件,当然功能比较简单,因为就是随手写的小东西,但是由于引用了百度API和bee-mobile,所以用起来可能要薛微麻烦一点点,但是我保证,只是一点点而已。 由于之前发了一次,说字数太少从主页移出了,作为一个铁头娃,那我肯定得重写啊。前 ...
高级组件 higherOrderComponent (HOC) 是个纯函数,接收一个组件,返回一个组件 例子: 效果图 js部份 less部份 使用方式 ...
本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 一、总览 头部通常分为左、中、右三部分,效果图如下: 二、头部组件 ...
之前讲了很多关于项目工程化、前端架构、前端构建等方面的技术,这次说说怎么写一个完美的第三方库。 1. 选择合适的规范来写代码 js 模块化的发展大致有这样一个过程 iife => commonjs/amd => es6,而在这几个规范中: iife: js 原生支持,但一般 ...
写一个vue组件 我下面写的是以.vue结尾的单文件组件的写法,是基于webpack构建的项目。如果还不知道怎么用webpack构建一个vue的工程的,可以移步到vue-cli。 一个完整的vue组件会包括一下三个部分: template:模板 js: 逻辑 css : 样式 ...
于构建每一个单独的部件。 所谓组件,即封装起来的具有独立功能的UI部件。 在 React 中,一切皆是 ...