Antd of React中使用<Redirect from = "/" to="/home"/>出现异常

我是react新手,最近在学习antd of react。想实现一个当用户输入网址后,利用Redirect标签自动跳转到首页的功能。但是使用<Redirect exact from = "/" to="/home"/>出现异常,请各位大神帮帮忙,看看问题出现在哪里。源码如下(使用框架:create-react-app创建项目+antd):

//app.js当输入网址后显示整体布局Admin组件
export default class App extends Component {
  render () {
    return (
      <BrowserRouter>
        <Switch> {/*只匹配其中一个*/}
          <Route path='/login' component={Login}></Route>
          <Route path='/' component={Admin}></Route>
        </Switch>
      </BrowserRouter>
    )
  }
}
//Admin.jsx布局组件,组件渲染时在Content中渲染Home组件
const { Footer, Sider, Content } = Layout;
export default class Admin extends Component {
  render() {
    return (
      <Layout style={{ minHeight: "100%" }}>
        <Sider>
          <LeftNav />
        </Sider>
        <Layout>
          <Header>Header</Header>
          <Content style={{margin: 20, backgroundColor: '#fff'}}>
            <Switch>
              <Redirect exact from = "/" to="/home"/>
              <Route path="/home" component={Home} />
              <Route path="/category" component={Category} />
              {/* <Route path='/' component={Home}/>使用此种方式可正常渲染Home组件 */} 
            </Switch>
          </Content>
          <Footer>Footer</Footer>
        </Layout>
      </Layout>
    );
  }
}
//home.jsx Home组件
export default class Home extends Component {
  render() {
    return (
      <div>
        主页
      </div>
    )
  }
}

在整体布局Admin组件中我使用<Redirect exact from = "/" to="/home"/>使Home组件显示在Layout的Content中,但出现如下异常:

TypeError: path_to_regexp__WEBPACK_IMPORTED_MODULE_8___default.a.compile is not a function
at compilePath (react-router.js:235)
at generatePath (react-router.js:258)
at react-router.js:277
at updateContextConsumer (react-dom.development.js:19811)
at beginWork$1 (react-dom.development.js:20186)
at HTMLUnknownElement.callCallback (react-dom.development.js:337)
at Object.invokeGuardedCallbackDev (react-dom.development.js:386)
at invokeGuardedCallback (react-dom.development.js:439)
at beginWork$$1 (react-dom.development.js:25723)
at performUnitOfWork (react-dom.development.js:24649)
at workLoopSync (react-dom.development.js:24622)
at performSyncWorkOnRoot (react-dom.development.js:24211)
at scheduleUpdateOnFiber (react-dom.development.js:23638)
at updateContainer (react-dom.development.js:27047)
at react-dom.development.js:27464
at unbatchedUpdates (react-dom.development.js:24376)
at legacyRenderSubtreeIntoContainer (react-dom.development.js:27463)
at Object.render (react-dom.development.js:27548)
at Module../src/index.js (index.js:8)
at webpack_require (bootstrap:785)
at fn (bootstrap:150)
at Object.0 (main.chunk.js:1581)
at webpack_require (bootstrap:785)
at checkDeferredModules (bootstrap:45)
at Array.webpackJsonpCallback as push
at main.chunk.js:1

weixin_45633634
weixin_45633634 我也遇到这种错误,求怎么解决
大约 2 个月之前 回复

1个回答

weixin_45567983
努力努力再努力max1 解决了吗
2 个月之前 回复
csalx123
csalx123 感谢回复,不过我已将<Redirect>放在<Switch>标签内了
3 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
NowaGui里antd-mobile脚手架建的项目,路由应该怎么写
NowaGui里antd-mobile脚手架建的项目,路由应该怎么写? 比如上面的导航路径/home/nav,添加了这个路径文件但是访问不到是为什么 export default { menu: [ {"title":"导航", "icon":"nav", "path":"/home/nav" }, {"title":"数据录入", "icon":"entry", "path":"/home/entry" }, {"title":"数据显示", "icon":"display", "path":"/home/display"}, {"title":"反馈", "icon":"feedback", "path":"/home/feedback" }, {"title":"其它", "icon":"other", "path":"/home/other" } ], } require('./PageHome.less'); import logic from './PageLogic'; import { Control, Route } from 'react-keeper'; import { Component, LogicRender } from 'refast'; import TabBar, { activeTabbar } from 'components/card-tabbar'; import { NavBar } from 'antd-mobile'; class Home extends Component { constructor(props) { super(props, logic); this.handleChange = this.handleChange.bind(this); } handleChange(key){ this.dispatch('setTabbarIndex',key); Control.go(this.state.menu[key].path, ); // keeper的跳转 } render() { const { state: { menu, tabbarIndex, badge, }, } = this; const activeIndex=activeTabbar( menu ); if (tabbarIndex != activeIndex ){ // 对比url索引和当前选中的值,如不对应则纠正. this.dispatch('setTabbarIndex',activeIndex); } return ( <div className="home"> <NavBar iconName="" mode="light"> 菜单 </NavBar> {/*中间嵌套的页面*/} {this.props.children} <TabBar menu={menu} tabbarIndex={tabbarIndex} badge={badge} onChange={this.handleChange} /> </div> ); } componentDidMount() { dd.biz.navigation.setTitle({ title:'Home' }) } } export default Home ;
RN开发run-android后遇到这个错误com.facebook.jni.CppException: Can't find variable: require
![图片说明](https://img-ask.csdn.net/upload/201907/27/1564169059_441695.jpg) package.js文件 ``` { "name": "zhuanbei", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "test": "jest" }, "dependencies": { "@ant-design/react-native": "^3.1.11", "@babel/preset-env": "^7.5.5", "@react-native-community/async-storage": "^1.5.0", "antd-mobile": "^2.2.14", "antd-mobile-rn": "^2.3.3", "babel-preset-react-app": "^9.0.0", "jsc-android": "^241213.1.0", "mobx": "^5.11.0", "mobx-react": "^6.1.1", "react": "16.8.6", "react-native": "^0.59.9", "react-native-deprecated-custom-components": "^0.1.2", "react-native-full-image-picker": "^1.2.11", "react-native-gesture-handler": "^1.3.0", "react-native-qrcode": "^0.2.7", "react-native-scrollable-tab-view": "^0.10.0", "react-native-shadow": "^1.2.2", "react-native-sms-verifycode": "^2.4.0", "react-native-splash-screen": "^3.2.0", "react-native-svg": "^9.5.3", "react-native-vector-icons": "^6.6.0", "react-native-view-shot": "^3.0.0", "react-navigation": "^3.11.0" }, "devDependencies": { "@babel/core": "^7.4.5", "@babel/plugin-proposal-decorators": "^7.4.4", "@babel/runtime": "^7.4.5", "babel-jest": "^24.8.0", "babel-plugin-import": "^1.12.0", "jest": "^24.8.0", "metro-react-native-babel-preset": "^0.54.1", "react-test-renderer": "16.8.3" }, "jest": { "preset": "react-native" } } ``` 这个问题要怎么解决呢
eslint jsx-a11y/anchor-is-valid 禁用不生效,如何解决?
#### 问题 `.eslintrc.js`文件,设置了` 'jsx-a11y/anchor-is-valid': 0` 在 WebStorm中已经不报警告了,但是启动项目时还是有警告,如下图 1. 在编辑器中已经不出警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436601_626815.png) 2. 在项目启动时仍然出现警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436631_510559.png) 3. 在浏览器中也出现了警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436710_353743.png) **请问如何解决警告问题?** #### 项目环境 1. WebStorm 2. create-react-app --typescript 项目 3. .eslintrc.js文件内容 ```js module.exports = { parser: '@typescript-eslint/parser', extends: [ 'plugin:@typescript-eslint/recommended', 'react-app', 'prettier/react', 'plugin:prettier/recommended', ], env: { browser: true, es6: true, node: true }, globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly' }, parserOptions: { ecmaFeatures: { jsx: true }, ecmaVersion: 2018 }, plugins: [ 'react', '@typescript-eslint', ], rules: { 'jsx-a11y/anchor-is-valid': 0, '@typescript-eslint/indent': ['error', 2], 'linebreak-style': [ 'error', 'unix' ], quotes: [ 'error', 'single' ], semi: [ 'error', 'always' ], '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/explicit-member-accessibility': 0, // Makes no sense to allow type inferrence for expression parameters, but require typing the response '@typescript-eslint/explicit-function-return-type': [ 'off', { allowTypedFunctionExpressions: true } ], '@typescript-eslint/no-use-before-define': [ 'error', { functions: false, classes: true, variables: true, typedefs: true } ], } }; ``` 4. package.json文件内容 ``` { "name": "jgszl-web-tpl-ts", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/pro-layout": "^4.5.10", "@types/jest": "24.0.15", "@types/node": "12.0.12", "@types/react": "16.8.23", "@types/react-dom": "16.8.4", "@types/react-router-dom": "^4.3.4", "antd": "^3.20.0", "axios": "^0.19.0", "babel-plugin-import": "^1.12.0", "customize-cra": "^0.2.14", "less": "^3.9.0", "less-loader": "^5.0.0", "react": "^16.8.6", "react-app-rewired": "^2.1.3", "react-dom": "^16.8.6", "react-router-dom": "^5.0.1", "react-scripts": "3.0.1", "typescript": "3.5.2" }, "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-app-rewired eject", "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx ./src" }, "eslintConfig": { "extends": "react-app" }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@types/lodash": "^4.14.136", "@typescript-eslint/eslint-plugin": "^1.11.0", "@typescript-eslint/parser": "^1.11.0", "eslint-config-prettier": "^6.0.0", "eslint-config-react-app": "^4.0.1", "eslint-plugin-prettier": "^3.1.0", "prettier": "^1.18.2" } } ```
react脚手架搭建项目:求解为什么主题颜色没有发生变化 ?
这是index.js文件的代码,入口文件 ``` import React from 'react' import {render} from 'react-dom' import {Button} from 'antd-mobile' render( <Button type="primary">Test</Button>, document.getElementById('root') ) ``` 这是config-overrides.js文件的代码 ``` const {override, fixBabelImports, addLessLoader} = require("customize-cra"); module.exports = override( fixBabelImports("import", { libraryName: "antd-mobile", libraryDirectory: 'es',style: true // change importing css to less }), addLessLoader({ javascriptEnabled: true, modifyVars: { "@primary-color": "#1DA57A" } }) ); ```
react 实现递归 不知道为啥渲染不到 初学者在线求教 急急急!!!感恩大佬
![图片说明](https://img-ask.csdn.net/upload/201909/28/1569648980_462334.jpg) ``` import React, {Component} from "react"; import {connect} from "react-redux"; import { Tree, Icon } from 'antd'; const {TreeNode} = Tree ; class BasicArea extends Component { constructor(props) { super(props); this.state = { treeArr: [] } } data= [ { "id":1, "name":"一级节点", "parentId":0, "isValid":true, "canAddChild":true, "parent":null, "children":[] },{ "id":3, "name":"二级节点", "parentId":1, "isValid":true, "canAddChild":true, "parent":null, "children":[] },{ "id":3, "name":"二级节点", "parentId":0, "isValid":true, "canAddChild":true, "parent":null, "children":[] },{ "id":3, "name":"二级节点", "parentId":0, "isValid":true, "canAddChild":true, "parent":null, "children":[] },{ "id":3, "name":"二级节点", "parentId":0, "isValid":true, "canAddChild":true, "parent":null, "children":[] } ] createTree = data => { let treeArr = []; //获取顶级父元素集合 let roots = data.filter( elemt => elemt.parentId === 0 ); treeArr.push(...roots); //从顶级元素开始,获取每个元素的子元素放到该元素的children树形中 const getChildren = (resultarr, data) => { resultarr.forEach ((elemt,index) => { elemt.children = data.filter((item,index) => item.patentId === elemt.id ); //判断当前元素是不是有子元素被添加, 如果有, 再在子元素这一层循环 if( elemt.children.length > 0){ getChildren(elemt.children,data); } }); } getChildren(treeArr,data); console.log(treeArr); //最后更新一下数据 this.setState({ treeArr }) }; renderTree = treeArr => treeArr.map ( value => { //理论上支持无限深度的树状目录 //遍历树状数组,如果发现他有children则先套上<TreeNode></TreeNode>,在对他children中的元素做相同的操作,直到children为空的元素停止 //说明他已经是最深的那一层了 if(value.children) { return( <TreeNode title ={ <span> {value.name} <Icon type="plus" /> </span> } key={value.id}> {/* 对children中的每个元素进行递归 */} {this.renderTree(value.children)} </TreeNode> ) } }); render(){ return( <Tree> {this.renderTree(this.state.treeArr)} </Tree> ) } componentDidMount(){ this.createTree(); } } export default connect(null, null)(BasicArea); ```
给antd的Input组件设置动态的value,目前不能手动的更改页面输入框内的内容,应该怎么办呢
用react return ( <div className="common-presenter k-rpm-evaluate-tag"> <div className="evaluate__message"> {evaluateTag.map((item,index) => { return( <Tag className="evaluate__tag" key={index} onClick={()=>{onSelectedTag(item)}}>{item}</Tag> ); })} <Input.TextArea value={tagList} className="evaluate__preview"/> </div> </div> );
angular2 导入项目 运行报错
本机环境: C:\Users\Administrator>node -v v10.16.3 C:\Users\Administrator>npm -v 6.9.0 angular版本:@angular:8.2.4 导入项目,运行的时候报错: ``` D:\Workspace\Web_Workspack\cncl_web>ng serve An unhandled exception occurred: Cannot find module '@angular/compiler-cli' See "C:\Users\ADMINI~1\AppData\Local\Temp\ng-fKL8Bh\angular-errors.log" for further details. ``` 项目:package.json ``` { "name": "bjproject", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^6.1.0", "@angular/common": "^6.1.0", "@angular/compiler": "^6.1.0", "@angular/core": "^6.1.0", "@angular/forms": "^6.1.0", "@angular/http": "^6.1.0", "@angular/platform-browser": "^6.1.0", "@angular/platform-browser-dynamic": "^6.1.0", "@angular/router": "^6.1.0", "@types/jquery": "^1.12.4", "bootstrap": "^3.3.7", "classlist.js": "^1.1.20150312", "core-js": "^2.5.4", "echarts": "^4.2.0-rc.1", "font-awesome": "^4.7.0", "jquery": "^1.12.4", "ng-zorro-antd": "^1.6.0", "ng2-cookies": "^1.0.12", "rxjs": "~6.2.0", "web-animations-js": "^2.3.1", "zone.js": "~0.8.26" }, "devDependencies": { "@angular-devkit/build-angular": "~0.8.0", "@angular/cli": "~6.2.4", "@angular/compiler-cli": "^6.1.0", "@angular/language-service": "^6.1.0", "@types/jasmine": "~2.8.8", "@types/jasminewd2": "~2.0.3", "@types/node": "~8.9.4", "codelyzer": "~4.3.0", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~3.0.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.4.0", "ts-node": "~7.0.0", "tslint": "~5.11.0", "typescript": "~2.9.2", "bootstrap": "^3.3.7" } } ```
dva的fetch请求如果是post类型,springmvc作为后台该如何接收并返回数据?
fetch请求如下(前段UI框架是antd): 1.导航栏上点击Uers按钮,跳转至/users ```javascript <Menu.Item key="/users"> <Link to="/users"><Icon type="bars" />Users</Link> </Menu.Item> ``` 2.路由跳转控制 ```javascript function RouterConfig({ history }) { return ( <Router history={history}> <Route path="/" component={IndexPage} /> <Route path="/users" component={Users} /> </Router> ); } ``` 3.上面的Users控件(component)如下 ```JavaScript function Users({ location }) { return ( <MainLayout location={location}> <div className={styles.normal}> <UsersComponent /> </div> </MainLayout> ); } ``` 4.最终地址会跳转到一个fetch方法中,该方法会调用yield call来执行一个请求,具体如下 ``` *fetch({ payload: { page = 1 } }, { call, put }) { const { data, headers } = yield call(usersService.fetch, { page }); yield put({ type: 'save', payload: { data, total: parseInt(headers['x-total-count'], 10), page: parseInt(page, 10), }, }); }, ``` 5.yield call方法里面的usersService.fetch方法如下(PAGESIZE目前是常量) ``` export function fetch({ page }) { return request('/api/user/userList', { method: 'POST', headers: { //'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 'Content-Type': 'application/json', }, body: { _page: { page }, _limit: { PAGE_SIZE }, }, }); // return request(`/api/user/userList?_page=${page}&_limit=${PAGE_SIZE}`); } ``` 6.request.js ``` import fetch from 'dva/fetch'; function parseJSON(response) { return response.json(); } function checkStatus(response) { if (response.status >= 200 && response.status < 300) { return response; } const error = new Error(response.statusText); error.response = response; throw error; } export default async function request(url, options) { console.log(1232131); console.log(options); const response = await fetch(url, options); // .then(checkStatus); // checkStatus(response); // const data = await response.json(); const ret = { data, headers: {}, }; if (response.headers.get('x-total-count')) { ret.headers['x-total-count'] = response.headers.get('x-total-count'); } return ret; } ``` 7.后台springmvc接收数据的方法 ``` //7.后台springmvc接收数据的方法 @Controller @RequestMapping("/user") public class UserController { private static final Logger logger = LoggerFactory.getLogger(UserController.class); @Autowired private UserService userService; @RequestMapping(value = "/userList") //@ResponseBody public void userList(final HttpServletRequest request, ModelMap modelMap) throws Exception{ String page = request.getParameter("_page"); String limit = request.getParameter("_limit"); List<CustBaseInfo> users = userService.getUserList(new CustBaseInfoExample()); modelMap.put("data", users); } } ``` **备注: 1.如果fetch方法用的是GET请求,我把参数拼接在URL后面是没有问题的,后台可以接收到,但是这种情况下,后台如何将数据返回给dva框架,我现在是将返回结果users放在了modelmap当中,但前台还是获取不到数据 2.如果fetch是post请求,前台连数据都发不出,我是f12下看netWork就没有数据发送** ![post请求时,后台接受到的数据,为null](https://img-ask.csdn.net/upload/201704/16/1492309110_210835.png) ![前台发送请求](https://img-ask.csdn.net/upload/201704/16/1492309143_988102.png) ![前台发送请求](https://img-ask.csdn.net/upload/201704/16/1492309165_929215.png) ![响应数据没有](https://img-ask.csdn.net/upload/201704/16/1492309234_633478.png)
关于在create-react-app中引入antd-mobile的问题
如图,引入antd-mobile后为了实现按需加载以及自定主题的功能,需要下载 依赖包babel-plugin-import和react-app-rewired。而由于react-app-rewired在2.0之后的版本删除了injectBabelPlugin函数,需要下载customize-cra对配置加载组件config-overrides进行配置,代码块如下。 ``` const { override, fixBabelImports, addLessLoader } = require('customize-cra'); module.exports = override( fixBabelImports('import', { libraryName: 'antd-mobile', libraryDirectory: 'es', style: true, //支持加载less 需要下载less 和less-loader }), addLessLoader({ javascriptEnabled: true, modifyVars: { '@primary-color': '#25b864' }, }), ); ``` 比较疑惑的就是,在网上查阅的资料中,大部分的代码块与我上面发的几乎一致,但却只能实现按需打包的功能,而自定义主题的功能却不能生效。 然后我试着在create-react-app中引入antd并且进行同样的修改,自定义主题功能是生效的。 问题来了,是否customiz-cra函数只对antd完全支持,而对antd-mobile并不完全兼容? 如果不完全兼容,是否意味着只能下载2.0之前的react-app-rewired进行antd-mobile引入的配置加载的修改? 求解惑
react-router 组件加载的问题
正在学习react,使用侧边栏的时候,主页面无法使用Router加载,是代码哪里出错了? ``` <div style={{padding: 24, background: '#fff', minHeight: 360}}> {RouteMap.map(route => ( <Route exact key={route.key} path={route.link} component={route.component} /> ) )} </div> ``` 如下图,如果加载正确的话,右边应该是能显示表格才对<br/> ![图片说明](https://img-ask.csdn.net/upload/201903/05/1551779018_181657.png) 相关的完整代码:<br/> App.js ``` import React from 'react'; import {Breadcrumb, Icon, Layout, Menu} from 'antd'; import 'antd/dist/antd.css'; import '../css/App.css'; import {BrowserRouter, Link, Route} from 'react-router-dom' import SidebarData from './sidebarData'; import {Switch} from "react-router"; const { Header, Content, Footer, Sider, } = Layout; const MenuContent = SidebarData.map(item => ( item.children === "-1" ? ( <Menu.Item key={item.key}> <Link to={item.link}> <Icon type={item.icon}/><span>{item.text}</span> </Link> </Menu.Item> ) : ( <Menu.SubMenu key={item.key} title={<span><Icon type={item.icon}/> <span>{item.text}</span></span>}> {item.children.map(childItem => ( <Menu.Item key={childItem.key}> <Link to={childItem.link}>{childItem.text}</Link> </Menu.Item> ))} </Menu.SubMenu> ) ) ); const RouteMap = []; SidebarData.map(item => { if (item.children === "-1") { RouteMap.push({ key: item.key, text: item.text, link: item.link, component: item.component }); } else { item.children.map(childItem => { RouteMap.push({ key: childItem.key, text: childItem.text, link: childItem.link, component: childItem.component }); }); } }); class App extends React.Component { state = { collapsed: false, }; onCollapse = (collapsed) => { console.log(collapsed); this.setState({collapsed}); } handleClick = (e) => { RouteMap.map(item => { if (item.key === e.key) { this.setState({curKey: item.key}); this.setState({curText: item.text}); this.setState({curLink: item.link}); this.setState({curComponent: item.component}); } }); } render() { return ( <BrowserRouter> <Layout style={{minHeight: '100vh'}}> <Sider collapsible collapsed={this.state.collapsed} onCollapse={this.onCollapse} > <div className="logo"/> <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline" onClick={this.handleClick} selectedKeys={[this.state.curKey]} > {MenuContent} </Menu> </Sider> <Layout> <Header style={{background: '#fff', padding: 0}}> {this.state.curText} </Header> <Content style={{margin: '0 16px'}}> <Breadcrumb style={{margin: '16px 0'}}> <Breadcrumb.Item>用户</Breadcrumb.Item> <Breadcrumb.Item>Bill</Breadcrumb.Item> </Breadcrumb> <div style={{padding: 24, background: '#fff', minHeight: 360}}> {/*<Orderb2c/>*/} {/*<Switch>*/} {RouteMap.map(route => ( <Route exact key={route.key} path={route.link} component={route.component} /> ) )} {/*</Switch>*/} </div> </Content> <Footer style={{textAlign: 'center'}}> ©2019 Created by Ant UED </Footer> </Layout> </Layout> </BrowserRouter> ); } } export default App; ``` SidebarData.js ``` import Orderb2c from './orderb2c'; import Orderb2b from "./orderb2b"; import Userlist from "./userlist"; import Userauthority from "./userauthority"; import Userinfo from "./userinfo"; import Mainpage from "./mainpage"; const SidebarData = [ { key: 'main_page', text: '主页', icon: 'desktop', link: './mainpage', component: Mainpage, children: '-1' }, { key: 'user', text: '用户', icon: 'user', children: [{ key: 'user_list', text: '用户列表', link: './userlist', component: Userlist }, { key: 'user_authority', text: '用户权限', link: './userauthority', component: Userauthority }, { key: 'user_info', text: '用户信息', link: './userinfo', component: Userinfo }] }, { key: 'order', text: '订单', icon: 'file', children: [{ key: 'order_b2c', text: 'B2C订单', link: './orderb2c', component: Orderb2c }, { key: 'order_b2b', text: 'B2B订单', link: './orderb2b', component: Orderb2b }] } ]; export default SidebarData; ```
在antdpro的登陆页面中是怎么给UserLayout注入children的
``` import Link from 'umi/link'; import { Icon } from 'antd'; import GlobalFooter from '@/components/GlobalFooter'; import SelectLang from '@/components/SelectLang'; import styles from './UserLayout.less'; import logo from '../assets/logo.svg'; const links = [ { key: 'help', title: formatMessage({ id: 'layout.user.link.help' }), href: '', }, { key: 'privacy', title: formatMessage({ id: 'layout.user.link.privacy' }), href: '', }, { key: 'terms', title: formatMessage({ id: 'layout.user.link.terms' }), href: '', }, ]; const copyright = ( <Fragment> Copyright <Icon type="copyright" /> 2018 蚂蚁金服体验技术部出品 </Fragment> ); const UserLayout = ({ children }) => ( // @TODO <DocumentTitle title={this.getPageTitle()}> <div className={styles.container}> <div className={styles.lang}> <SelectLang /> </div> <div className={styles.content}> <div className={styles.top}> <div className={styles.header}> <Link to="/"> <img alt="logo" className={styles.logo} src={logo} /> <span className={styles.title}>Ant Design</span> </Link> </div> <div className={styles.desc}>Ant Design 是西湖区最具影响力的 Web 设计规范</div> </div> {children} </div> <GlobalFooter links={links} copyright={copyright} /> </div> ); export default UserLayout; ```
react使用ant design中的可编辑表格时出现错误!
我在用react想写一个可以编辑的表格,我把ant design上的可编辑表格的代码复制到我的项目中,而且把react的版本升级到了16.3.0,但是在运行项目时出现了下面的报错!![图片说明](https://img-ask.csdn.net/upload/201812/07/1544177606_541736.png), 代码如下: import React from 'react' import { connect } from 'dva'; import { Table, Input, InputNumber, Popconfirm, Form } from 'antd'; import EditableContext from './EditableContext' import EditableFormRow from './EditableFormRow' import EditableCell from './EditableCell' const data = []; for (let i = 0; i < 100; i++) { data.push({ key: i.toString(), name: `Edrward ${i}`, age: 32, address: `London Park no. ${i}`, }); } const FormItem = Form.Item; @connect(({ demonstrationBase, loading }) => ({ demonstrationBase, loading: loading.models.demonstrationBase, })) @Form.create() // export default class DemonstrationBase extends PureComponent { class DemonstrationBase extends React.Component { constructor(props) { super(props); this.state = { data, editingKey: '' }; this.columns = [ { title: 'name', dataIndex: 'name', width: '25%', editable: true, }, { title: 'age', dataIndex: 'age', width: '15%', editable: true, }, { title: 'address', dataIndex: 'address', width: '40%', editable: true, }, { title: 'operation', dataIndex: 'operation', render: (text, record) => { const editable = this.isEditing(record); return ( <div> {editable ? ( <span> <EditableContext.Consumer> {form => ( <a href="javascript:;" onClick={() => this.save(form, record.key)} style={{ marginRight: 8 }} > Save </a> )} </EditableContext.Consumer> <Popconfirm title="Sure to cancel?" onConfirm={() => this.cancel(record.key)} > <a>Cancel</a> </Popconfirm> </span> ) : ( <a onClick={() => this.edit(record.key)}>Edit</a> )} </div> ); }, }, ]; } isEditing = record => record.key === this.state.editingKey; cancel = () => { this.setState({ editingKey: '' }); }; save(form, key) { form.validateFields((error, row) => { if (error) { return; } const newData = [...this.state.data]; const index = newData.findIndex(item => key === item.key); if (index > -1) { const item = newData[index]; newData.splice(index, 1, { ...item, ...row, }); this.setState({ data: newData, editingKey: '' }); } else { newData.push(row); this.setState({ data: newData, editingKey: '' }); } }); } edit(key) { this.setState({ editingKey: key }); } render() { const components = { body: { row: EditableFormRow, cell: EditableCell, }, }; const columns = this.columns.map((col) => { if (!col.editable) { return col; } return { ...col, onCell: record => ({ record, inputType: col.dataIndex === 'age' ? 'number' : 'text', dataIndex: col.dataIndex, title: col.title, editing: this.isEditing(record), }), }; }); return ( <Table components={components} bordered dataSource={this.state.data} columns={columns} rowClassName="editable-row" /> ); } } export default DemonstrationBase ``` import React from 'react' const EditableContext = React.createContext(); export default EditableContext ``` ``` import React from 'react' import EditableContext from './EditableContext' import { Table, Input, InputNumber, Popconfirm, Form } from 'antd'; const EditableRow = ({ form, index, ...props }) => ( <EditableContext.Provider value={form}> <tr {...props} /> </EditableContext.Provider> ); const EditableFormRow = Form.create()(EditableRow); export default EditableFormRow ``` ``` import React from 'react' import { Table, Input, InputNumber, Popconfirm, Form } from 'antd'; import EditableContext from './EditableContext' const FormItem = Form.Item; class EditableCell extends React.Component { getInput = () => { // 自带方法 判断数据类型, 返回输入组件 if (this.props.inputType === 'number') { return <InputNumber />; } return <Input />; }; render() { let { editing, dataIndex, title, inputType, record, index, ...restProps } = this.props; return ( <EditableContext.Consumer> {(form) => { const { getFieldDecorator } = form; return ( <td {...restProps}> {editing ? ( <FormItem style={{ margin: 0 }}> {getFieldDecorator(dataIndex, { // 注意, dataIndex 必须存在, 刻在cloums表格头数据内设置。 initialValue: record[dataIndex], })(this.getInput())} </FormItem> ) : restProps.children} </td> ); }} </EditableContext.Consumer> ); } } export default EditableCell ``` 希望大佬可以帮我解答一下!
antd/antd mobile 内的listview这个组件不执行里面的renderRow
<div> <ListView ref="lv" dataSource={this.state.dataSource} renderHeader={() => <span>国家管理</span>} renderFooter={() => (<div style={{ padding: 30, textAlign: 'center' }}> {this.state.isLoading ? 'Loading...' : 'Loaded'} </div>)} renderRow={row} renderSeparator={separator} className="am-list" pageSize={4} scrollRenderAheadDistance={500} scrollEventThrottle={20} onScroll={() => { console.log('scroll'); }} useBodyScroll onEndReached={this.onEndReached} onEndReachedThreshold={10} /> </div> const row = (rowData, sectionID, rowID) => { console.log(1111); if (index < 0) { index = data.length - 1; } const obj = data[index--]; return ( <div key={rowID} className="row"> <div className="row-title">{obj.title}</div> <div style={{ display: '-webkit-box', display: 'flex', padding: '0.3rem 0' }}> <img style={{ height: '1.28rem', marginRight: '0.3rem' }} src={obj.img} alt="icon" /> <div className="row-text"> <div style={{ marginBottom: '0.16rem', fontWeight: 'bold' }}>{obj.des}</div> <div><span style={{ fontSize: '0.6rem', color: '#FF6E27' }}>{rowID}</span>¥</div> </div> </div> </div> ); }; 这是否是因为组件不支持还是别的
react使用antd组件出错
![图片说明](https://img-ask.csdn.net/upload/201708/18/1503023205_359922.png) 我就想知道这是怎么回事
antd pro路由样式怎么修改?
## 是用antd pro搭建的js项目 # 是侧边栏路由的样式问题 百度这方面的没有,只有路由是怎么生成的等等。效果图: ![图片说明](https://img-ask.csdn.net/upload/201911/27/1574851500_991425.png) pro的路由是在config里写了自动生成的,在umi里的router里面,我最开始是在router.js里面的通过pro相同的class类名修改的。 ``` var Arr = [].slice.call(document.querySelectorAll('.ant-menu-submenu-title')); Arr.forEach(function(e){ e.style.fontSize = 'larger' }) ``` ``` ``` 这样写确实可以修改一级菜单的样式,但是router.js明显不可以修改,重新跑项目后,router.js就还原了。然后我在document.ejs里面加了一个script标签![图片说明](https://img-ask.csdn.net/upload/201911/27/1574851928_57151.png) 这样确实修改成功了。但是每次退出登录后,就不生效了。而且通过js找到二级菜单的类名,只有在该菜单被打开才能找到,也就是说一开始获得不了所有二级菜单的类名(即通过document.querySelectorAll(.ant-menu-item)获得不了所有的二级菜单,只有该菜单被展开才可以) 有没有对这方面了解的,告知我一下,谢谢了。
在使用antd全家桶的进行开发的时候,link的时候url改变了。但是页面不刷新到我路由的页面
> 路由配置 ``` routes: [ { path: '/', component: '../layouts/UserLayout', routes: [ { path: '/user', redirect: '../layouts/UserLayout' }, { path: '/user/register', component: './User/Register' } /* { path: '/user/login', component: './User/Login' }, , { path: '/user/register-result', component: './User/RegisterResult' }, */ ], }, { path: '/', component: '../layouts/Menu', routes: [ { path: '/', component: 'survey', }, { path: 'puzzlecards', component: './puzzlecards' }, { path: 'list', component: './list' }, { path: '/survey', component: 'survey' }, { path: '/dashboard', routes: [ { path: '/dashboard/analysis', component: 'Dashboard/Analysis' }, { path: '/dashboard/monitor', component: 'Dashboard/Monitor' }, { path: '/dashboard/workplace', component: 'Dashboard/Workplace' } ] } ] }] ``` ``` <Link to = "/user/register">register now!</Link> ```
angular项目引用ng-zorro-antd运行时报错
ERROR in node_modules/ng-zorro-antd/empty/nz-embed-empty.component.d.ts(17,17): error TS1110: Type expected. node_modules/ng-zorro-antd/empty/nz-empty.component.d.ts(11,17): error TS1110: Type expected. node_modules/ng-zorro-antd/menu/nz-menu.service.d.ts(10,13): error TS1110: Type expected. node_modules/ng-zorro-antd/menu/nz-menu.service.d.ts(10,90): error TS1005: '(' expected. node_modules/ng-zorro-antd/menu/nz-submenu.component.d.ts(18,23): error TS1110: Type expected. node_modules/ng-zorro-antd/menu/nz-submenu.service.d.ts(9,12): error TS1110: Type expected. node_modules/ng-zorro-antd/menu/nz-submenu.service.d.ts(9,57): error TS1005: '(' expected. node_modules/ng-zorro-antd/menu/nz-submenu.service.d.ts(15,16): error TS1110: Type expected. node_modules/ng-zorro-antd/menu/nz-submenu.service.d.ts(15,50): error TS1005: '(' expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(23,12): error TS1110: Type expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(23,46): error TS1005: '(' expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(26,27): error TS1110: Type expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(26,59): error TS1005: '(' expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(27,19): error TS1110: Type expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(27,49): error TS1005: '(' expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(28,19): error TS1110: Type expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(28,52): error TS1005: '(' expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(37,21): error TS1110: Type expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(40,8): error TS1005: '(' expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(41,13): error TS1110: Type expected. node_modules/ng-zorro-antd/select/nz-select.service.d.ts(41,43): error TS1005: '(' expected. ``` ```
react native 使用form表单
老师们好,有使用react native引入form的组件吗,开发客户端用的,后台开发用的form是antd的第三方组件,去 https://github.com/ 搜索的两三个组件在ES6中没使用成功,有知道的老师能给个组件以及具体的示例吗?谢谢了
react中textarea怎么保存数据库数据并上传?
因为一些需求需要写一个网页的输入框,所以选择的textarea,这时候需要从 数据库获得默认数据,但是没有value属性,用上虽然可以读取出来,但是不能编辑 ,网上也没有类似的问题,html的倒是不少,可在下是个小白,看不懂(准确的说不是看不懂是不会转换理解(躺)),还有就是换行问题,上传就报错,正则表达式还没看懂 代码如下 求大佬指教,如果大佬可以详细一些,小弟感激不尽 ``` import React, { Component,Fragment } from 'react'; import { connect } from 'dva'; import { Card, Table, Divider, Form, Input, Button, Modal, Icon, message, Select } from 'antd'; import { baseurl } from '../../common/config'; import PageHeaderLayout from '../../layouts/PageHeaderLayout'; const { TextArea } = Input; const FormItem = Form.Item; @connect(({ admin, loading }) => ({ admin, loading: loading.effects['admin/teamLists'], })) @Form.create() export default class Teams extends Component { // 默认加载 componentDidMount() { this.renderSimpleForm(); } constructor(props) { super(props); this.state = { dataSource: [], maindata: [], teamLists: [], businessLists: [], visible: false, }; } renderSimpleForm(pagination = '1', values = '') { const { dispatch } = this.props; const query = this.props.location.search; dispatch({ type: 'robots/wordfgets', callback: response => { this.setState({ dataSource: response, }); }, }); } // wordfwriteClick = e =>{ // const { dispatch } = this.props; // dispatch({ // type: 'robots/wordfwrite', // callback: response => { // if(response.status == "success"){ // message.success(response.msg); // }else{ // message.success(response.msg); // } // }, // }); // } render() { const { getFieldDecorator } = this.props.form; const { dataSource } = this.state; console.log(dataSource); const mainSearch = ( <div> <TextArea size="large" value={dataSource} autosize={{ minRows: 10}}/> </div> ); const action = ( <Fragment> <Button type="primary" onClick={this.wordfwriteClick} >更新</Button> </Fragment> ); return ( <PageHeaderLayout> {mainSearch} {action} </PageHeaderLayout> ); } } ```
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
python 简易微信实现(注册登录+数据库存储+聊天+GUI+文件传输)
socket+tkinter详解+简易微信实现 历经多天的努力,查阅了许多大佬的博客后终于实现了一个简易的微信O(∩_∩)O~~ 简易数据库的实现 使用pands+CSV实现数据库框架搭建 import socket import threading from pandas import * import pymysql import csv # 创建DataFrame对象 # 存储用户数据的表(...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
JavaScript 为什么能活到现在?
作者 | 司徒正美 责编 |郭芮 出品 | CSDN(ID:CSDNnews) JavaScript能发展到现在的程度已经经历不少的坎坷,早产带来的某些缺陷是永久性的,因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题,jQuery与JavaScript哪个快?在Babel.js出来之前,发明一门全新的语言代码代替JavaScript...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
吐血推荐珍藏的Visual Studio Code插件
作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装方法很简单,只需要点击左侧最下方的插件栏选项,然后就可以搜索你想要的插件了。 下面我们进入正题 Material Theme ...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
开源并不是你认为的那些事
点击上方蓝字 关注我们开源之道导读所以 ————想要理清开源是什么?先要厘清开源不是什么,名正言顺是句中国的古代成语,概念本身的理解非常之重要。大部分生物多样性的起源,...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
相关热词 基于c#波形控件 c# 十进制转十六进制 对文件aes加密vc# c#读取栈中所有的值 c# rsa256加密 好 学c# 还是c++ c# 和java的差距 c# curl网络框架 c# https证书请求 c# 中崎
立即提问