การเขียนโปรแกรม javascript

3

ฉันเพิ่งเริ่มอึกใหญ่และได้ดูตัวอย่างการตั้งค่า บางคนมีโครงสร้างดังต่อไปนี้: gulp.task("XXXX", function() { gulp.src(".... คนอื่นมีสิ่งนี้: gulp.task("XXXX", function() { return gulp.src(".... ฉันสงสัยว่าผลตอบแทนของ src ทำให้แตกต่างกันอย่างไร??

132 javascript node.js gulp

9

มีตัวย่อ JavaScript ที่ดีหรือไม่? [ปิด]

ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบพร้อมข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ คุณแนะนำตัวย่อ JavaScript อะไร

132 javascript minify

9

กำลังโหลดปลายทางข้ามโดเมนด้วย AJAX

ฉันกำลังพยายามโหลดหน้า HTML ข้ามโดเมนโดยใช้ AJAX แต่เว้นแต่ว่า dataType เป็น "jsonp" ฉันไม่ได้รับคำตอบ อย่างไรก็ตามการใช้ jsonp เบราว์เซอร์คาดหวังประเภท mime ของสคริปต์ แต่ได้รับ "text / html" รหัสของฉันสำหรับคำขอคือ: $.ajax({ type: "GET", url: "http://saskatchewan.univ-ubs.fr:8080/SASStoredProcess/do?_username=DARTIES3-2012&_password=P@ssw0rd&_program=%2FUtilisateurs%2FDARTIES3-2012%2FMon+dossier%2Fanalyse_dc&annee=2012&ind=V&_action=execute", dataType: "jsonp", }).success( function( data ) { $( 'div.ajax-field' ).html( data ); }); มีวิธีหลีกเลี่ยงการใช้ jsonp สำหรับคำขอหรือไม่? ฉันได้ลองใช้พารามิเตอร์ crossDomain แล้ว แต่ไม่ได้ผล หากไม่มีวิธีใดในการรับเนื้อหา html ใน jsonp? ขณะนี้คอนโซลกำลังพูดว่า "ไม่คาดคิด …

132 javascript jquery ajax cross-domain

6

เหตุใด document.body จึงเป็นโมฆะในจาวาสคริปต์ของฉัน

นี่คือเอกสาร HTML สั้น ๆ ของฉัน เหตุใด Chrome Console จึงสังเกตข้อผิดพลาดนี้: "Uncaught TypeError: ไม่สามารถเรียกเมธอด" appendChild "ของnull"? <html> <head> <title>Javascript Tests</title> <script type="text/javascript"> var mySpan = document.createElement("span"); mySpan.innerHTML = "This is my span!"; mySpan.style.color = "red"; document.body.appendChild(mySpan); alert("Why does the span change after this alert? Not before?"); </script> </head> <body> </body> </html>

132 javascript google-chrome

4

“ เนื้อหาครึ่งหน้าบน” ใน Google Pagespeed คืออะไร

ก่อนหน้านี้ไซต์ของฉัน (www.heatexchangers.ca) ได้คะแนน 98% ใน Google Page Speed มีสองสิ่งที่ฉันไม่สามารถทำอะไรได้เลยเช่นสตริงการสืบค้นจากแบบอักษรของเว็บ ฉันมีความสุขมากกับสิ่งนี้เพราะสิ่งนี้แสดงถึงทุกสิ่งที่ฉันทำได้ เมื่อเร็ว ๆ นี้ Google ได้เพิ่มสิ่งอื่นที่มีผลต่อคะแนนความเร็วของหน้าและตอนนี้ฉันได้รับเพียง 89% สำหรับ Page Speed และรับคำแนะนำนี้: กำจัด JavaScript และ CSS ที่ปิดกั้นการแสดงผลภายนอกในเนื้อหาครึ่งหน้าบน คำแนะนำในการแก้ไขปัญหานี้ดูเหมือนว่าจะเกี่ยวข้องกับการหลอกล่อไฟล์. css และ. js ของฉันทั้งหมดและแยกบางส่วนออกจากกันและเพิ่มแบบอินไลน์ใน html ของฉัน สิ่งนี้ทำให้ฉันสับสนเนื่องจากฉันอยู่ภายใต้การแสดงผลที่เราต้องเก็บ JS และ CSS ออกจาก HTML ให้มากที่สุด เนื้อหา "ครึ่งหน้าบน" คืออะไรกันแน่? หากเป็นลักษณะไม่กี่แบบเช่นแบบอักษรสีพื้นหลังเป็นต้น ฉันเห็นว่ามันอาจไม่ใช่เรื่องใหญ่เกินกว่าที่จะรวมไว้ในบรรทัด ฉันไม่พบรายการว่านี่คืออะไร

132 javascript html css google-pagespeed

17

การสืบทอด / ต้นแบบหลายรายการใน JavaScript

ฉันมาถึงจุดที่ฉันต้องมีการสืบทอดหลายขั้นพื้นฐานบางอย่างเกิดขึ้นใน JavaScript (ฉันไม่ได้มาที่นี่เพื่อพูดคุยว่านี่เป็นความคิดที่ดีหรือไม่ดังนั้นโปรดเก็บความคิดเห็นเหล่านั้นไว้กับตัวเอง) ฉันแค่อยากรู้ว่ามีใครพยายามทำสิ่งนี้ด้วยความสำเร็จ (หรือไม่) และพวกเขาไปถึงมันได้อย่างไร ในการต้มมันลงสิ่งที่ฉันต้องการจริงๆคือต้องสามารถมีวัตถุที่สามารถสืบทอดคุณสมบัติจากห่วงโซ่ต้นแบบมากกว่าหนึ่งชิ้น(กล่าวคือแต่ละต้นแบบอาจมีห่วงโซ่ที่เหมาะสมของตัวเอง) แต่ตามลำดับความสำคัญ (มันจะ ค้นหาโซ่ตามลำดับสำหรับคำจำกัดความแรก) เพื่อแสดงให้เห็นว่าสิ่งนี้เป็นไปได้อย่างไรในทางทฤษฎีสามารถทำได้โดยการติดโซ่รองเข้าที่ส่วนท้ายของห่วงโซ่หลัก แต่สิ่งนี้จะส่งผลต่ออินสแตนซ์ทั้งหมดของต้นแบบก่อนหน้านี้และนั่นไม่ใช่สิ่งที่ฉันต้องการ คิด?

132 javascript prototype multiple-inheritance

14

ข้อผิดพลาดในการขยาย Javascript ด้วยไวยากรณ์ ES6 และ Babel

ฉันพยายามขยายข้อผิดพลาดด้วย ES6 และ Babel มันไม่ได้ผล class MyError extends Error { constructor(m) { super(m); } } var error = new Error("ll"); var myerror = new MyError("ll"); console.log(error.message) //shows up correctly console.log(myerror.message) //shows empty string วัตถุข้อผิดพลาดไม่เคยได้รับชุดข้อความที่ถูกต้อง ลองใน Babel REPL ตอนนี้ฉันได้เห็นวิธีแก้ปัญหาบางอย่างใน SO แล้ว ( ตัวอย่างเช่นที่นี่ ) แต่ทั้งหมดดูเหมือนจะไม่เป็น ES6-y ทำยังไงให้สวยแบบ ES6? (ที่ทำงานใน Babel)

132 javascript ecmascript-6 babeljs transpiler

10

การตรวจจับการเปลี่ยนแปลง Textarea

ฉันจะตรวจจับเหตุการณ์การเปลี่ยนแปลงบน textarea โดยใช้ javascript ได้อย่างไร ฉันกำลังพยายามตรวจสอบจำนวนอักขระที่เหลือขณะที่คุณพิมพ์ ฉันลองใช้เหตุการณ์ onchange แต่ดูเหมือนว่าจะเริ่มต้นเมื่อโฟกัสไม่อยู่เท่านั้น

132 javascript

4

ความแตกต่างระหว่าง node.js และ io.js คืออะไร?

ความแตกต่างระหว่างio.jsและnode.jsคืออะไร? ล่าสุดio.jsถูกแยกออกจากnode.jsกันและยังสร้างขึ้นโดยคนกลุ่มเดียวกันกับที่สร้างnode.jsขึ้น อะไรคือความแตกต่างที่สำคัญที่นำไปสู่ทางแยกนี้และโดยรวมหมายความว่าอย่างไรสำหรับชุมชน node.js

132 javascript node.js

11

วิธีใช้ Redirect ใน react-router-dom ใหม่ของ Reactjs

ฉันใช้โมดูล react-router เวอร์ชันล่าสุดชื่อ react-router-dom ซึ่งกลายเป็นค่าเริ่มต้นเมื่อพัฒนาเว็บแอปพลิเคชันด้วย React ฉันต้องการทราบวิธีการเปลี่ยนเส้นทางหลังจากคำขอ POST ฉันกำลังสร้างรหัสนี้ แต่หลังจากขอแล้วก็ไม่มีอะไรเกิดขึ้น ฉันตรวจสอบบนเว็บ แต่ข้อมูลทั้งหมดเกี่ยวกับเราเตอร์การตอบสนองเวอร์ชันก่อนหน้าและไม่มีในการอัปเดตครั้งล่าสุด รหัส: import React, { PropTypes } from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import { Redirect } from 'react-router' import SignUpForm from '../../register/components/SignUpForm'; import styles from './PagesStyles.css'; import axios from 'axios'; import Footer …

132 javascript reactjs react-router

10

ช่องทำเครื่องหมาย Javascript onChange

ฉันมีช่องทำเครื่องหมายในแบบฟอร์มและฉันต้องการให้มันทำงานตามสถานการณ์ต่อไปนี้: ถ้าการตรวจสอบคนที่มันคุ้มค่าของฟิลด์ข้อความที่ ( totalCost) 10ควรจะกำหนดให้ จากนั้นถ้าฉันย้อนกลับไปและยกเลิกการเลือกฟังก์ชันcalculate()จะกำหนดค่าtotalCostตามพารามิเตอร์อื่น ๆ ในรูปแบบ โดยพื้นฐานแล้วฉันต้องการส่วนที่เมื่อฉันทำเครื่องหมายในช่องฉันทำสิ่งหนึ่งและเมื่อฉันยกเลิกการเลือกฉันก็ทำอย่างอื่น

132 javascript checkbox

17

จะรับองค์ประกอบลูกตามชื่อชั้นได้อย่างไร?

ฉันกำลังพยายามหาช่วงเด็กที่มี class = 4 นี่คือองค์ประกอบตัวอย่าง: <div id="test"> <span class="one"></span> <span class="two"></span> <span class="three"></span> <span class="four"></span> </div> เครื่องมือที่ฉันมีคือ JS และ YUI2 ฉันสามารถทำสิ่งนี้ได้: doc = document.getElementById('test'); notes = doc.getElementsByClassName('four'); //or doc = YAHOO.util.Dom.get('#test'); notes = doc.getElementsByClassName('four'); สิ่งเหล่านี้ใช้ไม่ได้ใน IE ฉันได้รับข้อผิดพลาดว่าวัตถุ (doc) ไม่รองรับเมธอดหรือคุณสมบัตินี้ (getElementsByClassName) ฉันได้ลองใช้ตัวอย่างบางส่วนของการใช้งาน getElementsByClassName แบบข้ามเบราว์เซอร์แล้ว แต่ไม่สามารถใช้งานได้และยังคงได้รับข้อผิดพลาดนั้น ฉันคิดว่าสิ่งที่ฉันต้องการคือ getElementsByClassName ข้ามเบราว์เซอร์หรือฉันต้องใช้ doc.getElementsByTagName ('span') และวนซ้ำจนกว่าฉันจะพบคลาส …

132 javascript yui

30

รับ "ไม่สามารถเรียกคลาสเป็นฟังก์ชัน" ในโครงการ React ของฉัน

ฉันกำลังพยายามเพิ่มองค์ประกอบ React map ในโปรเจ็กต์ของฉัน แต่พบข้อผิดพลาด ฉันใช้บล็อกโพสต์ของ Fullstack React เป็นข้อมูลอ้างอิง ฉันติดตามว่าข้อผิดพลาดเกิดขึ้นที่ไหนใน google_map.js บรรทัด 83: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } นี่คือส่วนประกอบแผนที่ของฉันจนถึงตอนนี้ หน้าเว็บโหลดได้ดี (ไม่มีแผนที่) เมื่อฉันแสดงความคิดเห็นบรรทัดที่ 58-60 สามบรรทัดสุดท้าย แก้ไข: ฉันได้ทำการเปลี่ยนแปลงที่ @Dmitriy Nevzorov แนะนำและยังคงให้ข้อผิดพลาดเดิม import React from 'react' import GoogleApiComponent …

132 javascript google-maps reactjs ecmascript-6 react-router

4

ทำไม“ asdf” .replace (/.*/ g,“ x”) ==“ xx”

ฉันเจอความจริงที่น่าประหลาดใจ (กับฉัน) console.log("asdf".replace(/.*/g, "x")); เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ทำไมต้องเปลี่ยนทั้งสอง ดูเหมือนว่าสตริงที่ไม่ว่างโดยไม่มีบรรทัดใหม่จะสร้างการแทนที่สองรูปแบบสำหรับรูปแบบนี้ ใช้ฟังก์ชั่นการแทนที่ฉันจะเห็นว่าการแทนที่ครั้งแรกสำหรับทั้งสายและที่สองคือสำหรับสตริงที่ว่างเปล่า

131 javascript regex

10

การลบองค์ประกอบจากอาร์เรย์ในสถานะส่วนประกอบ

ฉันกำลังพยายามหาวิธีที่ดีที่สุดในการลบองค์ประกอบออกจากอาร์เรย์ในสถานะขององค์ประกอบ เนื่องจากฉันไม่ควรแก้ไขthis.stateตัวแปรโดยตรงมีวิธีที่ดีกว่า (กระชับกว่า) ในการลบองค์ประกอบออกจากอาร์เรย์กว่าสิ่งที่ฉันมีที่นี่หรือไม่: onRemovePerson: function(index) { this.setState(prevState => { // pass callback in setState to avoid race condition let newData = prevState.data.slice() //copy array from prevState newData.splice(index, 1) // remove element return {data: newData} // update state }) }, ขอบคุณ. อัปเดต สิ่งนี้ได้รับการปรับปรุงเพื่อใช้โทรกลับใน setState สิ่งนี้ควรทำเมื่ออ้างอิงสถานะปัจจุบันขณะอัพเดต

131 javascript reactjs

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