- 博客(65)
- 收藏
- 关注
RSS订阅
原创 我的React踩坑日记，持续更新。
该博客会持续记录我的踩坑日记1、redux: createStore的preloadedState参数 使用localStorage用作存储用户操作记录时，我们需要将将state转成json字符串存储在localStorage中。 同时我们需要在createStore中传入localStorage存储的state, 这时切记 切记一定要将json字符串转换成对象。否则会产生该异常：The preloadedState argument passed to c
2020-06-28 23:32:38
553
原创 Router Demo
Router DemoActionfuncsReducersStoresConstantsAddItemFormItemListItemItemDetialAppIndexActionimport {v4} from 'uuid';import Constants from "../constants";export const addItem = (title, color) => ({ type: Constants.ADD_ITEM, id: v4(), tit
2020-06-23 11:03:22
220
原创 React & Router
React & RouterDemopageindexDemopageimport React from 'react';import {Link} from "react-router-dom";export const Home = () => <div> <h1>[Company Website]</h1> <nav> <Link to="about">
2020-06-22 19:39:23
248
原创 React-Redux入门教程
React-ReduxDemoindexAppAddItemFormItemListItemActionReducerStoreConstant 在没有react-redux之前我们想要操作store：第一种选择是从根节点一直向下传递store第二种选择是组件中声明childContextTypes并定义Context(上篇文章有Demo) 这种每个组件都要显式定义context或者是显式传递store对于我们的代码来说算是一种小的灾难性（当然并不会
2020-06-21 22:30:00
621
原创 React & Redux入门教学，什么是Redux
React & Redux一、什么是Redux1）State2）Action3）Reducer3）Store4）Action生成器代码Action & Action生成器ReducerStoreDemo代码撒花完结一、什么是ReduxRedux即类Flux的脚本库, 但是它不完全是Flux(Flux是真的繁琐)，它包含Action、Action生成器、Store，以及用于修改State的Action对象。1）State 在我们不知道Flux和Redux之前，我
2020-06-19 16:16:27
178
原创 React & HOC
React & HOCHOCDemoHOCimport React from 'react'import fetch from 'isomorphic-fetch'const DataComponent = (ComposedComponent, url) => { return ( class DataComponent extends React.Component { constructor(props) {
2020-06-15 22:01:36
134
原创 React & Fetch
React & Fetch安装命令 npm install isomorphic-fetch --saveimport React from 'react'import fetch from 'isomorphic-fetch'class CountryList extends React.Component { constructor(props) { super(props); this.state = { coun
2020-06-15 15:51:40
174
原创 React Lifecycle
React LifecyclehiddenMessagehiddenMessageshiddenMessageimport React from 'react'class HiddenMessage extends React.Component { constructor(props) { super(props); this.state = { hidden: (props.hide) ? props.hide : true
2020-06-15 15:13:50
97
原创 React Lifecycle & promise
React Lifecycle & promiseimport React from 'react'const getFakeMembers = count => new Promise((resolves, rejects) => { const api = `https://api.randomuser.me/?nat=US&results=${count}`; const request = new XMLHttpRequest(); requ
2020-06-15 11:41:41
164
原创 React State
React 根 State 向下传递Rootcolorstarcolor formstyle此为完整Demo 可直接运行Rootimport React from 'react'import {v4} from 'uuid'import {ColorList} from "./color"import {AddColorForm} from "./addColorForm"export class App extends React.Component { constructor(
2020-06-14 22:48:54
106
原创 React Ref & 双向数据绑定
React Ref & 双向数据绑定classstatelessclassimport React from 'react'import PropTypes from 'prop-types'class AddColorForm extends React.Component { static propTypes = { onNewColor: PropTypes.func } static defaultProps = {
2020-06-12 12:32:56
426
原创 React Props组件属性验证
React Props组件属性验证ES6类无状态组件ES6静态属性ES6类import React from 'react'import PropTypes from 'prop-types'class Summary extends React.Component { render() { const {ingredients, steps, title} = this.props; return ( <div>
2020-06-11 22:55:21
150
原创 React & JSX 入门
React & JSX 入门<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2020-06-11 12:22:09
151
原创 React 进阶，组件创建的4种方法
React 进阶，组件创建的4种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2020-06-09 23:04:18
100
原创 剑指LeetCode -- 第七百零七题 -- 设计链表 -- 简单
class MyLinkedList { private final ListNode list; private ListNode head; private ListNode rear; private int length; /** Initialize your data structure here. */ publ...
2019-10-03 14:13:24
369
2
原创 剑指LeetCode -- 第四十题 -- 组合总和 II -- 中等
class Solution { private List<List<Integer>> results = new ArrayList<>(); public List<List<Integer>> combinationSum2(int[] candidates, int target) ...
2019-10-01 16:24:50
108
原创 剑指LeetCode -- 第三十九题 -- 组合总和 -- 中等
class Solution { List<List<Integer>> results = new ArrayList<>(); public List<List<Integer>> combinationSum(int[] candidates, int target) { ...
2019-10-01 15:51:33
100
原创 剑指LeetCode -- 第十七题 -- 电话号码的字母组合 -- 中等
class Solution { private List<String> results = new ArrayList<String>(); private Map<String, String> phones = new HashMap<String, String>() { { ...
2019-10-01 10:22:13
123
原创 剑指LeetCode -- 第三十五题 -- 搜索插入位置 -- 简单
class Solution { public int searchInsert(int[] nums, int target) { int result = -1, L = 0, R = nums.length - 1; while(L <= R) { int mid = (L + R) / 2; ...
2019-10-01 00:22:59
106
原创 剑指LeetCode -- 第三十四题 -- 在排序数组中查找元素的第一个和最后一个位置 -- 中等
class Solution { public int[] searchRange(int[] nums, int target) { // int[] result = {-1, -1}; int L = 0, R = nums.length - 1, cursor = -1; while(L <= R) { ...
2019-10-01 00:11:34
89
原创 剑指LeetCode -- 第二十六题 -- 删除排序数组中的重复项 -- 简单
class Solution { public int removeDuplicates(int[] nums) { if(nums.length < 2) return nums.length; int j = 0; for(int i = 0; i < nums.length; i++) { ...
2019-09-30 16:15:38
74
原创 剑指LeetCode -- 第十八题 -- 四数之和 -- 中等
class Solution { public List<List<Integer>> fourSum(int[] nums, int target) { List<List<Integer>> result = new ArrayList<List<Integer>>(); Arra...
2019-09-30 15:40:00
123
原创 剑指LeetCode -- 第十六题 -- 最接近的三数之和 -- 中等
class Solution { public int threeSumClosest(int[] nums, int target) { Arrays.sort(nums); if(nums.length < 3) return target; int result = nums[0] + nums[1] + nums[2]; ...
2019-09-30 14:57:28
114
原创 剑指LeetCode -- 第十五题 -- 三数之和 -- 中等
class Solution { public List<List<Integer>> threeSum(int[] nums) { List<List<Integer>> results = new ArrayList<List<Integer>>(); Arrays.sort(nu...
2019-09-30 12:23:16
81
原创 剑指LeetCode -- 第五题 -- 最长回文子串 -- 中等
class Solution { public String longestPalindrome(String s) { if(s == null || s.length() <= 1) { return s; } int start = 0, end = 0; for...
2019-09-27 15:33:02
91
原创 剑指LeetCode -- 第四题 -- 寻找两个有序数组的中位数 -- 困难
class Solution { public double findMedianSortedArrays(int[] nums1, int[] nums2) { int n1Len = nums1.length; int n2Len = nums2.length; int i = 0, j = 0; List<Int...
2019-09-26 23:03:14
230
1
原创 剑指LeetCode -- 第三题 -- 无重复字符串最长子串 -- 中等
解法一class Solution { public int lengthOfLongestSubstring(String s) { String temp = ""; int maxLen = s.length() > 0 ? 1 : 0; int index = 0; char c; for(...
2019-09-26 22:13:58
118
原创 Java static关键字详解 -- 静态域、静态常量、静态方法
1、静态域 -）如果类中一个域如果声明为静态的也就是类似于: static int i = 1;(这里建议一定要对所有的域进行初始化，因为如果不进行初始化编译器会进行默认赋值)，那么该类中只有这样一个域。他与实例域不同，实例域会对所有类对象都会进行一份拷贝，而静态域是归属于类，不归属与任何一个对象。也就是说，即使你创建1000份类对象，也只有一个int i，你操作静态域就会...
2019-08-06 21:48:30
237
原创 JAVA -- 操作LocalDate类打印日历
package com.oneDay;import java.time.DayOfWeek;import java.time.LocalDate;public class TestLocalDate{ public static void main(String[] args) { //获取当前时间 LocalDate date ...
2019-07-30 21:12:31
739
原创 剑指LeetCode -- 第二题 -- 两数相加 -- 中等
同样属于比较简单的题，注意一下进位就行了。/** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */class Solution { pub...
2019-07-27 16:37:18
120
原创 剑指LeetCode -- 第一题 -- 两数之和 -- 简单
这道题比较简单，用了Map对key值查找的常数时间的特性， 使得该算法的时间复杂度为O(n)。class Solution { public int[] twoSum(int[] nums, int target) { HashMap<Integer, Integer> numCache = new HashMap<Integer,...
2019-07-27 16:33:41
94
原创 三十三、有权最短路径算法（有负值边）
与有权、无权最短路径算法实现思想一样，请参考前面文章，不懂得请自行看书。//伪代码 有权最短路径算法(有负值边)//假设已经对表进行初始配置void WeightedNegative(Table T){ //声明队列 Queue Q; //V ： 入度顶点 W : 出度顶点，与V连接的顶点 Vertex V, W; //创建队列 Q = CreateQueue(NumVe...
2019-07-24 22:44:02
759
原创 三十二、Dijkstra算法 -- 有权最短路径算法(无负权值)
和无权最短路径算法同理,伪代码，代码已加注释，思路很清晰，不理解的地方请自行看书。//伪代码 Dijkstra算法 -- 有权最短路径算法（无负值边)//假设已经根据图生成了用于Dijkstra算法的初始配置表void Disjkstra(Table T){ //V : 入度点 W : 出度点(与V连接的顶点) Vertex V, W; while(true) { /...
2019-07-24 21:56:07
318
原创 三十一、无权最短路径排序
最短路径排序就好比我们从A城市出发到E城市办事，中间根据选择不同的路可能经过B,C,D三座城市，那么我们怎么选择出行路线能让我们以最快时间到达E城市就成了一个问题，而最短路径排序就是解决这种问题的一种方案。其实最短路径排序，就是对整个有向图进行一次搜索，此方法也被称为广度优先搜索，类似于树的层序遍历。这里也是提供的伪代码，注释很清晰，如有不懂请参考数据结构与算法C语言描述版。//伪代...
2019-07-23 23:53:30
152
原创 三十、拓扑排序
其实所谓的拓扑排序，就是对有向图的指向顺序的一种排序。好比我们打游戏，10级的时候我们只能做10级的任务，到了20级可能会再开启两个任务，以此类推。其实就是对做执行任务顺序的一种约束。下面的代码是伪代码，个人觉得没有必要去实现，我们只需要掌握思想，思想大于一切。代码中的注释很清晰，给出了简单和进阶的两种实现方式，如有不懂请自行参考数据结构与算法分析C语言版//伪代码，拓扑排...
2019-07-23 23:48:56
157
原创 二十九、图论算法(图的存储结构)
图常用的存储结构设计方式为 ：邻接矩阵（二维数组），邻接表（链表）其实两种的存储结构可以参考二叉树的存储结构设计方式，思想大同小异，所有的数据结构都是由链表构成的，只不过时思想的升华而已这里代码给出了一种十字链表法，对于有向图的一种合理的实现方式，并且个人感觉没必要纠结与图的存储结构该去怎么实现，最主要的时贯通思想。#include <stdio.h>#inclu...
2019-07-23 22:23:08
129
原创 二十八、快速查找
直接上代码了，和快速排序没什么区别#include <stdio.h>//当元素个数达到一定数量时可以用简单的排序算法#define CutOff 3//插入排序void InsertionSort(int array[], int size){ int i, j, temp; for(i = 1; i < size; i++) { temp = ar...
2019-07-17 21:45:38
137
原创 二十七、快速排序
快速排序其实是逐次对每个基数进行排序，当达到一个临界值（也就是当元素个数达到一定数量时，简单的插入排序速度会大于快排）的时候就用插入排序来进行，其实这也是一个分治处理的过程，和归并思想大同小异，由于归并要进行多次递归，而快排基于基数每次进行线性时间的分组，所以理想情况下快排优于归并。这里就直接上代码。。。#include <stdio.h>//当剩余元素数较小时，简单的插入排...
2019-07-17 00:03:28
124
原创 二十六、算法 -- 插入排序，希尔排序（缩小增量排序），堆排序，归并排序
不写讲解了，直接贴代码了。这里稍微有点难度的就是归并排序了，分治思想的初级体现，一定要仔细研究。1、插入排序//插入排序,类似于二叉堆的下溯void InsertSort(int array[], int size){ int i, j; for(i = 0; i < size; i++) { int temp = array[i]; for(j = i;...
2019-07-10 00:34:57
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人