- 博客(69)
- 资源 (12)
- 收藏
- 关注
RSS订阅
原创 前端教程文档汇总
目录一. 编程工具二. 从这开始前端开始入门2.0程序搜索:百度,谷歌,StackOverflow,Code Compare,codeprojectcodeproject:https://www.codeproject.com/2.1 ES6文档:2.2React文档:2.3 Redux(作为React状态管理的进阶版)2.4 Ant Design框架学习2.........
2018-10-26 13:27:25
1211
2
原创 React经典入门代码
React经典入门代码import ReactDOM ,{c} from 'react-dom'; //{c}是属性, 相当于xxx.cconst { name, age } = props; //ES6 //解构是对象的选择赋值理解:export第一个import React from 'react';import ReactDOM from 'react-dom'...
2018-10-15 16:23:54
4512
原创 前端踩坑(一)-----------react-router-dom讲解
贴上官网点击打开链接react路由已经更新到4，网上的资料大多是旧版本，这里我们重点讲react-router-dom,它是用于dom绑定的react-router常规导入import React from 'react'import { BrowserRouter as Router,Route,Link} from 'react-router-dom'注意BrowserR...
2018-10-31 08:52:19
420
4
原创 day 10 完结 ,增加统计金额
day 10 完结 ,增加统计金额本节目标:增加统计金额1.画页面src\components\AmountBox.js:import React from "react";/* 内插变量*/const AmountBox = ({ text ,type}) => { return ( <div className="col">
2018-10-31 08:51:40
162
原创 React快速开发迷你记账簿------ day 09 删除 Record
day 09 删除 Record本节目标:实现删除操作1.设置监听函数,发送请求,删除记录2.更新表单1.设置监听函数参考网址,仿照方法:https://cn.redux.js.org/docs/react-redux/api.htmlsrc\components\Records.js:deleteRecord(){ // console.log(record,"1"...
2018-10-30 15:29:22
305
原创 React快速开发迷你记账簿------day08 day 08 更新 Record
day 08 更新 Record本节目标:实现更新,编辑操作1.显示Edit Delete按钮src\components\Record.js:import React, { Component } from "react";import PropTypes from "prop-types"; //添加这一行导入静态检查的库export default class Reco...
2018-10-30 15:25:55
448
原创 React快速开发迷你记账簿------day07 发送api请求 创建record
src/components/RecordForm.js使用mr -1更改间距(bootstrap 语法) ...render() { return ( <form className = "form-inline mb-3"> <div className = "form-group mr-1" >...
2018-10-30 15:25:06
383
原创 React快速开发迷你记账簿------day05 静态类型的检查和改造
day 05 静态类型的检查和改造本节目标:学会使用静态类型检查语法为了保证获取到数据类型的正确性,应该进行静态类型(int 型 or float型)的检查在Record.js文件中导入PropTypes库(这是个静态检查的库)import React, { Component } from 'react'import PropTypes from 'prop-types' //添加...
2018-10-30 15:15:05
226
原创 React快速开发迷你记账簿------day04 使用axios 请求 API 数据
day 04 使用jquery或axios请求api使用axios 请求api安装axios库npm install axios导入axios库import axios from 'axios';将上一节的生命周期方法的getJSON 更改为axios.get错误请求error更改为 catch方法 componentDidMount() { ax...
2018-10-30 15:04:09
180
转载 React快速开发迷你记账簿------day03 前端模拟 API 数据的两种方式
https://www.rails365.net/movies/react-ji-chu-shi-jian-pian-xiao-xing-cai-wu-xi-tong-3-qian-duan-mo-ni-api-shu-ju-de-liang-zhong-fang-shihttp://www.mockapi.io/https://github.com/typicode/json-server...
2018-10-30 15:02:02
208
原创 React快速开发迷你记账簿------day02 实现 records 列表页
src/components/Records.jsimport React, { Component } from 'react';import Record from './Record';class Records extends Component { constructor() { super(); this.state = { records: [...
2018-10-30 15:00:17
204
原创 React快速开发迷你记账簿------day01简介
React快速开发迷你记账簿------day01简介做出一个小型的记账本,效果如下https://github.com/lenvo222/10_finish.git
2018-10-30 14:57:28
337
原创 React快速开发迷你记账簿 (代码及使用)
完整项目代码https://github.com/lenvo222/10_finish.gitday 01 简介 (这里是项目的简介,没有代码)day 04 使用jquery或axios请求apihttps://github.com/lenvo222/04_User_jquery_axios.git day 05 静态类型的检查和改造https://gi...
2018-10-30 14:50:44
593
转载 《代码整洁之道》读书笔记
最初我喜欢这本书可能是因为非技术方面的原因，这本书中有很多我喜欢的插图。这本书的第一章的第一句话是这样说的：读这本书通常有两个原因：1. 你是一名程序员。2. 你想成为更好的程序员。我们需要更好的程序员。 这本书的每一章都可以总结出一句话，其实每章开始的插图就是这句话的浓缩。 本书的第一章是关于什么是整洁代码的讨论，引用了Bjarne Stroustrup（C++之父）、Gra...
2018-10-29 21:16:42
155
转载 代码整洁之道
花了三天时间将《代码整洁之道》的基础部分看了两遍，看完了这本书，感觉不是能力上的提升，而是思想上对整洁有个整体的把握以及一些保持整洁的小技巧。下面我先说下我对这本书的整体感觉。 我认为不足：作为初学者的我到14章《逐步改进》就止步了，整篇的都是代码，完全看不下去；后面还有关于并发的知识，我觉得单独把并发当做一个重要知识点在本书讲解不是很合适；还有后面那个附录的代码看的也是真的醉了...
2018-10-29 21:10:24
132
转载 ES6 (编码技巧)------------------拓展运算 Spread syntax
Spread syntax Languages Edit AdvancedJump to:Syntax Examples Rest syntax (parameters) Specifications Browser compatibility See alsoSpread syntax allows an iterable such as an array expre...
2018-10-28 21:50:07
621
转载 React中如何实现系统内外的跳转
1、系统内部的跳转效果：单击"跳转"按钮，可以跳转到系统内指定的页面 第一步：定义routerimport Login_Index from '../components/Login_Index.js';//引入页面<Route path="/Login_Index " component={Login_Index }/> //path:单纯路径 ...
2018-10-25 13:24:15
2113
翻译 30天入坑React ---------------day20 Live - Updating Redux
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDFRedux actions (Redux动作)在Github上编辑此页面 在线演示GitHub:https://github.com/lenvo222/Redux_...
2018-10-24 11:48:45
204
翻译 30天入坑React ---------------day19 Redux
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDF使用Redux进行数据管理在Github上编辑此页面 完整代码演示在线演示 :我的示例GitHub: https://github.com/lenv...
2018-10-24 08:42:07
188
翻译 30天入坑React ---------------day18 Intro To Flux
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDFFlux简介在Github上编辑此页面处理客户端应用程序内的数据是一项复杂的任务。今天我们正在研究一种处理Facebook提出的称为Flux Architecture的...
2018-10-23 19:00:15
159
翻译 30天入坑React ---------------day17 Client-Side-Routing
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDF客户端路由在Github上编辑此页面大多数（如果不是全部）应用程序在我们的单页应用程序中都有多个视图。让我们直接使用React Router为我们的应用程序创建多个视图...
2018-10-23 18:20:55
307
翻译 30天入坑React ---------------day16 Remote Data
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDF显示远程数据用到Promise 注意函数绑定在Github上编辑此页面我们的前端应用程序与我们在其中显示的数据一样有趣。今天，我们实际上开始提出数据请求并将其...
2018-10-23 16:00:10
227
翻译 30天入坑React ---------------day15 Promises
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDFpromise(承诺)简介在Github上编辑此页面今天，我们将看一下从高层次了解Promise需要了解的内容，因此我们可以使用这个非常有用的概念构建我们的应用程序。...
2018-10-23 15:17:07
196
翻译 30天入坑React ---------------day14 Intro To Apis
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDF获取远程数据在Github上编辑此页面我们准备提出外部请求来获取数据！今天我们正在研究调用外部API的第一步。我们的应用程序在此之前基本上是静态的。即使我们从Git...
2018-10-23 14:56:10
145
翻译 30天入坑React ---------------day13 Repeating Elements(React.Children.map())
使用React.Children.map()函数 const App = (props) => { return ( <ul> {a.map(i => { return <li key={i}>{i}</li> })} </ul> )}使用...
2018-10-23 14:53:11
351
翻译 30天入坑React ---------------day12 Create-React-App
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDFCREATE-反应应用在Github上编辑此页面今天，我们将添加一个构建过程来存储常见的构建操作，以便我们可以轻松地开发和部署我们的应用程序。React团队注意到需要...
2018-10-23 13:02:23
210
转载 案例：React+Redux使用异步Action实现加减
其实很早就已经接触react了，当时还看的是es5语法，本来js基础就不扎实，秉着初生牛犊不怕虎的精神去看了react，结果看了云里雾里，这种硬塞的知识过几天就全忘了，过了一段时间，想着有空了，就又去看了react，这次直接看的es6语法，看完后顺道看了react-redux，刚开始，很痛苦，本来react就已经不太容易理解了，再加上redux和react-redux，更加懵逼了，一个很简单的应用...
2018-10-23 12:50:44
1593
2
翻译 30天入坑React ---------------day11 Pure Components
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDF纯组件在Github上编辑此页面React提供了几种创建组件的方法。今天我们将讨论创建组件的最终方法，即无状态纯组件的功能。我们已经研究了构建反应组件的几种不同方法...
2018-10-23 12:29:41
182
翻译 30天入坑React ---------------day10 Interactivity
这篇文章是30天React系列的一部分 。在本系列中，我们将从非常基础开始，逐步了解您需要了解的所有内容，以便开始使用React。如果您曾经想学习React，那么这里就是您的最佳选择！下载免费的PDF互动在Github上编辑此页面今天，我们将介绍如何为我们的应用程序添加交互性，使其具有吸引力和动态性。通过这一点，我们构建了少数几个组件，而没有增加太多的用户交互。...
2018-10-23 11:12:00
200
转载 Redux入门示例
入门书籍https://github.com/react-guide/redux-tutorial-cn/blob/master/01_simple-action-creator.js示例Redux源码中同时包含了一些示例。你也可以使用在线编辑器CodeSandbox测试这些示例。原生版 Counter运行Counter Vanilla示例:git clone...
2018-10-22 10:10:45
170
转载 git push之后删除node_modules
博主最近看了下自己的github，天哪，React目录简直不忍直视。。。 由于node_modules目录之前没有忽略，导致了这种情况，连索引都没法了。。 下面介绍下博主是怎么解决的吧，希望对小伙伴们有帮助。首先在.gitignore中写入下面代码node_modules/ jspm_packages/在命令行进入仓库目录 删除github上.gitignore中新加的选项...
2018-10-19 10:43:38
793
转载 git上传忽略node_modules
1、在需要创建 .gitignore 文件的文件夹, 右键选择Git Bash 进入命令行，进入项目所在目录。2、输入 touch .gitignore ，生成“.gitignore”文件。3、在”.gitignore” 文件里输入你要忽略的文件夹及其文件就可以了。（注意格式）我的.gitignore.DS_Storenode_modules/dist/npm-debug.l...
2018-10-19 10:42:11
3103
转载 React小案例-------------------------------------------Building an Awesome Todo List App in React
REACT源网站-------------------https://www.kirupa.com/react/simple_todo_app_react.htmBOOKBuilding an Awesome Todo List App in Reactby kirupa | 29 September 2017 If creating the Hello...
2018-10-19 10:02:44
504
原创 JS入门例程
https://juejin.im/post/5a7aaf745188257a5a4c9a39 Array------------------------------
2018-10-19 09:10:31
252
转载 React 初学者教程13：用 React 创建一个简单的 Todo List
本文转载自：众成翻译 译者：网络埋伏纪事 链接：http://www.zcfy.cc/article/1554 原文：https://www.kirupa.com/react/simple_todo_app_react.htm概述：通过学习如何创建经典的 Todo List 应用，将所有学过的 React 技巧投入到实战中。如果说创建 “Hello, World!” 示例是庆祝你开始涉...
2018-10-18 19:57:46
507
转载 React.createClass和extends Component的区别
createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开，因为creatClass本质上是一个函数，传递给它的是一个Object；而class的方式定义方法时务必谨记不要使用逗号隔开，这是ES6 class的语法规范。React.cr...
2018-10-18 13:20:56
546
原创 Redux入门开发步骤(一)
导入命令创建redux项目 和配置redux依赖create-react-app todoredux2cd todoredux2code .cnpm install react-redux cnpm install redux使用cnpm 安装不用npm安装 :cnpm是国内镜像,和npm安装依赖的库是一样的 ,安装速度上很快建立目录actions...
2018-10-17 21:44:54
187
转载 图解Redux数据流(二)
BLOG ARCHIVE GITHUB RSS图解Redux数据流(二)Nov 28, 2016上一篇文章回答了前两个问题，而这一篇则回答最后一个问题。Redux如何使用？前一篇文章描述了Redux的基本要素，并且梳理了一下Redux的数据流动图首先，我们的View上体现出的任何操作或者事件都会调用Dispatch方法触发ActionAction 会告知了ty...
2018-10-17 09:55:46
1737
转载 图解Redux(一)
图解Redux数据流(一)Nov 23, 2016这篇文章我只介绍3个问题什么是Redux？ 为什么是Redux？ Redux如何使用？##什么是Redux?你们可以看看官网的解释，但是呢，我想没有接触过的人一看肯定一脸懵逼。那么什么是Redux呢？一句话概括，redux只是一个实现了Flux思想的数据流框架。既然是一个数据流框架，那么数据是如何流动的？...
2018-10-17 09:53:59
1855
原创 Fullstack React: What the heck is JSX?
Hey Friend, it's Nate from Fullstack React. Chances are you, if you've ever looked at a React component you've seen JavaScript that looks like this: ...
2018-10-17 09:16:27
241
MarkMan破解版.zip windows 版本
2019-05-26
React 学习路线 和10个项目入门
2018-10-14
DevCpp++编程软件
2018-03-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人