- 博客(27)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 win7下首次使用mongodb
1. 安装mongodb 下载 http://pan.baidu.com/s/1qYAVfLq建立如下文件夹 C:\mongodb, C:\mongodb\data, C:\mongodb\data\db,并将下载的mongodb解压，将整个bin目录拷贝到C:\mongodb下，并新建文件C:\mongodb\data\mongodb.log2. 启动mongodb 以管理员身份打开命令行管理器...
2018-03-29 10:19:38
264
原创 在create-react-app脚手架工具中增加less支持
create-react-app是FaceBook官方出品的一个React.js脚手架工具,集成了webpack等调试和打包工具,具体可以查看Github:https://github.com/facebookincubator/create-react-app其默认支持css的import,但是不支持less,本文介绍如何简单的增加less的支持。在create-react-app生成的项目文件...
2018-03-27 14:34:36
1334
原创 React-router v4 路由配置方法小结
一. Switch 、Router 、Route三者的区别1、RouteRoute 是建立location 和 ui的最直接联系2、Routerreact-router v4 中，Router被拆分成了StaticRouter、MemoryRouter、BrowserRouter、HashRouter、NativeRouter。MemoryRouter、BrowserRouter、HashRout...
2018-03-23 00:07:49
2414
原创 使用react-router4.0实现重定向和404功能的方法
在开发中，重定向和404这种需求非常常见，使用React-router4.0可以使用Redirect进行重定向最常用的就是用户登录之后自动跳转主页。?1234567891011121314151617181920212223242526272829303132333435363738import React, { Component } from 'react';import axios from...
2018-03-22 10:11:53
2978
1
原创 react路由提高（Prompt、Redirect、match、Switch）
除了Router、Route、Link这三个react路由的基础搭配使用，还有一些其他的比较重要的组件，比如我们在页面切换时，需要进行一些提示，我们就能使用Prompt组件。1、Prompt组件 它有一个必须的属性message，用于给用户提示信息。 基本使用：<Prompt message="您确定您要离开当前页面吗？"/>1这样，每当用户进行切换时，都会提示一条消息。 但是，有时候...
2018-03-21 17:51:16
1100
转载 【React全家桶入门之十】登录与身份认证
仔细想想，我们的后台系统还没有一个登录功能，太不靠谱，赶紧把防盗门安上！SPA的鉴权方式和传统的web应用不同：由于页面的渲染不再依赖服务端，与服务端的交互都通过接口来完成，而REASTful风格的接口提倡无状态（state less），通常不使用cookie和session来进行身份认证。比较流行的一种方式是使用web token，所谓的token可以看作是一个标识身份的令牌。客户端在登录成功后...
2018-03-17 10:26:13
265
原创 vue-router： 路由传参
路由传参数。在很多时候我们需要路由上面传递参数，比如新闻列表页，我们需要传递新闻ID，给新闻详细页。 1.新闻列表页模板 <template id="news"> <div> <h2>新闻列表</h2> <ul> <li>
2018-03-16 12:13:28
149
原创 vue-router： 嵌套路由
模板抽离我们已经学习过了Vue模板的另外定义形式，使用<template></template>。 <!-- 模板抽离出来 --> <template id="home"> <div>首页</div> </template> <tem
2018-03-16 12:12:45
163
原创 v-model和v-for指令
http://cn.vuejs.org/v2/guide/ 1.基本雏形<!DOCTYPE html><html><head> <title></title> <script src="https://unpkg.com/vue/dist/vue.js"></script>
2018-03-16 12:09:43
886
原创 点击事件
点击事件v-on:click<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"&
2018-03-16 12:08:47
198
原创 vue-loader
其他loader：css-loader、url-loader、html-loader等 先来了解一下模块的概念，比如在nodeJS中，有require和exports关键字。很早有个broserify，是个js模块加载器。 现在流行的是webpack，因为它不光你能加载js文件，还可以是css文件或图片等资源。 webpack，我们可以认为也是更加高级的模块假期，围绕它一切东西都是模块。这些loa...
2018-03-16 12:07:33
229
原创 如何在Vue中建立全局引用或者全局命令
1 一般在vue中，有很多vue组件，这些组件每个都是一个文件。都可能需要引用到到相同模块。我们不想每个文件都import 一次模块。如果是vue编写的插件我们可以用 Vue.use(...) 2 但是如果想添加一个全局命令，同时又让每个vue的文件都能用到怎么办？第一步：最好建立一个全局的命令文件例如：directive/directive.js第二步：利用Vue.directive()建立一...
2018-03-16 09:23:57
2368
1
原创 react中将带标签的字符串转义为html解析
dangerouslySetInnerHTML={{ __html: htmlString}}return ( <div>{props.record.contents.map(value => ( <div className={styles.expendBlock}> <p da...
2018-03-16 09:13:20
2526
原创 github 博客搭建超级简单
搭建环境准备大概可以分为以下三步Node.js 的安装和准备git的安装和准备gitHub账户的配置配置Node.js环境下载Node.js安装文件：Windows Installer 32-bitWindows Installer 64-bit根据自己的Windows版本选择相应的安装文件，要是不知道，就安装32-bit的吧- -。 如图所示：保持默认设置即可，一路Next，安装很快就结束了。 ...
2018-03-15 17:06:14
1234
原创 IE 8 9 10、火狐、谷歌之间css的兼容问题
IE11王法正常显示引用外部CSS文件的网页，怎么办IE11引用外部css要考虑兼容性。在CSS样式文件中加一个@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){里面是你的样式}。比如，在chrome浏览器中给一个div设置样式 div{ padding:0 12px; } 那么，在IE11中想...
2018-03-13 09:10:34
1115
原创 Redux之combineReducers(reducers)详解
大家好，最近有点忙，忙什么呢？忙着学习一个新的框架Redux，那么这个框架主要是用来做什么的，这篇博客暂时不做介绍，这篇博客针对有一定Redux开发基础的人员，所以今天我讲的重点是Redux里面很重要的一个方法-combineReducers(reducers)。（一）官网介绍首先，按照惯例，这个方法是什么，干什么用，输入是什么，输出是什么，这些都是我们要了解的，所以我们先来看看官网是如何介绍它的...
2018-03-12 14:55:58
1523
原创 史上最简单React开发环境搭建教程
1. 安装nodenode js 官网安装完成之后，打开命令提示符 输入 npm 出现下列提示说明安装成功2. 根据react 官网提示，在命令提示符输入npm install -g create-react-app经过一段时间的等待， 安装成功然后按上图所示输入命令证明react安装成功， 接下来就创建一个react工程 吧。经过一段时间的等待， 工程创建成功，先cd 到项目根目录下 然后 np...
2018-03-09 10:04:11
1459
原创 redux在react中的应用（通俗易懂）
官方文档对redux的介绍：Redux是JavaScript状态容器，提供可预测化的状态管理。注意，redux的集成是非必选的。通过之前的内容介绍我们了解到，单枪匹马的react构建的页面也可以运作得很好。你可能会对redux的编程方式感到无所适从。然而，不管是出于构建大型应用考虑，还是作为进一步的技能提升，redux绝对是一个值得你花时间去学习的框架。我到底是想说什么。。。好吧，啰嗦就到此为止，...
2018-03-08 17:20:29
953
原创 Redux 中 combineReducers 和 createStore的实现原理
最近一直在学习 redux, 感到了深深的难过，都两天了，感觉还是不知道怎么写代码，倒不是不知道是Redux 里面涉及的概念，是不知道什么代码该放在哪里。怎么样组织结构。希望再过两天能更清晰。下面是中间学习到的 combineReducers 和 createStore 的实现原理，了解这些后，确实帮助了我更好的理解整个流程。combineReducers 的实现原理在探究 combineRedu...
2018-03-07 10:23:58
475
转载 JavaScript解构赋值(代码说明ES6数组, 对象, 函数的解构赋值)
解构赋值es6为我们对变量赋值提供了新的方式.方式1 : //ES5 var a = 1; var b = 2; var c = 3; //这是在es6之前的赋值方式 //ES6 var [a,b,c] = [1,2,3]; console.log(a,b,c); ...
2018-03-07 09:46:08
199
原创 react路由基础（Router、Link和Route）
版权声明：本文为博主原创文章，未经博主允许不得转载。Facebook对react进行持续的改进，路由作为其中最重要的一部分，在4.0版本对其进行了大量的优化，总的来说，简单易用！之前使用react路由的时候，我们引入的是react-router包。现在改版之后，我们引入的包是react-router-dom包。改版之后的react-router-dom路由，我们要理解三个概念，Router、R...
2018-03-06 17:47:06
9111
原创 npm resource busy or locked解决方法
报错: npm resource busy or locked.....解决: 确保node为最新坂本 Run: npm cache clean Run: npm install
2018-03-06 14:38:31
5407
1
转载 react 上拉刷新下拉加载
react 上拉刷新下拉加载https://www.cnblogs.com/qq120848369/p/5920420.htmlhttp://blog.csdn.net/sinat_17775997/article/details/64127482
2018-03-05 16:43:48
2556
原创 React-Router4.0
http://618cj.com/react-router4-0%E8%B7%AF%E7%94%B1%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3api/
2018-03-05 16:11:33
1058
原创 新打开的窗口居中显示
function openWin(){ var url=""; //要打开的窗口 var winName="newWin"; //给打开的窗口命名 // screen.availWidth 获得屏幕宽度 var awidth= 650 var aheight= 450 var atop=(screen.availHeight - aheight)/...
2018-03-05 11:56:12
1073
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人