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

27

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน8 ปีที่ผ่านมา ฉันเริ่มต้นโครงการด้วย jQuery คุณมีข้อผิดพลาด / ข้อผิดพลาด / ความเข้าใจผิด / การละเมิด / การใช้ผิดประเภทในโครงการ jQuery ของคุณอย่างไร?

210 javascript jquery

21

ฉันจะทำให้กล่องข้อความ HTML แสดงคำใบ้เมื่อว่างได้อย่างไร

ฉันต้องการช่องค้นหาในหน้าเว็บของฉันเพื่อแสดงคำว่า "ค้นหา" ในตัวเอียงสีเทา เมื่อกล่องได้รับโฟกัสมันควรดูเหมือนกล่องข้อความเปล่า หากมีข้อความอยู่แล้วควรแสดงข้อความตามปกติ (สีดำไม่ใช่ตัวเอียง) สิ่งนี้จะช่วยให้ฉันหลีกเลี่ยงความยุ่งเหยิงได้โดยการนำฉลากออก BTW นี่คือการค้นหาAjax ในหน้าดังนั้นจึงไม่มีปุ่ม

210 javascript html

14

ปุ่มส่งเริ่มต้นบนฟอร์ม HTML ได้รับการพิจารณาอย่างไร

หากมีการส่งแบบฟอร์ม แต่ไม่มีปุ่มเฉพาะเช่น โดยกด Enter ใช้HTMLFormElement.submit()ใน JS เบราว์เซอร์ควรกำหนดอย่างไรว่าจะใช้ปุ่มใดในการส่งหลายปุ่มเพื่อใช้เป็นปุ่มกด สิ่งนี้มีความสำคัญในสองระดับ: การเรียกonclickตัวจัดการเหตุการณ์ที่แนบกับปุ่มส่ง ข้อมูลที่ส่งกลับไปยังเว็บเซิร์ฟเวอร์ การทดลองของฉันจนถึงขณะนี้ได้แสดงให้เห็นว่า: เมื่อกดEnter, Firefox, Opera และ Safari จะใช้ปุ่มส่งครั้งแรกในแบบฟอร์ม เมื่อกดEnterIE จะใช้ปุ่มส่งครั้งแรกหรือไม่มีเลยขึ้นอยู่กับเงื่อนไขที่ฉันไม่สามารถหาได้ เบราว์เซอร์ทั้งหมดนี้ไม่มีการใช้เลยสำหรับการส่ง JS มาตรฐานพูดอะไร ถ้ามันจะช่วยได้นี่คือรหัสทดสอบของฉัน (PHP นั้นเกี่ยวข้องกับวิธีการทดสอบของฉันเท่านั้นไม่ใช่เพื่อคำถามของฉันเอง) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> </head> <body> <h1>Get</h1> <dl> <?php foreach …

210 javascript html cross-browser standards

12

จะวาง JavaScript ในไฟล์ HTML ได้ที่ไหน

บอกว่าฉันมีไฟล์จาวาสคริปต์ที่ค่อนข้างหนักบรรจุลงประมาณ 100kb หรือมากกว่านั้น โดยไฟล์ฉันหมายความว่ามันเป็นไฟล์ภายนอกที่จะเชื่อมโยงในผ่าน<script src="...">ไม่ได้วางลงใน HTML ตัวเอง ที่ไหนดีที่สุดในการวางสิ่งนี้ลงใน HTML <html> <head>  <link rel="stylesheet" href="stylez.css" type="text/css" />  </head> <body>  <p>All the page content ...</p>  </body> </html> จะมีความแตกต่างในการใช้งานระหว่างตัวเลือกแต่ละตัวหรือไม่?

210 javascript html optimization

12

จะยุติการทำงานของสคริปต์เมื่อทำการดีบั๊กใน Google Chrome ได้อย่างไร

เมื่อก้าวผ่านโค้ด JavaScript ในดีบักเกอร์ Google Chrome ฉันจะยุติการทำงานของสคริปต์ได้อย่างไรหากฉันไม่ต้องการดำเนินการต่อ วิธีเดียวที่ฉันพบคือปิดหน้าต่างเบราว์เซอร์ การกด "โหลดหน้านี้ใหม่" จะเรียกใช้รหัสที่เหลือและส่งแบบฟอร์มราวกับว่ากด F8 "ดำเนินการต่อ" อัปเดต : เมื่อกด F5 (รีเฟรช) ในขณะที่สคริปต์หยุดชั่วคราว: Google Chrome (v22) เรียกใช้สคริปต์ หากสคริปต์ส่งคำขอ HTTP การตอบสนอง HTTP สำหรับคำขอนั้นจะปรากฏขึ้น หน้าเดิมไม่ได้รีเฟรช IE 9 เพิ่งหยุดทำงาน อย่างไรก็ตาม IE มีตัวเลือก "Stop Debugging" ซึ่งเมื่อกด (หากคุณไม่ได้กด F5 ก่อนหน้านี้) จะยังคงเรียกใช้สคริปต์ภายนอกตัวดีบัก Firebug ทำงานเหมือนกับ Chrome การปิดและเปิดอีกครั้งหน้าต่างเบราว์เซอร์อาจไม่ใช่วิธีที่ง่ายที่สุดต่อไปเพราะจะฆ่าสถานะเซสชันของเบราว์เซอร์และอาจมีความสำคัญ จุดพักทั้งหมดของคุณจะหายไปเช่นกัน อัปเดต (มกราคม 2014) : …

210 javascript debugging google-chrome-devtools

16

ฉันจะสร้าง apk ที่สามารถทำงานโดยไม่มีเซิร์ฟเวอร์ที่มีปฏิกิริยาตอบสนองได้อย่างไร

ฉันได้สร้างแอพของฉันแล้วฉันสามารถรันมันได้ที่อีมูเลเตอร์ในเครื่องของฉัน (และบนอุปกรณ์ Android ของฉันภายในเครือข่ายเดียวกันโดยเปลี่ยนเซิร์ฟเวอร์ดีบั๊ก) อย่างไรก็ตามฉันต้องการสร้าง APK ที่ฉันสามารถส่งถึงใครบางคนโดยไม่ต้องเข้าถึงเซิร์ฟเวอร์พัฒนาและฉันต้องการให้พวกเขาทดสอบแอปพลิเคชันได้ ฉันเห็นว่ามีส่วนหนึ่งที่ใช้การมัดแบบออฟไลน์บนส่วน iOS ของเอกสาร แต่ฉันไม่สามารถหาวิธีที่จะทำให้สำเร็จสำหรับ Android ได้ เป็นไปได้ไหม ถ้าเป็นเช่นนั้นได้อย่างไร อัปเดต:ในคำตอบสำหรับคำถามนี้ ( Android ไม่สามารถโหลดชุดบันเดิล JS ) ได้มีการกล่าวว่าสามารถดาวน์โหลดชุดรวมแบบออฟไลน์ได้จากเซิร์ฟเวอร์การพัฒนา แต่เมื่อฉันได้รับบันเดิลจากเซิร์ฟเวอร์การพัฒนาไฟล์รูปภาพไม่สามารถโหลดได้

210 javascript android react-native mobile-application

23

วิธีจัดรูปแบบเวลาตั้งแต่ xxx เช่น“ 4 นาทีก่อน” คล้ายกับไซต์ Stack Exchange

คำถามคือวิธีการจัดรูปแบบ JavaScript Dateเป็นสตริงที่ระบุเวลาที่ผ่านไปคล้ายกับวิธีที่คุณเห็นเวลาที่แสดงใน Stack Overflow เช่น 1 นาทีที่แล้ว 1 ชั่วโมงที่แล้ว 1 วันที่แล้ว 1 เดือนที่แล้ว 1 ปีที่ผ่านมา

210 javascript date-formatting

21

มีตัวดำเนินการ null-coalescing (Elvis) หรือตัวดำเนินการนำทางที่ปลอดภัยใน javascript หรือไม่

ฉันจะอธิบายด้วยตัวอย่าง: Elvis Operator (?:) "ตัวดำเนินการ Elvis" เป็นการย่อของตัวดำเนินการแบบไตรภาคของ Java อินสแตนซ์หนึ่งที่ซึ่งมีประโยชน์สำหรับการส่งคืนค่า 'ค่าเริ่มต้นที่สมเหตุสมผล' หากนิพจน์แก้ไขเป็นเท็จหรือเป็นโมฆะ ตัวอย่างง่ายๆอาจมีลักษณะเช่นนี้: def gender = user.male ? "male" : "female" //traditional ternary operator usage def displayName = user.name ?: "Anonymous" //more compact Elvis operator ผู้ดำเนินการนำทางที่ปลอดภัย (?.) ตัวดำเนินการการนำทางที่ปลอดภัยถูกใช้เพื่อหลีกเลี่ยง NullPointerException โดยทั่วไปเมื่อคุณมีการอ้างอิงไปยังวัตถุคุณอาจต้องตรวจสอบว่ามันไม่เป็นโมฆะก่อนที่จะเข้าถึงวิธีการหรือคุณสมบัติของวัตถุ เพื่อหลีกเลี่ยงปัญหานี้ตัวดำเนินการการนำทางที่ปลอดภัยจะคืนค่า null แทนการโยนข้อยกเว้นเช่น: def user = User.find( "admin" ) //this might …

210 javascript jquery groovy safe-navigation-operator

6

วิธีการเรียกฟังก์ชั่นการโหลดด้วย React useEffect เพียงครั้งเดียว

useEffect React เบ็ดจะทำงานที่ผ่านมาในการทำงานในทุกการเปลี่ยนแปลง สิ่งนี้สามารถปรับให้เหมาะสมเพื่อให้มันโทรเฉพาะเมื่อคุณสมบัติที่ต้องการเปลี่ยนไป จะเกิดอะไรขึ้นถ้าฉันต้องการเรียกใช้ฟังก์ชันการเริ่มต้นcomponentDidMountและไม่เรียกมันอีกครั้งจากการเปลี่ยนแปลง สมมติว่าฉันต้องการโหลดเอนทิตี แต่ฟังก์ชั่นการโหลดไม่ต้องการข้อมูลใด ๆ จากส่วนประกอบ เราจะทำสิ่งนี้โดยใช้useEffectเบ็ดได้อย่างไร class MyComponent extends React.PureComponent { componentDidMount() { loadDataOnlyOnce(); } render() { ... } } ด้วย hooks นี้อาจมีลักษณะเช่นนี้: function MyComponent() { useEffect(() => { loadDataOnlyOnce(); // this will fire on every change :( }, [...???]); return (...); }

210 javascript reactjs react-hooks

7

IE9 รองรับ console.log หรือไม่และเป็นฟังก์ชั่นจริงหรือไม่?

window.console.logInternet Explorer 9 กำหนดไว้ในสถานการณ์ใด? แม้เมื่อwindow.console.logมีการกำหนดwindow.console.log.applyและwindow.console.log.callไม่ได้กำหนด ทำไมนี้ [คำถามที่เกี่ยวข้องกับ IE8: เกิดอะไรขึ้นกับ console.log ใน IE8 .]

209 javascript logging internet-explorer-9

12

'a' ['toUpperCase'] () ใน JavaScript ทำงานอย่างไรและทำไม?

JavaScript ทำให้ฉันประหลาดใจและนี่เป็นอีกตัวอย่างหนึ่ง ฉันเพิ่งเจอรหัสบางอย่างซึ่งฉันไม่เข้าใจในตอนแรก ดังนั้นฉันจึงดีบั๊กและมาพบสิ่งนี้: alert('a'['toUpperCase']()); //alerts 'A' ตอนนี้จะต้องชัดเจนหากtoUpperCase()ถูกกำหนดเป็นสมาชิกประเภทสตริง แต่มันไม่สมเหตุสมผลกับฉันในตอนแรก อย่างไรก็ตาม, ทำงานนี้เพราะtoUpperCaseเป็นสมาชิกของ 'a' หรือไม่ หรือมีอย่างอื่นเกิดขึ้นเบื้องหลังหรือไม่ รหัสผมอ่านมีฟังก์ชั่นดังต่อไปนี้: function callMethod(method) { return function (obj) { return obj[method](); //**how can I be sure method will always be a member of obj** } } var caps2 = map(['a', 'b', 'c'], callMethod('toUpperCase')); // ['A','B','C'] // ignoring …

209 javascript function

5

วิธีดูการเปลี่ยนเส้นทางใน AngularJS

หนึ่งจะเฝ้าดู / ทริกเกอร์เหตุการณ์ในการเปลี่ยนเส้นทางได้อย่างไร

209 javascript angularjs

5

ความแตกต่างระหว่างคีย์วัตถุที่มีเครื่องหมายคำพูดและไม่มีคำพูดคืออะไร?

มีความแตกต่างระหว่าง obj = {'foo': 'bar'} และ obj = {foo: 'bar'} ฉันสังเกตเห็นว่าคุณไม่สามารถใช้-ในคีย์เมื่อฉันไม่ได้ใช้เครื่องหมายคำพูด แต่จริงๆแล้วมันสร้างความแตกต่าง? ถ้าใช่อันไหน

209 javascript

10

อะไรคือวิธีที่สะอาดที่สุดในการปิดใช้งานเอฟเฟกต์การเปลี่ยน CSS ชั่วคราว

ฉันใช้องค์ประกอบ DOM พร้อมเอฟเฟกต์ต่อไปนี้บางส่วน / ทั้งหมด: #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } ฉันกำลังเขียนปลั๊กอิน jQuery ที่ปรับขนาดองค์ประกอบนี้ฉันต้องปิดใช้งานเอฟเฟกต์เหล่านี้ชั่วคราวเพื่อให้ฉันสามารถปรับขนาดได้อย่างราบรื่น อะไรคือวิธีปิดการใช้งานเอฟเฟกต์เหล่านี้ที่สวยงามที่สุดชั่วคราว (จากนั้นเปิดใช้งานอีกครั้ง) เนื่องจากอาจถูกนำไปใช้จากผู้ปกครองหรืออาจไม่ได้ใช้เลย

209 javascript jquery css

17

ฟังก์ชัน JavaScript เพื่อเพิ่ม X เดือนไปยังวันที่

ฉันกำลังมองหาวิธีที่ง่ายที่สุดและสะอาดที่สุดในการเพิ่ม X เดือนไปยังวันที่ JavaScript ฉันไม่ต้องการจัดการกับการพลิกของปีหรือมีการเขียนฟังก์ชั่นของตัวเอง มีบางอย่างในตัวที่สามารถทำสิ่งนี้ได้หรือไม่?

209 javascript date

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