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

สำหรับคำถามเกี่ยวกับการเขียนโปรแกรมใน ECMAScript (JavaScript / JS) และภาษา / การใช้งานต่างๆ (ไม่รวม ActionScript) แท็กนี้ไม่ค่อยได้ใช้คนเดียว แต่ส่วนใหญ่มักจะเกี่ยวข้องกับแท็ก [node.js], [jquery], [json] และ [html]

5
การป้องกันการแทรก SQL ใน Node.js
เป็นไปได้หรือไม่ที่จะป้องกันการแทรก SQL ใน Node.js (โดยเฉพาะอย่างยิ่งกับโมดูล) ในลักษณะเดียวกับที่ PHP มีคำสั่งที่เตรียมไว้ซึ่งป้องกันพวกเขา ถ้าเป็นเช่นนั้นอย่างไร? หากไม่เป็นเช่นนั้นตัวอย่างใดบ้างที่อาจข้ามรหัสที่ฉันให้ไว้ (ดูด้านล่าง) บริบทบางส่วน: ฉันกำลังสร้างเว็บแอปพลิเคชันที่มี back-end stack ซึ่งประกอบด้วย Node.js + MySql โดยใช้โมดูลnode-mysql จากมุมมองด้านการใช้งานโมดูลนี้ยอดเยี่ยมมาก แต่ยังไม่ได้ใช้บางสิ่งที่คล้ายกับคำสั่งเตรียมการของ PHP (แม้ว่าฉันจะทราบว่าเป็นสิ่งที่ต้องทำ ) จากความเข้าใจของฉันการใช้ PHP ของคำสั่งที่เตรียมไว้เหนือสิ่งอื่นใดช่วยอย่างมากในการป้องกันการแทรก SQL อย่างไรก็ตามฉันกังวลว่าแอป node.js ของฉันอาจเปิดรับการโจมตีที่คล้ายกันแม้ว่าจะมีการหลีกเลี่ยงสตริงที่ให้ไว้โดยค่าเริ่มต้นก็ตาม (ดังในข้อมูลโค้ดด้านล่าง) node-mysql ดูเหมือนจะเป็นตัวเชื่อมต่อ mysql ที่ได้รับความนิยมมากที่สุดสำหรับ node.js ดังนั้นฉันจึงสงสัยว่าคนอื่นอาจทำอะไร (ถ้ามี) เพื่ออธิบายปัญหานี้ - หรือแม้ว่าจะเป็นปัญหากับ node.js ที่จะเริ่มต้นด้วย (ไม่แน่ใจว่าจะไม่เป็นเช่นไรเนื่องจากอินพุตฝั่งผู้ใช้ / ไคลเอ็นต์เกี่ยวข้อง) ฉันควรเปลี่ยนไปใช้node-mysql-nativeในขณะนี้เนื่องจากมีคำสั่งที่เตรียมไว้หรือไม่ ฉันลังเลที่จะทำสิ่งนี้เพราะดูเหมือนว่าจะไม่ทำงานเท่า …
5
css ที่ง่ายที่สุดสำหรับการแจ้งเตือนแบบ "สีแดง" ของ Facebook
ฉันต้องการการแจ้งเตือนสไตล์ facebook แต่การได้รับสิ่งที่ดูดีข้ามเบราว์เซอร์ดูเหมือนจะยุ่งยาก ตัวอย่างเช่นเบราว์เซอร์ที่แตกต่างกันดูเหมือนจะปฏิบัติต่อการพายเรือแตกต่างกันส่งผลให้การแจ้งเตือนดูแปลก ๆ วิธีใดเป็นวิธีการข้ามเบราว์เซอร์ที่ดีที่สุดในการทำให้การแจ้งเตือนปรากฏขึ้นอย่างสวยงาม ไม่เลวร้ายต่อการใช้จาวาสคริปต์ แต่แน่นอนว่าควรใช้ css บริสุทธิ์
9
วิธีรับค่าเก่าด้วยเหตุการณ์ onchange () ในกล่องข้อความ
ฉันมีกล่องข้อความและค่าที่สร้างขึ้นเมื่อโหลดหน้าเว็บ ตอนนี้ถ้าผู้ใช้เปลี่ยนสิ่งใด ๆ ในกล่องข้อความฉันต้องการรับค่าที่เปลี่ยนแปลง (ค่าใหม่) และค่าเก่า แต่เมื่อฉันทำ ELEMENT.value แล้วมันจะให้ค่าที่เปลี่ยนแปลงเท่านั้น ข้อเสนอแนะใด ๆ เพื่อรับค่าเก่า? ด้านล่างนี้คือรหัสของฉัน <head> <script type="text/javascript"> function onChangeTest(changeVal) { alert("Value is " + changeVal.value); } </script> </head> <body> <form> <div> <input type="text" id="test" value ="ABS" onchange="onChangeTest(this)"> </div> </form> </body> </html> ขอบคุณล่วงหน้า
3
ไม่สามารถกำหนด () ค่าการส่งออกเริ่มต้นใน Babel 6.x
ใน Babel 5.x ฉันสามารถเขียนโค้ดต่อไปนี้: app.js export default function (){} index.js require('babel/register'); require('./app')(); จากนั้นฉันสามารถทำงานได้node index.jsโดยไม่มีข้อผิดพลาด อย่างไรก็ตามการใช้ Babel 6.x เรียกใช้รหัสต่อไปนี้ index.es6.js require('babel-core/register'); require('./app')(); ส่งผลให้เกิดข้อผิดพลาด ต้องใช้ (... ) ไม่ใช่ฟังก์ชัน ฉันอยากรู้ว่าทำไม?
12
ฉันสามารถปิดการลบรอยหยักในองค์ประกอบ <canvas> HTML ได้หรือไม่
ฉันกำลังเล่นกับ&lt;canvas&gt;องค์ประกอบวาดเส้นและอื่น ๆ ฉันสังเกตว่าเส้นทแยงมุมของฉันมีการต่อต้านการดัด ฉันชอบรูปลักษณ์ที่ดูหยาบสำหรับสิ่งที่ฉันกำลังทำ - มีวิธีใดในการปิดคุณสมบัตินี้หรือไม่?
8
แปลงอาร์เรย์จำนวนเต็มเป็นสตริงอาร์เรย์ใน JavaScript
ฉันมีอาร์เรย์ดังนี้: var sphValues = [1, 2, 3, 4, 5]; จากนั้นฉันต้องแปลงอาร์เรย์ด้านบนเช่นด้านล่าง: var sphValues = ['1', '2', '3', '4', '5']; ฉันจะแปลงได้อย่างไร? ฉันใช้สิ่งนี้สำหรับการเติมข้อความอัตโนมัติ
5
typescript วัตถุว่างสำหรับตัวแปรที่พิมพ์
บอกว่าฉันมี: type User = { ... } ฉันต้องการสร้างใหม่userแต่ตั้งค่าเป็นวัตถุว่างเปล่า: const user: User = {}; // This fails saying property XX is missing const user: User = {} as any; // This works but I don't want to use any ฉันต้องทำอย่างไร nullฉันไม่ต้องการตัวแปรที่จะ
17
ฉันจะตั้งโฟกัสไปยังองค์ประกอบอินพุตแรกในรูปแบบ HTML ที่เป็นอิสระจาก id ได้อย่างไร
มีวิธีง่ายๆในการกำหนดโฟกัส (อินพุตเคอร์เซอร์) ของหน้าเว็บในองค์ประกอบอินพุตแรก (กล่องข้อความ, รายการแบบเลื่อนลง, ... ) ในการโหลดหน้าโดยไม่ต้องทราบรหัสขององค์ประกอบหรือไม่ ฉันต้องการใช้มันเป็นสคริปต์ทั่วไปสำหรับทุกหน้า / ทุกรูปแบบของเว็บแอปพลิเคชันของฉัน
88 javascript  html  forms  focus 
4
วิธีการ WebView บนข้อผิดพลาดเธรดเดียวกัน
ฉันมีโปรแกรม Android (Java + html ใน webview) ฉันสามารถเรียกจากจาวาสคริปต์ไปยังรหัส Java แต่ในทางกลับกันหยุดทำงาน (หลังจากอัปเดตใน eclipse) นี่คือสิ่งที่ฉันพยายามทำ สร้าง Webview (ใช้งานได้) โทรในจาวาสคริปต์ไปยัง AndroidFunction.test (); (ทำงาน) java test () เรียกใช้ฟังก์ชัน webView.loadUrl ("javascript: helloBack ()"); (! ไม่ทำงานอีกต่อไป) ฉันพยายามปล่อยให้มันทำงานกับ WebView ใน MainActivity แต่มันไม่ได้ผล MainActivity.java public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); final WebView webView = (WebView)findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); webView.setWebChromeClient(new …
3
ปิดใช้งานการเลื่อนปุ่มลูกศรในเบราว์เซอร์ของผู้ใช้
ฉันกำลังสร้างเกมโดยใช้ผ้าใบและจาวาสคริปต์ เมื่อหน้ายาวเกินหน้าจอ (แสดงความคิดเห็น ฯลฯ ) การกดลูกศรลงจะเลื่อนหน้าลงและทำให้เกมไม่สามารถเล่นได้ ฉันจะทำอย่างไรเพื่อป้องกันไม่ให้หน้าต่างเลื่อนเมื่อผู้เล่นต้องการเลื่อนลง ฉันเดาว่าเป็นเกม Java และนี่ไม่ใช่ปัญหาตราบใดที่ผู้ใช้คลิกที่เกม ฉันลองวิธีแก้ปัญหาจาก: วิธีปิดใช้งานการเลื่อนหน้าใน FF ด้วยปุ่มลูกศรแต่ฉันไม่สามารถใช้งานได้
9
ค้นหากฎ CSS ทั้งหมดที่ใช้กับองค์ประกอบ
เครื่องมือ / API จำนวนมากมีวิธีการเลือกองค์ประกอบของคลาสหรือ ID เฉพาะ นอกจากนี้ยังสามารถตรวจสอบสไตล์ชีทดิบที่เบราว์เซอร์โหลดได้อีกด้วย อย่างไรก็ตามสำหรับเบราว์เซอร์ในการแสดงผลองค์ประกอบพวกเขาจะรวบรวมกฎ CSS ทั้งหมด (อาจมาจากไฟล์สไตล์ชีตอื่น) และนำไปใช้กับองค์ประกอบ นี่คือสิ่งที่คุณเห็นจาก Firebug หรือ WebKit Inspector - โครงสร้างการสืบทอด CSS แบบเต็มสำหรับองค์ประกอบ ฉันจะสร้างคุณลักษณะนี้ใหม่ใน JavaScript บริสุทธิ์โดยไม่ต้องใช้ปลั๊กอินเบราว์เซอร์เพิ่มเติมได้อย่างไร บางทีตัวอย่างอาจให้ความกระจ่างสำหรับสิ่งที่ฉันกำลังมองหา: &lt;style type="text/css"&gt; p { color :red; } #description { font-size: 20px; } &lt;/style&gt; &lt;p id="description"&gt;Lorem ipsum&lt;/p&gt; ที่นี่องค์ประกอบคำอธิบาย p # มีการใช้กฎ CSS สองกฎ: สีแดงและขนาดตัวอักษร 20 px …
87 javascript  css 
5
วิธีการรับขนาดของเอกสารเดียวใน Mongodb?
ฉันพบพฤติกรรมแปลก ๆ ของ mongo และฉันอยากจะชี้แจงมันสักหน่อย ... คำขอของฉันง่ายมาก: ฉันต้องการรับเอกสารขนาดเดียวในคอลเลกชัน ฉันพบวิธีแก้ปัญหาที่เป็นไปได้สองวิธี: Object.bsonsize - วิธีการจาวาสคริปต์บางอย่างที่ควรส่งคืนขนาดเป็นไบต์ db.collection.stats () - โดยที่มีบรรทัด "avgObjSize" ที่สร้างมุมมองขนาด "รวม" (ค่าเฉลี่ย) บางส่วนบนข้อมูล เป็นเพียงขนาดเฉลี่ยของเอกสารเดียว เมื่อฉันสร้างคอลเล็กชันการทดสอบด้วยเอกสารเพียงชุดเดียวฟังก์ชันทั้งสองจะส่งคืนค่าที่แตกต่างกัน มันเป็นไปได้ยังไงกัน? มีวิธีอื่นในการรับขนาดของเอกสาร mongo หรือไม่? ที่นี่ฉันให้รหัสบางส่วนที่ฉันทำการทดสอบ: ฉันสร้างฐานข้อมูลใหม่ 'ทดสอบ' และป้อนเอกสารอย่างง่ายด้วยแอตทริบิวต์เดียว: ประเภท: "auto" db.test.insert({type:"auto"}) ผลลัพธ์จากการเรียกใช้ฟังก์ชัน stats (): db.test.stats () : { "ns" : "test.test", "count" : 1, "size" : 40, …
8
jquery เพื่อเปลี่ยนแอตทริบิวต์ style ของคลาส div
ฉันมีคลาสตัวเลื่อนแบบนี้และฉันต้องการเปลี่ยนสไตล์แอตทริบิวต์style = "left: 336px" &lt;div id="range-cont"&gt; &lt;div class="slider"&gt; &lt;div class="progress" style="width: 350px;"&gt;&lt;/div&gt; &lt;a class="handle" href="#" **style="left: 336px;"**&gt;&lt;/a&gt; &lt;/div&gt; &lt;input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"&gt; &lt;p id="percent-label"&gt;%&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; ฉันลอง $('.handle').css({'style':'left: 300px'})แล้วแต่มันไม่ได้ผล ไม่แน่ใจว่าฉันทำอะไรผิดที่นี่
87 javascript  jquery  css 
7
เหตุใด Objects จึงไม่สามารถทำซ้ำได้ใน JavaScript
เหตุใดวัตถุจึงไม่สามารถทำซ้ำได้ตามค่าเริ่มต้น ฉันเห็นคำถามตลอดเวลาที่เกี่ยวข้องกับการวนซ้ำออบเจ็กต์วิธีแก้ปัญหาทั่วไปคือการวนซ้ำคุณสมบัติของอ็อบเจ็กต์และเข้าถึงค่าภายในอ็อบเจ็กต์ด้วยวิธีนั้น สิ่งนี้ดูธรรมดามากจนทำให้ฉันสงสัยว่าทำไมวัตถุต่างๆถึงไม่สามารถทำซ้ำได้ คำสั่งเช่น ES6 for...ofน่าใช้สำหรับวัตถุโดยค่าเริ่มต้น เนื่องจากคุณลักษณะเหล่านี้มีให้เฉพาะสำหรับ "อ็อบเจ็กต์ที่ทำซ้ำได้" แบบพิเศษซึ่งไม่รวมอ{}อบเจ็กต์เราจึงต้องผ่านห่วงเพื่อให้สามารถใช้งานกับวัตถุที่เราต้องการใช้ คำสั่ง for ... of สร้าง loop วนซ้ำบนวัตถุที่ทำซ้ำได้ (รวมถึง Array, Map, Set, วัตถุอาร์กิวเมนต์และอื่น ๆ ) ... ตัวอย่างเช่นการใช้ฟังก์ชันเครื่องกำเนิด ES6 : var example = {a: {e: 'one', f: 'two'}, b: {g: 'three'}, c: {h: 'four', i: 'five'}}; function* entries(obj) { for (let key of …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.