TypeError: form.validateFilds is not a function多表单分别向父组件传值时取不到Form的值 40C

问题描述:我一个页面有多个Modal嵌套Form的组件,现在需要点击各个Modal的OK键取出对应Form里面的值,但是,当仅存在一个Modal时没问题,多个时就报错TypeError: form.validateFilds is not a function,应该是settingFormRef = (form) => {
this.form = form;
};
const form = this.form;
上面的form没取到值。页面用了多个Form.create()。
对react、ref神马一知半解的菜鸟求解。。。。。。

其中某一个子组件:
class ModifyPhone1 extends PureComponent{
constructor(props) {
super(props);
this.state = {
isSend:false,
};
}

/*发验证码*/
sendCodeOldPhone=()=>{
const {user:{currentUser:{phone}}} = this.props;
const {dispatch} = this.props;
const payload = {phone};
dispatch({
type:'settings/sendVerificationCode',
payload,
callback:()=>{
this.setState({
isSend:true,
})
}
});
};

onhandlePhone=()=>{
this.sendCodeOldPhone();
};

render(){
const {getFieldDecorator} = this.props.form;
const {user:{currentUser:{phone}}} = this.props;

return(
  <Modal
    title={this.props.title}
    visible={this.props.visible}
    confirmLoading={this.props.confirmLoading}
    onOk={this.props.handleOK}
    okText='确定'
    cancelText='取消'
    onCancel={this.props.onCancel}
  >
    <Form layout='horizontal' hideRequiredMark='true'>
      <FormItem>
        <Row>
          <Col span={6}><img src={light} className={styles.img}/><span className={styles.numLocation}>1</span><span className={styles.title1}>验证身份</span></Col>
          <Col span={3}><Icon type="caret-right" style={{color:'#CFD1D2',fontSize:16}} /></Col>
          <Col span={6}><img src={gray} className={styles.img}/><span className={styles.numLocation}>2</span><span className={styles.title2}>修改手机</span></Col>
          <Col span={3}><Icon type="caret-right" style={{color:'#CFD1D2',fontSize:16}} /></Col>
          <Col span={6}><img src={gray} className={styles.img}/><span className={styles.numLocation}>3</span><span className={styles.title2}>完成</span></Col>
        </Row>
      </FormItem>
      <FormItem>
        <Row>
          <span>当前手机号:{phone}</span><span>(如果手机号不能用,请联系客服)</span>
        </Row>
      </FormItem>
      <FormItem>
        <Row gutter={8}>
          <Col span={18}>
          {getFieldDecorator('verificationCode1',{
              rules:[{required:true,message:'请输入短信验证码'}],
            })(
              <Input placeholder='请输入短信验证码'/>
            )}
          </Col>
          <Col span={6}>
            {/*<Button type='default'>获取验证码</Button>*/}
            <SendVerifyCode
              isSend={this.state.isSend}
              onhandlePhone={this.onhandlePhone}
              // onSuccessSend={this.onSuccessSend}
            />
          </Col>
        </Row>
      </FormItem>
    </Form>
  </Modal>
)

}
};
ModifyPhone1.propTypes = {
title: PropTypes.string.isRequired,
visible: PropTypes.bool,
initValues: PropTypes.object,
onCancel: PropTypes.func,
handleOK: PropTypes.func,
confirmLoading: PropTypes.bool
};

const WrappedModifyPhone1 = Form.create()(ModifyPhone1);

父组件:
class Security extends PureComponent{
componentDidMount(){
const {dispatch}=this.props;

}

/*弹出修改手机-验证旧手机Modal*/
showModalModifyPhone1=()=>{
this.setState({
modifyPwd:false,
modifyPhone1:true,
modifyPhone2:false,
modifyPhone3:false,
});
};
/*Modal-取消*/
handleCancel=()=>{
this.setState({
modifyPwd:false,
modifyPhone1:false,
modifyPhone2:false,
modifyPhone3:false,
})
};
/*关闭Modal*/
cancelModal = () => {
this.setState({
modifyPwd: false,
modifyPhone1:false,
modifyPhone2:false,
modifyPhone3:false,
});
};

settingFormRef = (form) => {
this.form = form;
};

/*
验证旧手机
*/
**handleModifyPhone1 = () => {
const form = this.form;
console.log('验证旧手机');
console.log(form);
form.validateFilds((err,values)=>{
if(err){
return;
}

  //处理表单values
    if(values.verificationCode1&&values.verificationCode1.length>0){
      const {dispatch} = this.props;
      const payload = produce(values,draft=>{
        let code = draft.verificationCode1;
        draft.code = code;
        delete draft.verificationCode1;
      });
      dispatch({
        type:'settings/modifyPhoneOne',
        payload,
        callback:()=>{
          this.setState({
            modifyPwd: false,
            modifyPhone1:false,
            modifyPhone2:true,
            modifyPhone3:false,
          });
        }
      });
    }
});

};**

constructor(props) {
super(props);
this.state = {
// visible: false,
modifyPwd:false,
modifyPhone1:false,
modifyPhone2:false,
modifyPhone3:false,
initValues: null, // 初始值
modalTitlePwd: '修改密码',
modalTitlePhone:'修改手机',
};
}

render() {
return (

......

    {/*修改密码弹框*/}
    <WrappedModifyPwdForm
      // ref={this.settingFormRef}
      title={this.state.modalTitlePwd}
      visible={this.state.modifyPwd}
      initValues={this.state.initValues}
      onCancel={this.cancelModal}
      handleOK={this.handleModifyPwd}
      destroyOnClose={true}
    />

    {/*修改手机-验证旧手机*/}
    <WrappedModifyPhone1
    ref={this.settingFormRef}
    title={this.state.modalTitlePhone}
    visible={this.state.modifyPhone1}
    initValues={this.state.initValues}
    onCancel={this.cancelModal}
    handleOK={this.handleModifyPhone1}
    destroyOnClose={true}
    />

    {/*修改手机-验证新手机*/}
    <WrappedModifyPhone2
    // ref={this.settingFormRef}
    title={this.state.modalTitlePhone}
    visible={this.state.modifyPhone2}
    initValues={this.state.initValues}
    onCancel={this.cancelModal}
    handleOK={this.handleModifyPhone2}
    destroyOnClose={true}
    />

    {/*修改手机-修改成功*/}
    <ModifyStatus
    // ref={this.settingFormRef}
    title={this.state.modalTitlePhone}
    visible={this.state.modifyPhone3}
    initValues={this.state.initValues}
    onCancel={this.cancelModal}
    handleOK={this.handleModifyPhone3}
    destroyOnClose={true}
    />
  </Fragment>
)

}
}

export default Security;

3个回答

代码不看了,但是form.validateFild明显field这个单词写错了是form.validateField

有人问过类似的问题, 已经有解答的了
https://segmentfault.com/q/1010000011100793
可以参考一下, 希望能帮助你
https://github.com/react-component/form#formoptionwithref-boolean
这个是官方的文档里面也有说明的
另外友情提醒一下, 代码最好format一下再发出来, 不然看着太难受。

真乱啊。。。

首先 handleModifyPhone1 这个方法内 form.validateFilds 应该是 form.validateFields,
然后 如果是这个5组件引用指向的是一个组件的话不用重新定义这么多次,引用一次写多个就可以了,然后在handleOK内写个type或者在提交的dispatch这入手利用type属性写个正则就可以了
另外 ref={this.settingFormRef}这确实有问题,5个属性都是赋值给了 this.form ,但是你在这写入了5个组件这是this.form就会冲突目前照着你的思路来看 解决这个问题需要写5个this.form1,this.form2,this.form3...然后在handleOK分别使用
最后还还有一个方法,把 form.validateFields放在子组件内
form.validateFields((err,values)=>{
if(err){
abc(values)
}
然后向外部暴露abc这个方法在父组件内在abc中使用dispatch提交数据就可以

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
zepto animate动画报错 已引入fx.js报Uncaught TypeError: this.bind is not a function的错误
Uncaught TypeError: this.bind is not a function![图片说明](https://img-ask.csdn.net/upload/201905/05/1557048826_879348.png) 源码图片 ![图片说明](https://img-ask.csdn.net/upload/201905/05/1557048994_905802.png) fx.js ![图片说明](https://img-ask.csdn.net/upload/201905/05/1557049086_559019.png) 这是打印出的this ![图片说明](https://img-ask.csdn.net/upload/201905/06/1557129011_605849.png)
angularjs报错:XXX.inject is not a function
查了一圈,网上都是其他的XXX is not a function,他们的说是根模块禁止$监听 我在制作图片滚播时,在vscode里不会报错,但是在chrome里开发者工具提示我如下错误,并且图片也是竖直排列,并没有轮播。 backend.js:32708 Uncaught TypeError: rootNgProbe.inject is not a function at Angular2Adapter._trackAngularChanges (backend.js:32708) at Angular2Adapter.setup (backend.js:32704) at Object.<anonymous> (backend.js:33421) at __webpack_require__ (backend.js:20) at Object.<anonymous> (backend.js:47) at __webpack_require__ (backend.js:20) at backend.js:40 at backend.js:43 代码片段如下: css: ``` .container { position: relative; overflow: hidden; } .container.image-slider { display: flex; overflow-x: scroll; } .nav-section { position: absolute; bottom: 0; width: 100%; opacity: 0.5; color: #fff; background-color: #000; display: flex; justify-content: flex-end; align-items: stretch; } .nav-section.slide-button { display: flex; width: 10px; height: 10px; background-color: #fff; text-decoration: none; border-radius: 50%; margin: 5px; } ``` html: ``` <div class="container"> <div class="image-slider"> <img *ngFor="let slider of sliders" [src]="slider.imgUrl" [alt]="slider.caption"> </div> <div class="nav-section"> <span *ngFor="let _ of sliders; let idx = index" class="slide-button"> </span> </div> </div> ``` ts: ``` import { Component, OnInit, Input, ViewChild, ElementRef } from '@angular/core'; export interface ImageSlider { imgUrl: string; link: string; caption: string; } @Component({ selector: 'app-image-slider', templateUrl: './image-slider.component.html', styleUrls: ['./image-slider.component.css'] }) export class ImageSliderComponent implements OnInit { @Input() sliders: ImageSlider[] = []; constructor() { } ngOnInit() { } } ```
vue.js 每次使用router.addRoutes 报错TypeError: routes.forEach is not a function 什么情况
```router.beforeEach((to, from, next) => { if (to.path.startsWith('/login')) { window.localStorage.removeItem('access-user') next() } else { let user = localStorage.getItem('access-user') if (!user) { next({path: '/login'}) } else { next() } } }) let route = { routes: [{ path: '/MenuGroup', component: (resolve) => require(['../components/Home'], resolve) }] } router.addRoutes(route) export default router ```![图片说明](https://img-ask.csdn.net/upload/201811/07/1541582047_249247.png)
使用svg.js扩展插件svg.draggable.js在控制台报错?TypeError: rect.draggable is not a function
``` var draw = SVG().addTo('#drawing').size('100%', 300); var rect = draw.rect(100, 100); rect.draggable(); ```
jatoolsPrinter.printPreview is not a function
![图片说明](https://img-ask.csdn.net/upload/201603/28/1459148703_764948.png) 报这个错Uncaught TypeError: jatoolsPrinter.printPreview is not a function
解決 that.setData is not a function
that.setData is not a function;at api request success callback function TypeError: that.setData is not a function ![图片说明](https://img-ask.csdn.net/upload/201912/18/1576657480_750886.png) ``` getMyLocation(){ var qqmapsdk = new QQMapWX({ key:'xxxx'}) var that = this; wx.getLocation({ type:"gcj02", success(res){ qqmapsdk.reverseGeocoder({ success: function(res){ regionWX[0]=res.result.address_component.province; regionWX[1]=res.result.address_component.city; regionWX[2]=res.result.address_component.district; that.setData({ region:regionWX }) }, 」 ```
session丢失的情况下报错TypeError:document.body is null
web项目开发的时候,session丢失的时候,单击页面跳转时,会报错, 谷歌浏览器没问题 火狐浏览器弹出框TypeError:document.body is null,弹出框一闪而过 IE浏览器![图片说明](https://img-ask.csdn.net/upload/201508/20/1440058676_380590.png)报错,弹出框一直存在不消失。点击确定后消失。 后台程序没有报错。初步判定是session丢失的时候出现的错误。 前台用的框架jquery和easyui 问题可以重新。比如启动服务器,登陆后,重启服务器(消除session),在登陆页面单击跳转页面的按钮就会报错。或者通过等待session超时,也是重现问题
$(...).highcharts is not a function
Uncaught TypeError: $(...).highcharts is not a function 我在做条形统计图的时候,报这个错误,但我在另外一个页面用的时候就没有这个问题,这是为什么?
jquery 时间控件 Kalendae js引入冲突
项目里要求做时间多选,找到了Kalendae ,可以满足需求,正常测试可以正常用,但是引入到项目后 就会报js错误, Uncaught TypeError: Kalendae.moment is not a function Uncaught TypeError:Kalendae.Input is not a constructor 感觉是引入的其他js与Kalendae冲突,项目的js文件很多 ,不知道这个怎么解决! 有人用过这个时间控件么,是否遇到过这样的问题,求大家帮我找个解决思路,谢谢
Uncaught TypeError: $(...).lazyload is not a function 如何修改这个错误
zblog套用的模板报错不知道怎么修改, 网站http://qgbszj.com/ 报错代码![图片说明](https://img-ask.csdn.net/upload/201908/14/1565757344_570374.png) ![图片说明](https://img-ask.csdn.net/upload/201908/14/1565757809_654954.png)
angularJS 报错:$http.get is not a function
TypeError: $http.get is not a function at Function.$scope.init (userscore.js:24) at new studentscoreController (userscore.js:37) at Object.e [as invoke] (angular-1.4.4.min.js:39) at $get.Q.instance (angular-1.4.4.min.js:80) at K (angular-1.4.4.min.js:61) at g (angular-1.4.4.min.js:54) at angular-1.4.4.min.js:53 at angular-1.4.4.min.js:20 at n.$get.n.$eval (angular-1.4.4.min.js:133) at n.$get.n.$apply (angular-1.4.4.min.js:133)
jQuery TypeError: text is not a function
本人在做jQuery 测试删除表格的行数之后,重新排序,用text()方法报错,用html()方法也报错,但是可以使用append()方法,新手问题,求解。 function delTr(tempRow){ $("#fsoSiTr"+tempRow).remove(); var $fsoSiTrs = $("#fsoIsTbl tr:gt(0) td:first-child"); for(var i=0; i<$fsoSiTrs.length-1;i++){ /* $fsoSiTrs[i].innerHTML = i+1; */ //这样操作没问题 $fsoSiTrs[i].text(i+1); //这种方式操作就会报错:TypeError: $fsoSiTrs[i].text is not a function } }
js中出现的问题,没有报错,在浏览器中不显示
# 这是源代码 **window.onload = function(){ ** var faceimg1 = document.getElementByld('faceimg'); ** alert(faceimg1); # 这是在浏览器中的错误提示 ** TypeError: document.getElementByld is not a function # 求帮忙 到底该怎么改
npm ERR! Buffer.alloc is not a function
0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe', 1 verbose cli 'C:\\Users\\XJ\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js', 1 verbose cli 'install' ] 2 info using npm@5.4.1 3 info using node@v4.4.3 4 verbose stack TypeError: Buffer.alloc is not a function 4 verbose stack at Object.<anonymous> (C:\Users\XJ\AppData\Roaming\npm\node_modules\npm\node_modules\tar\lib\pack.js:32:20) 4 verbose stack at Module._compile (module.js:409:26) 4 verbose stack at Object.Module._extensions..js (module.js:416:10) 4 verbose stack at Module.load (module.js:343:32) 4 verbose stack at Function.Module._load (module.js:300:12) 4 verbose stack at Module.require (module.js:353:17) 4 verbose stack at require (internal/module.js:12:17) 4 verbose stack at Object.<anonymous> (C:\Users\XJ\AppData\Roaming\npm\node_modules\npm\node_modules\tar\lib\create.js:6:14) 4 verbose stack at Module._compile (module.js:409:26) 4 verbose stack at Object.Module._extensions..js (module.js:416:10) 4 verbose stack at Module.load (module.js:343:32) 4 verbose stack at Function.Module._load (module.js:300:12) 4 verbose stack at Module.require (module.js:353:17) 4 verbose stack at require (internal/module.js:12:17) 4 verbose stack at Object.<anonymous> (C:\Users\XJ\AppData\Roaming\npm\node_modules\npm\node_modules\tar\index.js:4:30) 4 verbose stack at Module._compile (module.js:409:26) 5 verbose cwd E:\vue-devtools-master\vue-devtools-master 6 verbose Windows_NT 6.1.7601 7 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\XJ\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install" 8 verbose node v4.4.3 9 verbose npm v5.4.1 10 error Buffer.alloc is not a function 11 verbose exit [ 1, true ] 这是对应的log日志 新手,这个问题怎么解决啊....
svg dom中getBBox的用法
this.panel = this.createWinPanel(); var bbx = this.panel.getBBox(); 为什么会报这样的错 Uncaught TypeError: this.panel.getBBox is not a function
在函数中写 this.xx=function 和 var xx =function() 的区别
亲问各位一个问题 JS代码如下 function Test(){ this.add = function(){ alert(1); } this.modAdd = function(){ this.add(); add(); // 以上两种均无法调用到ADD方法 // Uncaught TypeError: this.add is not a function } } var test = new Test() test.modAdd(); 请问我如何才通过 modAdd()方法调用函数内部本身的 add 方法?
egg.js报错ctx.oss.put is not a function
图片上传报错; 报错内容: 2017-09-15 17:13:44,493 INFO 1474 [master] egg started on http://127.0.0.1:7001 (1976ms) field: multiplefile filename: 111.png encoding: 7bit mime: image/png 2017-09-15 17:13:53,619 ERROR 1476 [-/::1/-/27ms POST /upload?_csrf=aUvmihGq--KleIqqIGZRLYsXAM989DojoFUw] nodejs.TypeError: ctx.oss.put is not a function at HomeController.upload (/Users/lixiuming/egg-example/app/controller/home.js:52:48) at next (native) at onFulfilled (/Users/lixiuming/egg-example/node_modules/co/index.js:65:19) at process._tickCallback (internal/process/next_tick.js:109:7) pid: 1476 controller: * upload() { const ctx = this.ctx; const parts = ctx.multipart(); let part; while ((part = yield parts) != null) { if (part.length) { // 如果是数组的话是 filed console.log('field: ' + part[0]); console.log('value: ' + part[1]); console.log('valueTruncated: ' + part[2]); console.log('fieldnameTruncated: ' + part[3]); } else { if (!part.filename) { // 这时是用户没有选择文件就点击了上传(part 是 file stream,但是 part.filename 为空) // 需要做出处理,例如给出错误提示消息 return; } // part 是上传的文件流 console.log('field: ' + part.fieldname); console.log('filename: ' + part.filename); console.log('encoding: ' + part.encoding); console.log('mime: ' + part.mime); // 文件处理,上传到云存储等等 let result; try { result = yield ctx.oss.put('egg-multipart-test/' + part.filename, part); } catch (err) { // 必须将上传的文件流消费掉,要不然浏览器响应会卡死 // yield sendToWormhole(stream); throw err; } console.log(result); } } console.log('and we are done parsing the form!'); }
TypeError: 'NoneType' object is not iterable
部分代码如下,运行后总是提示 Traceback (most recent call last): File "E:\project1\src\neirongxiangguanxing.py", line 156, in <module> setstatus = set(statuslist) TypeError: 'NoneType' object is not iterable,什么原因?有没有大神指导下?非常感谢 ``` for status in allstatus: dictvalue = [] words = jieba.cut(status.gettext()[:-1]) for word in words: if word not in stopwordslist: dictvalue.append(word) allstatusdict[status.getid()] = dictvalue allcomments = [] allcomments = readallcomments(inputfile) for comment in allcomments: statuslist = allstatusdict.get(comment.getid()) setstatus = set(statuslist) dictcomment = [] words = jieba.cut(comment.gettext()[:-1]) for word in words: if word not in stopwordslist: dictcomment.append(word) setcomment = set(dictcomment) ```
webstrom调试node.js出错?????
Cannot stop on breakpoint due to internal error: org.jetbrains.v8.V8CommandProcessor$1: TypeError: f is not a function at Function.
相见恨晚的超实用网站
搞学习 知乎:www.zhihu.com 简答题:http://www.jiandati.com/ 网易公开课:https://open.163.com/ted/ 网易云课堂:https://study.163.com/ 中国大学MOOC:www.icourse163.org 网易云课堂:study.163.com 哔哩哔哩弹幕网:www.bilibili.com 我要自学网:www.51zxw
花了20分钟,给女朋友们写了一个web版群聊程序
参考博客 [1]https://www.byteslounge.com/tutorials/java-ee-html5-websocket-example
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
字节跳动视频编解码面经
引言 本文主要是记录一下面试字节跳动的经历。 三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时
开源一个功能完整的SpringBoot项目框架
福利来了,给大家带来一个福利。 最近想了解一下有关Spring Boot的开源项目,看了很多开源的框架,大多是一些demo或者是一个未成形的项目,基本功能都不完整,尤其是用户权限和菜单方面几乎没有完整的。 想到我之前做的框架,里面通用模块有:用户模块,权限模块,菜单模块,功能模块也齐全了,每一个功能都是完整的。 打算把这个框架分享出来,供大家使用和学习。 为什么用框架? 框架可以学习整体
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成喔~) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch
深深的码丨Java HashMap 透析
HashMap 相关概念 HashTab、HashMap、TreeMap 均以键值对像是存储或操作数据元素。HashTab继承自Dictionary,HashMap、TreeMap继承自AbstractMap,三者均实现Map接口 **HashTab:**同步哈希表,不支持null键或值,因为同步导致性能影响,很少被使用 **HashMap:**应用较多的非同步哈希表,支持null键或值,是键值对...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
Python 基础(一):入门必备知识
目录1 标识符2 关键字3 引号4 编码5 输入输出6 缩进7 多行8 注释9 数据类型10 运算符10.1 常用运算符10.2 运算符优先级 1 标识符 标识符是编程时使用的名字,用于给变量、函数、语句块等命名,Python 中标识符由字母、数字、下划线组成,不能以数字开头,区分大小写。 以下划线开头的标识符有特殊含义,单下划线开头的标识符,如:_xxx ,表示不能直接访问的类属性,需通过类提供
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
JDK12 Collectors.teeing 你真的需要了解一下
前言 在 Java 12 里面有个非常好用但在官方 JEP 没有公布的功能,因为它只是 Collector 中的一个小改动,它的作用是 merge 两个 collector 的结果,这句话显得很抽象,老规矩,我们先来看个图(这真是一个不和谐的图????): 管道改造经常会用这个小东西,通常我们叫它「三通」,它的主要作用就是将 downstream1 和 downstre...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
相关热词 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片 c# 图片颜色调整 最快 c#多张图片上传 c#密封类与密封方法
立即提问

相似问题

2
zepto animate动画报错 已引入fx.js报Uncaught TypeError: this.bind is not a function的错误
1
TypeError: expected str, bytes or os.PathLike object, not tuple此报错有大神遇到过吗怎么解决
3
python运行脚本时提示TypeError: float argument required, not str这个错误,有大佬知道原因吗,望解答
1
python纸牌类TypeError: object of type 'FrenchDeck' has no len()
2
python中绘制世界地图TypeError: argument of type 'Key' is not iterable。
0
jQuery toggle连续点击事件报错 "Uncaught TypeError: undefined is not a function"
1
使用svg.js扩展插件svg.draggable.js在控制台报错?TypeError: rect.draggable is not a function
1
Uncaught TypeError: $(...).lazyload is not a function 如何修改这个错误
1
typescript里怎么用h5新标签?
1
TypeError: 'NoneType' object is not iterable到底时什么原因导致的,代码哪里有问题?已解决。
3
如何解决TypeError: expected string or buffer?
0
TypeError: 'unicode' object is not callable 错误 python2.7
1
BeautifulSoup soup.split() TypeError: 'NoneType' object is not callable
1
python中报TypeError: __init__() missing 2 required positional arguments: 'url' and 'method'
1
TypeError: 'module' object is not callable cmd中pip无法使用?
0
关于pyside2在pycharm中运行出错 app = QApplication(sys.argv) TypeError: 'NoneType' object is not callable?
1
TypeError: Cannot read property '_normalized' of undefined 大家有遇到這個問題嘛
3
就剩这个问题没解决了:TypeError: 'function' object is not subscriptable拜托请教大家!
1
解決 that.setData is not a function
1
angularjs报错:XXX.inject is not a function