- 博客(9)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 React的虚拟dom和Diff算法
在React中最让人称道的就是它的虚拟DOM和独特的Diff算法了，它极大的提高了我们渲染页面的性能。在实际项目中我们不需要去关心虚拟DOM的运行原理，只需关注我们的数据即可，因为Diff算法会帮助我们去计算和分析虚拟DOM中变化的部分，从而去重新渲染该部分，从而实现了性能的提升，也简化了我们的操作。原文地址：Liang的博客虚拟DOM原理虚拟DOM是由state数据和JSX模板结合生成...
2018-10-12 15:51:47
294
原创 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
8142
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
2371
原创 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
145
原创 redux基础教程-redux简单应用
原文地址：Liang的博客Redux简介Redux是JavaScript状态容器，它是一个应用数据流框架，提供可预测的状态管理。换言之，我们应用系统中的一些共享状态、共享数据都可以应用Redux来出来。应用中我们可以在任何位置通过Redux来快速的获取需要的数据，你需要做的只是告诉Redux哪个组件需要，接下来的你就不用管了，Redux会帮你搞定后面的事。是不是很方便啊，接下来让我们一起来学...
2018-10-12 15:54:56
245
原创 React基础-JSX语法
前言学习和使用React有一段时间了，最近时间比较充裕，所以想把最近这段时间学习和使用react的心得和经验总结一下，从react的基础用法，到react-router、redux、immutable.js、styled-components等与react配套使用的一系列插件的使用都进行一个总结，写出来给大家分享下，本文只涉及基础用法，对于底层的原理和编译我另外再写文章表述。原文地址 ： Li...
2018-09-03 15:36:46
1767
原创 echarts主题配置
前言ECharts 是我们在项目中经常使用的数据可视化插件，默认的主题样式基本能满足我们的需求，奈何公司的 UI 小妹妹是一个极其负责的讲究人，对颜色样式的追求是极致的 ，幸亏echarts官方为我们提供了主题配置工具，让我们轻松搞定各种样式配置。废话不多说，接下来随我一起来搞定echarts的主题配置吧……echarts主题构建工具首先，我们打开echarts的主题构建工...
2018-08-15 16:54:07
13124
2
原创 angular6.x 引入echarts
前言因为angular2+ 使用 ==typescript==开发，所以想要使用echarts，必须安装echarts针对angular的插件 ngx-echarts。本文案列实际效果如上图。安装ngx-echartsnpm install echarts --savenpm install [email protected] --save注意echarts...
2018-08-08 11:12:34
2776
原创 angular6.x 国际化解决方案-ngx-translate
安装 ngx-translate模块包npm install @ngx-translate/[email protected] --savenpm install @ngx-translate/http-loader --save注意： ng6 需引入ngx-translate 10.0以上版本创建 i18n 语言文件在assets文件夹下创建 国际化语言文件夹 i18n，在i18...
2018-08-08 11:00:08
3930
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人