2018年12月_黄泽平

12月 11月 10月 02月 01月

原创 react-css-modules

在开发react项目中，有些项目需要设置大量的样式文件，如果通过定义样式常量，纯嵌入的方式编写样式，这将会大大的降低效率。stylus + react-css-modules是一套可以提高样式编写效率的方案。stylus 是一套 css 预处理框架，而react-css-modules则实现了样式的模块化。Stylus参考实例：https://github.com/smallH/rea...

2018-12-11 23:15:23 1305

原创 ElementUI 修改默认样式的几种办法

ElementUI 是一套ui组件库，目前最新版本 react 和 vue 等主流框架都有支持。该库默认主题色是天蓝色，若用于项目开发，难免遇到要需求修改其默认样式的情况，本文就基于 react 和 vue 框架介绍几种修改 ElementUI 默认样式的办法。ElementUI下载官网：http://element.eleme.io/#/zh-CNVue安装：npm i ele...

2018-12-11 21:19:31 41022 1

React Router 主要使用场景是单页面富应用(SPA)。实现有两种，一种是利用url的hash，就是常说的锚点(#)，JavaScript通过hashChange事件来监听url的改变；另一种是HTML5的History模式，它使url看起来像普通网站那样，以“ / ”分割，没有#，不过这种模式需要服务端支持，当url所指向的位置在服务端中目录结构错误时，将报404。React Rou...

2018-12-06 10:58:36 2622

原创 Flux、Redux到react-redux发展衍变之react-redux解读

首先要知道，Redux只是一种MVC的机制，它可以运行在任何的前端框架中。react-redux则是对Redux的核心模块(如store)进行封装，并加入了一些有利于react开发的模块，这样就可以更便捷的在react中运用redux。本篇将详细介绍react-redux开发中的常用模块。在阅读本文前，假设您已经基本理解了Redux的运行机制，若对其机制还不是很清楚，请参考上一篇《Flux、R...

2018-12-04 16:56:11 551