• 等级
  • 222708 访问
  • 29 原创
  • 0 转发
  • 40990 排名
  • 36 评论
  • 18 获赞

深度剖析React中如何实现系统内外的跳转

1、系统内部的跳转效果:单击"跳转"按钮,可以跳转到系统内指定的页面    第一步:定义routerimportLogin_Indexfrom'../components/Login_Index.js';//引入页面<Routepath="/Login_Index"component={Login_Index}/>//path:单纯路径 (1)代码实现...

2018-03-23 10:53:33

React中通过tree组件实现不确定层级的折叠菜单效果

1、实现效果折叠菜单的层级可以不相同、可以无限层级,具体根据读取的数据库数据为依据菜单内容读取数据库获得具体效果如下折叠菜单是否可以继续召开取决于前面是否有可召开图标,如下图所示2、实现原理初始化加载页面并未获取全部层级的数据,只是第一层级如果有子层级则呈现可展开图标,可进一步加载呈现下一层级菜单内容,否则没有是否可继续加载呈现下一层级,原理同上3、代码实现分步解析(1)第一步:依赖组件本效果的实...

2018-03-20 16:13:02

React中通过diaplay实现控件按钮的呈现与隐藏

1、实现效果通过单击编辑图标实现页面中对应按钮的呈现与隐藏、效果图如下2、代码实现importReact,{Component}from'react';import'../../../style_css/antd.css';import{Layout,Icon,Row,Col}from'antd';classIndexextendsComponent{...

2018-03-16 11:41:01

React中通过Echarts实现磁贴的呈现与跳转效果

1、实现效果内容模块通过磁贴效果进行呈现双击对应磁贴模块,可以实现不同的页面跳转效果具体效果截图如下双击“个人信息”跳转到如下页面2、准备工作:安装Echarts组件库 安装代码如下npminstallecharts--save3、父子页面结构:为友好实现本效果,采取父子页面结构,即真正的磁贴效果在子页面完成,由父页面调用进行呈现4、父页面:index.jsimportReact,{...

2018-03-16 10:56:05

vs code中git的使用

1、首先要下载‘msysgit’然后安装到电脑要不然vscode中的git是不能用的,安装教程如:http://blog.csdn.net/zrcj0706/article/details/795439492、如果远程仓库已存在项目(本文以码云为例),直接使用gitbash命令行,将远程仓库进行克隆(clone),如下图gitclonehttps://gitee.com/*****/mooc...

2018-03-13 18:17:23

Windows安装git客户端

1、客户端安装工具如下Git-2.12.2.2-64-bit.exe下载地址:https://gitforwindows.org/,界面如下TortoiseGit-2.4.0.2-64bit.msi下载地址:https://tortoisegit.org/,界面如下Git-2.12.2.2-64-bit.exe:是需要安装的git真正工具TortoiseGit-2.4.0.2-64bit.msi:...

2018-03-13 17:48:37

申请百度地图API KEY Anaroid 和ios

1、Android:第一步:注册百度地图开发者账号,进行登录第二步:进入首页,将鼠标光标放在“开发文档”上->选择Android地图SDK第三步:进入“立即使用”第四步:创建应用第五步:应用类型选择:androidsdk第六步:AndroidSDK安全码组成:SHA1+包名。(查看详细配置方法)第七步:申请结果2、ios应用类型:iossdk(其余具体步骤同androidsdk)iO...

2018-03-09 17:00:00

react-native error: Each module has to have a unique path.错误解决

1、Error:Themodules'MOOC','android'pointtosamedirectoryinthefilesystem. Eachmodulehastohaveauniquepath背景介绍:使用androidstudio编译react-native项目,报错如下2、解决方案:将项目android文件下的  ***.iml  文件删掉,重...

2018-03-08 16:55:29

react-native app:compileDebugJavaWithJavac错误解决

1、错误提示效果如图所示:app:compileDebugJavaWithJavac背景介绍:开发react-native项目,平时使用vscode工具开发通过cmd命令运行项目2、协作编程中如果拉取新代码,运行react-native项目,出现如上错误提示,应该是有其他小伙伴修改了Java代码,用androidstudio打开项目进行编译后再重新运行项目即可,操作图如下使用androids...

2018-03-08 16:41:42

npm 镜像的设置与查看

1、本教程以淘宝镜像为例:http://npm.taobao.org/2、开发ReactNative项目,搭建环境时通过如下代码将npm设置成淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org--globalnpmconfigsetdisturlhttps://npm.taobao.org/dist--global3...

2018-03-07 21:37:42

JDK的安装及环境变量配置

1、去官网下载安装包,下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html2、下载结果:此教程以安装jdk-8u161-windows-x64为例3、运行jdk-8u161-windows-x64.exe进行安装友情建议:全程可以选择默认安装,一直下一步直到安装成功(因为jd...

2018-03-07 20:05:17

windows下查看python的版本、安装路径

1、进入cmd命令2、查看python版本:输入python 3、查看python安装路径:wherepython3、python安装x相关链接:http://blog.csdn.net/zrcj0706/article/details/79446689

2018-03-05 16:18:15

Python的安装及环境变量配置

1、去python官网下载安装镜像,地址:https://www.python.org/downloads/2、下载结果如下3、运行python-2.7.14.msi            4、安装过程,直接默认安装,一直单击next,直到安装成功第一步:             第二步:第三步:第四步:第五步:5、(win10)环境变量配置第一步:①此电脑右击→②属性→③高级系统设置→④环境变量...

2018-03-05 15:47:08

求解字符串所包含子串的个数

1、子串:串中任意个连续的字符组成的子序列称为该串的子串(连续、连续、连续!重要的事情说三遍)备注:空串属于子串2、串中字符均不相同:n个字符构成的字符串,假设每个字符都不一样,问有多少个子串答案:n(n+1)/2+1友情提示:每个字符均不相同解析:包含1个字符的子串共n个包含2个字符的子串共n-1个包含3个字符的子串共n-2个包含4个字符的子串共n-3个.。。。。。包含n个字符的子串共1个空串1...

2018-03-01 10:38:58

Ajax网络请求超时处理-timeout

1、相关链接:http://blog.csdn.net/zrcj0706/article/details/786399802、实现效果当网络请求时间超过2秒,则弹出提示框:提示网络不稳定具体效果如下图所示3、代码如下:代码截图具体代码letajaxTimeOut=$.ajax({//将网络请求事件赋值给变量ajaxTimeOuturl:"/api_v1.1/apiP...

2018-02-27 17:44:02

vs code快捷键

1.同时打开多个窗口(查看多个项目)打开一个新窗口:Ctrl+Shift+N关闭窗口:Ctrl+Shift+W2.格式调整代码行缩进Ctrl+[,Ctrl+]折叠打开代码块Ctrl+Shift+[,Ctrl+Shift+]上下移动一行:Alt+Up或Alt+Down向上向下复制一行:Shift+Alt+Up或Shift+Alt+Down

2018-02-02 16:37:52

浅析package.json中的devdependencies 和 dependencies

1、dependencies和devDependencies 具体代码如下"name":"webpack-react-express","version":"0.2.0","private":true,"dependencies":{"antd":"^2.13.11","babel-polyfill":"^6.26.0","base-

2018-01-27 09:43:48

浅析JS中字符串的相关处理

一、字符串的拼接如果将加号(+)运算符用于数字,表示两位数相加将加号(+)用于字符串,表示字符串拼接,将第二个字符串拼接到第一个之后字符串拼接实例,代码如下letmsg="hello,"+"world"console.log("msg:"+msg)//打印结果:hello,world二、字符串的长度通过length属性获

2018-01-26 11:40:52

浅析JS中表示日期和时间的Date对象

1、Date()构造函数 js语言核心包括Date()构造函数,用来创建表示日期和时间的对象 这些日期对象的方法为日期提供简单的API 日期对象不像数字那样是基本数据类型2、Date()构造函数应用实例varthen=newDate(2018,0,24)//2018年1月24日(月份从0开始)打印结

2018-01-24 22:22:21

js-正则表达式

1.基本语法/正则表达式主体/修饰符(可选)修饰符(可选)2.从字符串中提取数字部分2.1提取一个数字(找到第一个匹配后停止) varstr="abc123de4f5";varreg=/[0-9]/;console.log("result:"+str.match(reg));结果:result:12.2提取多个数字,增加+(找到第一个匹配后停止)...

2018-01-15 11:24:07

只如初见0706

关注
  • 其他/研究生
  • 中国 湖北省 武汉市
奖章
  • 持之以恒