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

3

Javascript object literal: {a, b, c} คืออะไร?

คำถามที่ฉันมีดีที่สุดได้รับจากjsfiddle นี้รหัสที่อยู่ด้านล่าง: var a = 1, b = 'x', c = true; var d = {a: a, b: b, c: c}; // <--- object literal var e = [a, b, c]; // <--- array var f = {a, b, c}; // <--- what exactly is this?? // these all give …

88 javascript ecmascript-6

1

jQuery: ทำไมต้องใช้ document.ready ถ้า JS ภายนอกที่ด้านล่างของหน้า

ฉันรวม JS ทั้งหมดของฉันเป็นไฟล์ภายนอกที่โหลดที่ด้านล่างสุดของหน้า ภายในไฟล์เหล่านี้ฉันมีวิธีการหลายอย่างที่กำหนดไว้เช่นนั้นซึ่งฉันเรียกจากเหตุการณ์พร้อม: var SomeNamepsace = {}; SomeNamepsace.firstMethod = function () { // do something }; SomeNamepsace.secondMethod = function () { // do something else }; $(document).ready(function () { SomeNamepsace.firstMethod(); SomeNamepsace.secondMethod(); }); อย่างไรก็ตามเมื่อฉันลบฟังก์ชั่นที่พร้อมใช้งานและเรียกใช้เมธอดให้ตรงทุกอย่างก็ทำงานได้เหมือนเดิม แต่ทำงานได้เร็วขึ้นอย่างมาก - เกือบทั้งวินาทีเร็วกว่าในไฟล์พื้นฐานที่สวยมาก! เนื่องจากควรโหลดเอกสาร ณ จุดนี้ (เนื่องจากมาร์กอัปทั้งหมดมาก่อนแท็กสคริปต์) มีเหตุผลที่ดีที่จะยังคงใช้เหตุการณ์พร้อมหรือไม่

88 javascript jquery html

20

มีเหตุผลใดบ้างที่จะใช้ XMLHttpRequest แบบซิงโครนัส

ดูเหมือนว่าทุกคนส่วนใหญ่จะส่งคำขอแบบอะซิงโครนัสกับ XMLHttpRequest แต่เห็นได้ชัดว่ามีความสามารถในการร้องขอแบบซิงโครนัสบ่งชี้ว่าอาจมีเหตุผลที่ถูกต้องในการทำเช่นนั้น แล้วเหตุผลที่ถูกต้องนั่นคืออะไร?

88 javascript ajax

9

คำขอข้ามแหล่งที่มารองรับเฉพาะ HTTP แต่ไม่ใช่ข้ามโดเมน

ฉันใช้รหัสนี้เพื่อส่งคำขอ AJAX: $("#userBarSignup").click(function(){ $.get("C:/xampp/htdocs/webname/resources/templates/signup.php", {/*params*/}, function(response){ $("#signup").html("TEST"); $("#signup").html(response); }, "html"); แต่จากคอนโซล Google Chrome JavaScript ฉันได้รับข้อผิดพลาดนี้อยู่เสมอ: XMLHttpRequest ไม่สามารถโหลดไฟล์: /// C: /xampp/htdocs/webname/resources/templates/signup.php คำขอข้ามแหล่งที่มารองรับ HTTP เท่านั้น ปัญหาคือไฟล์signup.phpโฮสต์อยู่บนเว็บเซิร์ฟเวอร์ภายในของฉันซึ่งเป็นที่ที่เรียกใช้เว็บไซต์ทั้งหมดดังนั้นจึงไม่ใช่ข้ามโดเมน ฉันจะแก้ปัญหานี้ได้อย่างไร?

88 javascript

15

jQuery "กะพริบไฮไลต์" เอฟเฟกต์บน div?

ฉันกำลังมองหาวิธีดำเนินการต่อไปนี้ ฉันเพิ่ม<div>ไปยังเพจและ ajax callback ส่งคืนค่าบางอย่าง <div>เต็มไปด้วยค่าจากการเรียกอาแจ็กซ์และ<div>จะใช้ได้แล้วไปยังอีก<div>ซึ่งทำหน้าที่เป็นคอลัมน์ของตาราง ฉันต้องการดึงดูดความสนใจของผู้ใช้เพื่อแสดงให้เธอ / เขาเห็นว่ามีอะไรใหม่ ๆ ในหน้านี้ ฉันต้องการ<div>ให้กะพริบไม่ใช่แสดง / ซ่อน แต่เพื่อไฮไลต์ / ยกเลิกไฮไลต์ในบางครั้งสมมติว่า 5 วินาที ฉันดูที่ปลั๊กอินกะพริบ แต่เท่าที่ฉันเห็นมันแสดง / ซ่อนในองค์ประกอบเท่านั้น Btw การแก้ปัญหาจะต้องข้ามเบราว์เซอร์และใช่ IE รวมอยู่ด้วย ฉันอาจจะต้องแฮ็คเล็กน้อยเพื่อให้มันทำงานใน IE แต่โดยรวมแล้วมันต้องใช้งานได้

88 javascript jquery css highlight effects

2

รับ User Agent ด้วย JavaScript

ฉันต้องการรับสคริปต์ที่สามารถคว้าตัวแทนผู้ใช้ของผู้ใช้และนำไปใช้กับแอตทริบิวต์ ฉันกำลังทำแบบฟอร์มติดต่อปัญหาเกี่ยวกับเว็บไซต์และโดยปกติฉันจำเป็นต้องทราบว่าผู้ใช้ใช้เบราว์เซอร์อะไร ฉันจะตรวจจับสตริงตัวแทนผู้ใช้และกำหนดเป็นค่าขององค์ประกอบอินพุตได้อย่างไร html ของฉันมีลักษณะดังนี้: <input type="hidden" id="UserAgent" name="User Agent" /> ฉันต้องการเพิ่มตัวแทนผู้ใช้เป็นแอตทริบิวต์ค่าดังนั้นจึงมีลักษณะดังนี้: <input type="hidden" id="UserAgent" name="User Agent" value="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10" />

88 javascript jquery attributes user-agent prop

8

วิธีระบุเงื่อนไขหลายเงื่อนไขในคำสั่ง if ใน javascript

นี่คือวิธีที่ฉันพูดถึงสองเงื่อนไขหากเป็นเช่นนี้ if (Type == 2 && PageCount == 0) || (Type == 2 && PageCount == '') PageCount= document.getElementById('<%=hfPageCount.ClientID %>').value; }

88 javascript

6

เพิ่มคลาสใน <html> ด้วย Javascript?

คุณจะเพิ่มคลาสให้กับ<html>องค์ประกอบรูทโดยใช้ Javascript ได้อย่างไร?

88 javascript html

6

วิธีที่ดีที่สุดในการเติมคุณสมบัติ ES6 ในแอป React ที่ใช้ create-react-app

ฉันได้ทดสอบแอปพลิเคชัน React.js ของฉันบน internet explorer และพบว่ารหัส ES6 / 7 บางรหัสชอบArray.prototype.includes()ทำลาย ฉันใช้create-react-appและเห็นได้ชัดว่าพวกเขาเลือกที่จะไม่รวม polyfills จำนวนมากเนื่องจากไม่ใช่ทุกคนที่ต้องการและทำให้เวลาในการสร้างช้าลง (ดูตัวอย่างที่นี่และที่นี่ ) เอกสาร (ขณะเขียน) แนะนำ: หากคุณใช้คุณสมบัติ ES6 + อื่น ๆ ที่ต้องการการสนับสนุนรันไทม์ (เช่น Array.from () หรือ Symbol) ตรวจสอบให้แน่ใจว่าคุณได้ใส่ polyfills ที่เหมาะสมด้วยตนเองหรือว่าเบราว์เซอร์ที่คุณกำหนดเป้าหมายรองรับอยู่แล้ว ดังนั้น ... วิธีที่ดีที่สุดในการ "รวม" ด้วยตนเองคืออะไร?

88 javascript reactjs ecmascript-6 create-react-app ecmascript-7

1

อะไรคือความแตกต่างระหว่าง Event.target, Event.toElement และ Event.srcElement?

ฉันมีรหัสต่อไปนี้: document.oncontextmenu = function(evt) { evt = evt || window.event; console.log(evt.target, evt.toElement, evt.srcElement); }; เมื่อคลิกปุ่มเมาส์ขวาบน a <div class="foo"></div>จะส่งคืนสิ่งนี้: div.foo, div.foo, div.foo เมื่อคลิกปุ่มเมาส์ขวาบน a <input>จะส่งคืนสิ่งนี้: อินพุตอินพุตอินพุต ทั้งหมดดูเหมือนจะนำมาซึ่งผลลัพธ์เดียวกัน มีสถานการณ์ใดบ้างที่หนึ่งในนั้นมีการใช้งานที่แตกต่างจากที่อื่น ๆ ?

88 javascript javascript-events

6

ฉันสามารถเปิด devtools จากส่วนขยาย Google Chrome โดยทางโปรแกรมได้หรือไม่

ฉันมีส่วนขยายของโครเมี่ยมที่เชื่อมต่อกับ devtools ตามหลักการแล้วฉันต้องการตราสัญลักษณ์ที่เมื่อคลิกแล้วจะเปิด devtools บนแท็บใหม่ที่ฉันสร้างขึ้น มีวิธีใดบ้างในการดำเนินการนี้จากหน้าพื้นหลัง

88 javascript google-chrome-extension google-chrome-devtools

12

ฉันควรลบ console.log ออกจากรหัสการผลิตหรือไม่

ปัจจุบันฉันมีคำสั่ง JS นี้ทุกที่ในรหัสของฉัน: window.console && console.log("Foo"); ฉันสงสัยว่าสิ่งนี้มีค่าใช้จ่ายสูงหรือมีผลข้างเคียงเชิงลบในการผลิตหรือไม่ ฉันมีอิสระที่จะออกจากการเข้าสู่ระบบฝั่งไคลเอ็นต์หรือควรไป? แก้ไข: ในท้ายที่สุดฉันคิดว่าข้อโต้แย้งที่ดีที่สุดที่ฉัน (และคนอื่น ๆ ?) สามารถเกิดขึ้นได้ก็คืออาจมีการถ่ายโอนข้อมูลเพิ่มเติมระหว่างเซิร์ฟเวอร์และไคลเอนต์จำนวนมากโดยทิ้งข้อความบันทึกไว้หาก รหัสการผลิตต้องได้รับการปรับให้เหมาะสมอย่างสมบูรณ์การบันทึกจะต้องถูกลบออกเพื่อลดขนาดของจาวาสคริปต์ที่ส่งไปยังไคลเอนต์

88 javascript logging

17

บังคับให้เบราว์เซอร์รีเฟรช css, javascript ฯลฯ

ฉันกำลังพัฒนาเว็บไซต์โดยใช้ซอร์สโค้ด Wordpress ผ่าน XAMPP บางครั้งฉันเปลี่ยนโค้ด CSS, scrips หรืออย่างอื่นและฉันสังเกตว่าเบราว์เซอร์ของฉันต้องใช้เวลาในการปรับเปลี่ยน สิ่งนี้ทำให้ฉันต้องใช้เบราว์เซอร์หลายตัวเพื่อรีเฟรชและหากไม่ใช้รูปแบบใหม่ฉันลองใช้รูปแบบที่สองและเป็นแบบนี้เสมอ มีวิธีหลีกเลี่ยงปัญหานี้หรือไม่? บางครั้งฉันเปลี่ยนรหัสโดยไม่ได้แจ้งให้ทราบถึงการแก้ไขก่อนหน้านี้

88 javascript css browser xampp

22

ปุ่ม Bootstrap แบบเลื่อนลงภายในตารางตอบสนองไม่สามารถมองเห็นได้เนื่องจากการเลื่อน

ฉันมีปัญหากับปุ่มแบบเลื่อนลงในตารางเมื่อมีการตอบสนองและเลื่อนใช้งานอยู่เนื่องจากไม่สามารถมองเห็นดรอปดาวน์ได้เนื่องจากoverflow: auto;คุณสมบัติ ฉันจะแก้ไขได้อย่างไรเพื่อแสดงตัวเลือกแบบเลื่อนลงของปุ่มเมื่อสิ่งนี้ถูกยุบ ฉันสามารถใช้ jQuery ได้บ้าง แต่หลังจากที่ฉันมีปัญหาในการเลื่อนไปทางซ้าย - ขวาฉันจึงตัดสินใจหาวิธีอื่น ฉันได้แนบรูปถ่ายเพื่อความเข้าใจที่ดีขึ้น นี่คือซอ js ขนาดเล็ก:

88 javascript jquery css twitter-bootstrap overflow

7

NodeJs: TypeError: require (…) ไม่ใช่ฟังก์ชัน

ฉันพยายามต้องการไฟล์และส่งต่อไปยังไฟล์ var. ฉันกำลังทำตามบทช่วยสอนนี้เพื่อสร้างระบบการตรวจสอบสิทธิ์ หลังจากเขียนไฟล์ server.js และพยายามคอมไพล์ฉันพบข้อผิดพลาด bson ดังนั้นฉันจึงเปลี่ยนบรรทัดที่ต้องใช้เวอร์ชันรีลีสเป็นพังพอน นี่คือรหัสและข้อผิดพลาดของฉัน: เซิร์ฟเวอร์ js require('./app/routes')(app, passport); ข้อผิดพลาด require('./app/routes')(app, passport); ^ TypeError: require(...) is not a function at Object.<anonymous> (d:\Node JS learning\WorkWarV2\server.js:38:24) at Module._compile (module.js:434:26) at Object.Module._extensions..js (module.js:452:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Function.Module.runMain (module.js:475:10) at startup (node.js:117:18) at node.js:951:3 Process finished …

88 javascript node.js require

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