小康博客

这是哪里 这里是小康博客Hexo版，此站将会替代曾经的博客。 搬迁缘由 首先要说明的就是我还是一个学生，目前所使用的服务器均是阿里学生机，这意味着24岁时就要享受不打折服务了。🤮 然而对于我这个没有收入的人来说，这简直时天文数字。 一开始也打算换成国外的服务器，但是每年也是100-300的支出，服务器在国外就意味着在国内要做一些优化，不然我这个“处女座心里”怎么能忍受的了。 经过再三考虑决定使用hexo+github搭建一个免费的博客，甚至域名都打算用GitHub免费的。但是速度吧。。。大家都懂得，我就不多说了。一开始觉得还可以，大概是缓存原因，于是写了几篇文章，突然发现一个问题：我的电脑不在身边怎么办。这样我就没法写文章了；或者长时间在外边，没有带电脑。后来一直没有找到一个好的解决办法，这个计划也就这么不了了之了。 知道昨天，发现了coding这个平台可以跟腾讯cloud studio配合使用。哇，我仿佛发现了一个新天地，我可以将代码传到coding，再用腾讯的studio实现云环境编写，就这样经过一晚上的试验终于成功了！ 😄 。 地址说明 本博客采用的地址是不加www的 ...

butterfly背景修改，透明度修改，卡片分类折叠等Hexo主题魔改。

图表介绍 echarts https://echarts.baidu.com/ 百度开源, 如果要在react 项目中使用, 需要下载echarts-for-react G2 https://antv.alipay.com/zh-cn/g2/3.x/index.html 阿里开源 bizcharts https://bizcharts.net/products/bizCharts 基于react 包装G2 的开源库，需要额外下载@antv/data-set d3 https://d3js.org.cn/ 国外的免费可视化图表库 简单使用 安装插件 1yarn add echarts echarts-for-react bizcharts @antv/data-set 柱形图 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667import React, { ...

环境准备 安装插件 1yarn add redux react-redux redux-thunk redux-devtools-extension 在入口index.js文件中包装 12345678910111213141516171819/** * 入口文件 */import React from 'react';// 引入reduximport { Provider } from 'react-redux'import ReactDOM from 'react-dom';import memoryUtils from './utils/memoryUtils'import storageUtils from './utils/storageUtils'import App from './App';import store from './redux/store'const user = storageUtils ...

项目说明 限免是个好东西，为了不错过心爱App的限免活动，因此写下这个脚本用于监控自己心爱的App是否发生了价格变动。 快速开始 fork项目 地址：https://github.com/Dreamy-TZK/AppStorePrice 点击右上角的fork即可，难度系数为0 打开actions设置 点击绿色的按钮即可。 添加server酱提醒 填入你的server酱中的SCKEY即可 修改监控app 找到src/list.json文件，点击编辑。 1234567[ { "id": App的ID, "country": 国区, "name": 可不填，主要是为了方便用户分辨该id是什么app }] 示例 1234567[ { "id": 1161125462, "country": "cn", "n ...

基本布局 123456789101112131415161718<Table bordered rowKey='_id' dataSource={roles} columns={this.columns} pagination={{ defaultPageSize: PAGE_SIZE }} rowSelection={{ type: 'radio', selectedRowKeys: [role._id], onSelect: (role) => { // 选择某个radio时回调 this.setState({ role }) ...

基本路由 1234567<Switch> <Route path='/product' component={ProductHome} exact /> {/*路径完全匹配*/} <Route path='/product/addupdate' component={ProductAddUpdate} /> <Route path='/product/detail' component={ProductDetail} /> <Redirect to='/product' /></Switch> 两种分页技术 前台分页 后台直接返回全部数据 后台分页 后台返回给前台当前页数与总页数 前台需要传递当前页码数与每页数量 跳转路由时传递参数 跳转路由 1this.props.history.push('/pr ...

商品分类管理 表格显示 123456<Table bordered={false} rowKey='_id' dataSource={dataSource} columns={columns} ></Table> 通过dataSource获取数据源，columns指定每一列。例如： 123456789101112131415161718192021222324252627282930313233343536373839const dataSource = [ { key: '1', name: '胡彦斌', age: 32, address: '西湖区湖底公园1号', }, { key: '2', name: '胡彦祖', ...

基本架构 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960/** * 管理的路由组件 */import React, { Component } from 'react'import { Redirect, Route, Switch } from 'react-router-dom'import { Layout } from 'antd'import memoryUtils from '../../utils/memoryUtils'import LeftNav from '../../components/left-nav/left-nav'import Header from '../../components/header/header ...