- 博客(9)
- 资源 (3)
- 收藏
- 关注
原创 React的虚拟dom和Diff算法
在React中最让人称道的就是它的虚拟DOM和独特的Diff算法了,它极大的提高了我们渲染页面的性能。在实际项目中我们不需要去关心虚拟DOM的运行原理,只需关注我们的数据即可,因为Diff算法会帮助我们去计算和分析虚拟DOM中变化的部分,从而去重新渲染该部分,从而实现了性能的提升,也简化了我们的操作。原文地址:Liang的博客虚拟DOM原理虚拟DOM是由state数据和JSX模板结合生成...
2018-10-12 15:51:47 306
原创 react-router4登录权限控制
前言我们在做系统的时候都会遇到登录的问题,那么react框架怎么实现登录权限的控制呢?本文利用react-router-dom和sessionStorage来进行登录权限的控制。原文地址:Liang的博客安装react-router-domyarn add react-router-dom入口文件 - index.jsimport React from 'react';impor...
2018-10-12 16:03:14 8230 2
原创 react-router4-路由的嵌套和动态传值
前言react-router升级4以后有许多的更改,在web端使用的router改为了 react-router-dom,其整个设计思想也更加符合组件化的思想,一切都是组件!所以路由的嵌套也和之前有了较大的变化,react-router-dom的路由嵌套有两种方式。原文地址:Liang的博客路由嵌套1.在组件中需要嵌套路由的地方直接使用Route标签书写路由/*router.js*/...
2018-10-12 15:58:26 2414
原创 redux基础教程(二)-react-redux的应用
react-redux简介React 和 Redux 其实是两个独立的框架,都可以单独的使用。但在react中使用redux的话,就没有理由不使用 react-redux了,因为它可以大大的简化redux的代码书写。react-redux核心react-redux有两个最主要的核心功能connect : 用来链接容器组件和UI组件Provider: 提供包含 store的contex...
2018-10-12 15:56:12 162
原创 redux基础教程-redux简单应用
原文地址:Liang的博客Redux简介Redux是JavaScript状态容器,它是一个应用数据流框架,提供可预测的状态管理。换言之,我们应用系统中的一些共享状态、共享数据都可以应用Redux来出来。应用中我们可以在任何位置通过Redux来快速的获取需要的数据,你需要做的只是告诉Redux哪个组件需要,接下来的你就不用管了,Redux会帮你搞定后面的事。是不是很方便啊,接下来让我们一起来学...
2018-10-12 15:54:56 268
原创 React基础-JSX语法
前言学习和使用React有一段时间了,最近时间比较充裕,所以想把最近这段时间学习和使用react的心得和经验总结一下,从react的基础用法,到react-router、redux、immutable.js、styled-components等与react配套使用的一系列插件的使用都进行一个总结,写出来给大家分享下,本文只涉及基础用法,对于底层的原理和编译我另外再写文章表述。原文地址 : Li...
2018-09-03 15:36:46 1822
原创 echarts主题配置
前言ECharts 是我们在项目中经常使用的数据可视化插件,默认的主题样式基本能满足我们的需求,奈何公司的 UI 小妹妹是一个极其负责的讲究人,对颜色样式的追求是极致的 ,幸亏echarts官方为我们提供了主题配置工具,让我们轻松搞定各种样式配置。废话不多说,接下来随我一起来搞定echarts的主题配置吧……echarts主题构建工具首先,我们打开echarts的主题构建工...
2018-08-15 16:54:07 13235 2
原创 angular6.x 引入echarts
前言因为angular2+ 使用 ==typescript==开发,所以想要使用echarts,必须安装echarts针对angular的插件 ngx-echarts。本文案列实际效果如上图。安装ngx-echartsnpm install echarts --savenpm install ngx-echarts@3.2.0 --save注意echarts...
2018-08-08 11:12:34 2797
原创 angular6.x 国际化解决方案-ngx-translate
安装 ngx-translate模块包npm install @ngx-translate/core@9.1.1 --savenpm install @ngx-translate/http-loader --save注意: ng6 需引入ngx-translate 10.0以上版本创建 i18n 语言文件在assets文件夹下创建 国际化语言文件夹 i18n,在i18...
2018-08-08 11:00:08 4032 5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人