คำถามติดแท็ก javascript

คำเตือน: ส่วนประกอบกำลังเปลี่ยนอินพุตที่ไม่ได้ควบคุมของข้อความประเภทที่จะควบคุม องค์ประกอบอินพุตไม่ควรเปลี่ยนจากไม่มีการควบคุมเป็นการควบคุม (หรือในทางกลับกัน) ตัดสินใจเลือกระหว่างการใช้อิลิเมนต์อินพุตที่ควบคุมหรือไม่มีการควบคุมสำหรับอายุการใช้งานของส่วนประกอบ * ต่อไปนี้เป็นรหัสของฉัน: constructor(props) { super(props); this.state = { fields: {}, errors: {} } this.onSubmit = this.onSubmit.bind(this); } .... onChange(field, e){ let fields = this.state.fields; fields[field] = e.target.value; this.setState({fields}); } .... render() { return( <div className="form-group"> <input value={this.state.fields["name"]} onChange={this.onChange.bind(this, "name")} className="form-control" type="text" refs="name" placeholder="Name *" /> …

331 javascript  reactjs 

ฉันพยายามที่จะย้ายจากไปGulp WebpackในGulpฉันมีงานที่คัดลอกไฟล์และโฟลเดอร์ทั้งหมดจาก/ คงที่ /โฟลเดอร์ไปที่/ สร้าง /โฟลเดอร์ วิธีการทำเช่นเดียวกันกับWebpack? ฉันต้องการปลั๊กอินไหม

330 javascript  webpack 

ฉันจะต้องการไฟล์ทั้งหมดในโฟลเดอร์ใน node.js ได้อย่างไร? ต้องการบางสิ่งเช่น: files.forEach(function (v,k){ // require routes require('./routes/'+v); }};

330 javascript  node.js  directory  require 

ฉันมีformสองกล่องข้อความหนึ่งเลือกหล่นลงและเป็นหนึ่งปุ่ม เมื่อenterกดปุ่มฉันต้องการเรียกใช้ฟังก์ชัน Javascript (กำหนดโดยผู้ใช้) แต่เมื่อฉันกดมันจะส่งแบบฟอร์ม ฉันจะป้องกันไม่ให้มีformการส่งเมื่อenterกดปุ่มได้อย่างไร

330 javascript  forms  keypress  dom-events  enter 

สร้างปัญหาขึ้นอีกครั้ง ฉันพบปัญหาเมื่อพยายามส่งข้อความแสดงข้อผิดพลาดโดยใช้ซ็อกเก็ตเว็บ ฉันสามารถทำซ้ำปัญหาที่ฉันเผชิญโดยใช้JSON.stringifyเพื่อรองรับกลุ่มเป้าหมายที่กว้างขึ้น: // node v0.10.15 > var error = new Error('simple error message'); undefined > error [Error: simple error message] > Object.getOwnPropertyNames(error); [ 'stack', 'arguments', 'type', 'message' ] > JSON.stringify(error); '{}' ปัญหาคือฉันท้ายด้วยวัตถุที่ว่างเปล่า สิ่งที่ฉันได้ลอง เบราว์เซอร์ ฉันก่อนพยายามออก node.js และเรียกใช้ในเบราว์เซอร์ต่างๆ Chrome รุ่น 28 ให้ผลลัพธ์แบบเดียวกันและน่าสนใจอย่างน้อย Firefox ก็พยายามทำ แต่ก็ทิ้งข้อความไว้: >>> JSON.stringify(error); // Firebug, Firefox …

330 javascript  json  node.js  error-handling 

เมื่อเร็ว ๆ นี้ฉันได้รับคำเตือนแบบนี้และนี่เป็นครั้งแรกที่ฉันได้รับมัน: [Violation] Long running JavaScript task took 234ms [Violation] Forced reflow while executing JavaScript took 45ms ฉันทำงานในโครงการกลุ่มและฉันไม่รู้ว่าสิ่งนี้มาจากไหน เรื่องนี้ไม่เคยเกิดขึ้นมาก่อน ทันใดนั้นมันก็ปรากฏขึ้นเมื่อมีคนอื่นมีส่วนร่วมในโครงการ ฉันจะค้นหาไฟล์ / ฟังก์ชั่นที่ทำให้เกิดคำเตือนนี้ได้อย่างไร ฉันกำลังมองหาคำตอบ แต่ส่วนใหญ่เกี่ยวกับการแก้ปัญหาเกี่ยวกับวิธีการแก้ปัญหา ฉันไม่สามารถแก้ปัญหาได้หากฉันไม่สามารถหาสาเหตุของปัญหาได้ ในกรณีนี้คำเตือนจะปรากฏเฉพาะใน Chrome ฉันพยายามใช้ Edge แต่ฉันยังไม่ได้รับคำเตือนที่คล้ายกันและฉันยังไม่ได้ทดสอบบน Firefox ฉันยังได้รับข้อผิดพลาดจากjquery.min.js: [Violation] Handler took 231ms of runtime (50ms allowed) jquery.min.js:2

330 javascript  google-chrome  dom 

ด้านล่างคุณสามารถดูผลลัพธ์จากบันทึกทั้งสองนี้ สิ่งแรกแสดงให้เห็นอย่างชัดเจนว่าวัตถุเต็มพร้อมคุณสมบัติที่ฉันพยายามเข้าถึง แต่ในบรรทัดถัดไปของรหัสฉันไม่สามารถเข้าถึงได้ด้วยconfig.col_id_3(ดู "ไม่ได้กำหนด" ในภาพหน้าจอ?) มีใครอธิบายเรื่องนี้ได้บ้าง ฉันสามารถเข้าถึงทรัพย์สินอื่นได้ทุกแห่งยกเว้นfield_id_4เช่นกัน console.log(config); console.log(config.col_id_3); นี่คือสิ่งที่บรรทัดเหล่านี้พิมพ์ใน Console

329 javascript  console.log 

ความแตกต่างระหว่างสามเหตุการณ์นี้คืออะไร? เมื่อ googling ฉันพบว่า: onKeyDownเหตุการณ์จะถูกเรียกเมื่อผู้ใช้กดปุ่ม onKeyUpเหตุการณ์จะถูกเรียกเมื่อผู้ใช้ออกที่สำคัญ onKeyPressเหตุการณ์จะถูกเรียกเมื่อผู้ใช้กดและเผยแพร่คีย์ ( onKeyDownตามonKeyUp) ฉันเข้าใจสองคนแรก แต่ไม่onKeyPressเหมือนกันonKeyUpหรือ เป็นไปได้ไหมที่จะปล่อยกุญแจ ( onKeyUp) โดยไม่ต้องกดมัน ( onKeyDown)? นี่เป็นเรื่องที่ค่อนข้างสับสนใครบางคนช่วยเคลียร์สิ่งนี้ให้ฉันได้ไหม

329 javascript  dom  dom-events 

ฉันมีปุ่มตัวเลือก 3 ปุ่มในหน้าเว็บของฉันเช่นด้านล่าง: <label for="theme-grey"> <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label> <label for="theme-pink"> <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label> <label for="theme-green"> <input type="radio" id="theme-green" name="theme" value="green" />Green</label> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ใน jQuery ฉันต้องการรับค่าของปุ่มตัวเลือกที่เลือกเมื่อมีการคลิกปุ่มใดปุ่มหนึ่งเหล่านี้ ใน jQuery เรามี id (#) และตัวเลือก class (.) แต่ถ้าฉันต้องการหาปุ่มตัวเลือกโดยใช้ชื่อดังต่อไปนี้ $("<radiobutton name attribute>").click(function(){}); โปรดบอกวิธีแก้ปัญหานี้

328 javascript  jquery  html  radio-button 

ฉันใหม่กับ webpack และฉันต้องการมือในการตั้งค่าเพื่อสร้างซอร์สแผนที่ ฉันทำงานwebpack serveจากบรรทัดคำสั่งซึ่งรวบรวมได้สำเร็จ แต่ฉันต้องการซอร์สแผนที่จริงๆ webpack.config.jsนี้เป็นของฉัน var webpack = require('webpack'); module.exports = { output: { filename: 'main.js', publicPath: '/assets/' }, cache: true, debug: true, devtool: true, entry: [ 'webpack/hot/only-dev-server', './src/components/main.js' ], stats: { colors: true, reasons: true }, resolve: { extensions: ['', '.js', '.jsx'], alias: { 'styles': __dirname + …

328 javascript  webpack  build-process  babeljs  source-maps 

amt: "10.00" email: "sam@gmail.com" merchant_id: "sam" mobileNo: "9874563210" orderID: "123456" passkey: "1234" ด้านบนเป็นวัตถุ JSON ที่ฉันจัดการ ฉันต้องการตรวจสอบว่ามีรหัส 'commerce_id' อยู่หรือไม่ ฉันลองใช้รหัสด้านล่าง แต่มันไม่ทำงาน วิธีใดเพื่อให้บรรลุหรือไม่ <script> window.onload = function getApp() { var thisSession = JSON.parse('<?php echo json_encode($_POST); ?>'); //console.log(thisSession); if (!("merchant_id" in thisSession)==0) { // do nothing. } else { alert("yeah"); } } </script>

328 javascript  json 

ฉันได้ลงทะเบียนทริกเกอร์ในการปรับขนาดหน้าต่าง ฉันต้องการทราบว่าฉันสามารถเรียกเหตุการณ์ให้เรียกได้อย่างไร ตัวอย่างเช่นเมื่อซ่อน div ฉันต้องการเรียกใช้ฟังก์ชันทริกเกอร์ ฉันพบว่าwindow.resizeTo()สามารถเปิดใช้งานฟังก์ชั่น แต่มีวิธีการแก้ปัญหาอื่น ๆ ?

327 javascript  jquery  events 

ฉันพยายามทำให้เคลื่อนไหวใน backgroundColor โดยใช้ jQuery บน mouseover ฉันตรวจสอบตัวอย่างแล้วและดูเหมือนว่าถูกต้องมันใช้งานได้กับคุณสมบัติอื่น ๆ เช่น fontSize แต่ด้วย backgroundColor ฉันได้รับและข้อผิดพลาด "คุณสมบัติไม่ถูกต้อง" js องค์ประกอบที่ฉันกำลังทำงานคือ div $(".usercontent").mouseover(function() { $(this).animate({ backgroundColor: "olive" }, "slow"); }); ความคิดใด ๆ

327 javascript  jquery  colors  jquery-animate 

ฉันมีตัวควบคุมเชิงมุมสองตัว: function Ctrl1($scope) { $scope.prop1 = "First"; } function Ctrl2($scope) { $scope.prop2 = "Second"; $scope.both = Ctrl1.prop1 + $scope.prop2; //This is what I would like to do ideally } ฉันไม่สามารถใช้Ctrl1ภายในCtrl2เพราะมันไม่ได้กำหนด อย่างไรก็ตามถ้าฉันพยายามผ่านมันให้เป็นเช่นนั้น ... function Ctrl2($scope, Ctrl1) { $scope.prop2 = "Second"; $scope.both = Ctrl1.prop1 + $scope.prop2; //This is what I would like …

326 javascript  angularjs  angularjs-controller 

ฉันมีรูปแบบ HTML5 ต่อไปนี้: http://jsfiddle.net/nfgfP/ <form id="form" onsubmit="return(login())"> <input name="username" placeholder="Username" required /> <input name="pass" type="password" placeholder="Password" required/> <br/>Remember me: <input type="checkbox" name="remember" value="true" /><br/> <input type="submit" name="submit" value="Log In"/> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ขณะนี้เมื่อฉันกด Enter เมื่อทั้งคู่ว่างจะมีกล่องป๊อปอัปปรากฏขึ้นว่า "กรุณากรอกข้อมูลในช่องนี้" ฉันจะเปลี่ยนข้อความเริ่มต้นเป็น "ช่องนี้ไม่สามารถเว้นว่างไว้" ได้อย่างไร แก้ไข:*****นอกจากนี้ทราบว่าเกิดข้อผิดพลาดประเภทรหัสผ่านของฟิลด์เป็นเพียง ในการสร้างสิ่งนี้ใหม่ให้ชื่อผู้ใช้และกดส่ง แก้ไข : ฉันใช้ Chrome 10 สำหรับการทดสอบ กรุณาทำเช่นเดียวกัน

326 javascript  html  forms  validation