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

ฉันใช้ RequireJS และจำเป็นต้องเตรียมใช้งานบางอย่างบน DOM ให้พร้อม ตอนนี้ RequireJS มีdomReadyปลั๊กอินแต่เรามี jQuery อยู่แล้ว$(document).ready()ซึ่งมีให้สำหรับฉันเนื่องจากฉันต้องการ jQuery ดังนั้นฉันจึงมีสองทางเลือก: ใช้domReadyปลั๊กอิน: require(['domReady'], function (domReady) { domReady(function () { // Do my stuff here... }); }); ใช้$(document).ready(): $(document).ready(function() { // Do my stuff here... }); ฉันควรเลือกแบบใดและเพราะเหตุใด ตัวเลือกทั้งสองดูเหมือนจะทำงานตามที่คาดไว้ ฉันไม่มั่นใจในตัว jQuery เพราะ RequireJS กำลังใช้เวทมนตร์ นั่นคือเนื่องจาก RequireJS จะเพิ่มสคริปต์แบบไดนามิกฉันกังวลว่า DOM ready อาจเกิดขึ้นก่อนที่สคริปต์ที่ร้องขอแบบไดนามิกทั้งหมดจะโหลด ในขณะที่ …

100 javascript  jquery  html  requirejs  document-ready 

ฉันยังใหม่กับAngularJSและได้อ่านบทแนะนำของพวกเขาและรู้สึกได้ถึงมัน ฉันมีแบ็กเอนด์สำหรับโปรเจ็กต์ของฉันพร้อมที่RESTจะต้องตรวจสอบความถูกต้องของอุปกรณ์ปลายทางแต่ละจุด สิ่งที่ฉันต้องการจะทำอย่างไร ได้.) http://myproject.comฉันต้องการจะมีหน้าเดียวสำหรับโครงการของฉัน ข.) เมื่อผู้ใช้ฮิต URL ในเบราว์เซอร์บนพื้นฐานถ้าผู้ใช้เข้าสู่ระบบหรือไม่ได้เขาจะนำเสนอกับหน้าบ้าน / ดูหรือหน้าเข้าสู่ระบบ / มุมมองภายใต้ http://myproject.comURL c.) หากผู้ใช้ไม่ได้เข้าสู่ระบบผู้ใช้จะกรอกแบบฟอร์มและเซิร์ฟเวอร์จะตั้งค่าUSER_TOKENในเซสชันดังนั้นคำขอเพิ่มเติมไปยังปลายทางทั้งหมดจะได้รับการรับรองความถูกต้องตามUSER_TOKEN My Confusions a.) ฉันจะจัดการกับการพิสูจน์ตัวตนฝั่งไคลเอ็นต์โดยใช้ AngularJS ได้อย่างไร? ฉันเห็นที่นี่และที่นี่แต่ไม่เข้าใจวิธีใช้ b.) ฉันจะนำเสนอมุมมองที่แตกต่างกันให้กับผู้ใช้ได้อย่างไรโดยขึ้นอยู่กับว่าผู้ใช้ล็อกอินหรือไม่อยู่ภายใต้ url เดียวกันhttp://myproject.com ฉันใช้ angular.js เป็นครั้งแรกและเริ่มสับสนจริงๆว่าจะเริ่มอย่างไร คำแนะนำและ / หรือแหล่งข้อมูลใด ๆ จะได้รับการชื่นชมอย่างมาก

100 javascript  angularjs  authentication  login 

TL; DR: Sticky สามารถตอบสนองต่อการเปลี่ยนแปลงที่ฉันให้ผ่าน JavaScript ได้หรือไม่? ถ้าเป็นอย่างไร (โครงการนี้ใช้ Foundation 6.2 และ WordPress 4.4 ธีมที่ติดตั้งโดยใช้ Node.js / npm และ gulp 4.0 โดยละเอียดคำถามของฉันถูกทำเครื่องหมายเป็นตัวหนา) ฉันต้องการทำให้navแท่งเหนียวโดยใช้ Sticky Plugin ของ Foundation แต่เมื่อฉันคลิกที่ปุ่มเท่านั้น นั่นหมายความว่าเมื่อ DOM ทั้งหมดเสร็จสิ้นnavแถบไม่ควรติด "ด้วยตัวเอง" แต่จะอยู่ในตำแหน่งบนสุดในเอกสาร นอกจากนี้ควรจะหายไปเมื่อเลื่อนลง แต่ติดขณะเลื่อนขึ้น navบาร์ถูกห่ออย่างถูกต้องในทุกที่จำเป็นdivs ดังนั้นnavบาร์สามารถที่จะติด ปัญหาเกิดขึ้นกับส่วน "เพิ่มเติม" ความคิดของฉันคือการสร้างอินสแตนซ์ Sticky โดยใช้ PHP ก่อน: <div data-sticky-container> <header class="header" role="banner" id="sticky_header" data-sticky …

100 javascript  jquery  wordpress  zurb-foundation  zurb-foundation-6 

ฉันมีอาร์เรย์ของวัตถุที่มีลักษณะเช่นนี้: var array = [ {id:123, value:"value1", name:"Name1"}, {id:124, value:"value2", name:"Name1"}, {id:125, value:"value3", name:"Name2"}, {id:126, value:"value4", name:"Name2"} ... ]; อย่างที่คุณเห็นบางชื่อซ้ำกัน ฉันต้องการรับอาร์เรย์ใหม่ที่มีชื่อเท่านั้น แต่ถ้าบางชื่อซ้ำฉันไม่ต้องการเพิ่มอีก ฉันต้องการอาร์เรย์นี้: var newArray = ["Name1", "Name2"]; ฉันกำลังพยายามทำสิ่งนี้กับmap: var newArray = array.map((a) => { return a.name; }); แต่ปัญหาคือสิ่งนี้ส่งกลับ: newArray = ["Name1", "Name1", "Name2", "Name2"]; ฉันจะตั้งเงื่อนไขบางอย่างภายในได้mapอย่างไรจึงจะไม่ส่งคืนองค์ประกอบที่มีอยู่แล้ว ฉันต้องการทำสิ่งนี้ด้วยmapหรือคุณลักษณะ ECMAScript 5 หรือ …

100 javascript  arrays 

ฉันมีหลายตัวเลือก: <select name='strings' id="strings" multiple style="width:100px;"> <option value="Test">Test</option> <option value="Prof">Prof</option> <option value="Live">Live</option> <option value="Off">Off</option> <option value="On">On</option> </select> ฉันโหลดข้อมูลจากฐานข้อมูลของฉัน จากนั้นฉันมีสตริงดังนี้: var values="Test,Prof,Off"; ฉันจะตั้งค่านี้ในการเลือกหลายรายการได้อย่างไร ลองเปลี่ยนสตริงในอาร์เรย์แล้วและใส่เป็นค่าในหลายค่า แต่ไม่ได้ผล ... ! ใครสามารถช่วยฉันด้วยเรื่องนี้? ขอบคุณ !!!

100 javascript  jquery  multiple-select 

ฉันมีงานอึกทึกที่พยายามแปลงไฟล์. scss เป็นไฟล์. css (โดยใช้ gulp-ruby-sass) จากนั้นวางไฟล์. css ที่เป็นผลลัพธ์ลงในที่เดียวกับที่พบไฟล์ต้นฉบับ ปัญหาคือเนื่องจากฉันใช้รูปแบบโกลบบิงฉันไม่จำเป็นต้องรู้ว่าไฟล์ต้นฉบับถูกเก็บไว้ที่ไหน ในโค้ดด้านล่างนี้ฉันกำลังพยายามใช้ gulp-tap เพื่อแตะเข้าไปในสตรีมและหาเส้นทางไฟล์ของไฟล์ปัจจุบันที่สตรีมอ่านจาก: gulp.task('convertSass', function() { var fileLocation = ""; gulp.src("sass/**/*.scss") .pipe(sass()) .pipe(tap(function(file,t){ fileLocation = path.dirname(file.path); console.log(fileLocation); })) .pipe(gulp.dest(fileLocation)); }); จากผลลัพธ์ของconsole.log(fileLocation)โค้ดดูเหมือนว่าโค้ดนี้จะทำงานได้ดี อย่างไรก็ตามไฟล์ CSS ที่ได้ดูเหมือนจะถูกวางไว้สูงกว่าที่ฉันคาดไว้หนึ่งไดเร็กทอรี ในที่ที่มันควรจะเป็นเส้นทางแฟ้มผลเป็นเพียงproject/sass/partialsproject/partials หากมีวิธีที่ง่ายกว่านี้ฉันจะต้องขอบคุณโซลูชันนั้นมากยิ่งขึ้น ขอบคุณ!

100 javascript  node.js  sass  gulp 

JQueryมีสองรุ่นสำหรับการดาวน์โหลดหนึ่งคือการผลิต (19KB, minified และ Gzipped) , และอื่น ๆ คือการพัฒนา (120KB, บีบอัด Code) ตอนนี้เป็นรุ่นขนาดกะทัดรัด 19kb หากคุณดาวน์โหลดคุณจะเห็นว่ายังคงเป็นโค้ดปฏิบัติการจาวาสคริปต์ พวกเขากระชับมันได้อย่างไร? และฉันจะ 'ย่อขนาด' โค้ดของฉันแบบนั้นด้วยได้อย่างไร?

100 javascript  gzip 

ฉันใช้ป๊อปอัปโมดอลของ twitter bootstrap <div id="myModal" class="modal hide fade in"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Header</h3> </div> <div class="modal-body"></div> <div class="modal-footer"> <input type="submit" class="btn btn-success" value="Save"/> </div> </div> ฉันสามารถโหลดเนื้อหาโดยใช้ ajax ด้วยองค์ประกอบนี้: <a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a> ตอนนี้ฉันต้องเปิด modal เดียวกัน แต่ใช้ url ที่แตกต่างกัน ฉันใช้โมดอลนี้เพื่อแก้ไขเอนทิตีจากฐานข้อมูลของฉัน ดังนั้นเมื่อฉันคลิกแก้ไขในเอนทิตีฉันต้องโหลดโมดอลด้วย ID <a data-toggle="modal" data-target="#myModal" href="edit.aspx?id=1">Open modal</a> <a …

100 javascript  twitter-bootstrap 

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

100 javascript  jquery 

ฉันกลัวว่ามันอาจจะเป็นไปไม่ได้แต่จะมีวิธีเปลี่ยนค่าแฮชของ URL โดยไม่ทิ้งรายการไว้ในประวัติของเบราว์เซอร์และไม่ต้องโหลดซ้ำได้หรือไม่? หรือทำเทียบเท่า? เท่าที่เฉพาะเจาะจงไปฉันกำลังพัฒนาการนำทางแฮชขั้นพื้นฐานตามแนวของ: //hash nav -- works with js-tabs var getHash = window.location.hash; var hashPref = "tab-"; function useHash(newHash) { //set js-tab according to hash newHash = newHash.replace('#'+hashPref, ''); $("#tabs li a[href='"+ newHash +"']").click(); } function setHash(newHash) { //set hash according to js-tab window.location.hash = hashPref + newHash; …

100 javascript  jquery  browser-history  fragment-identifier  browser-state 

ในจาวาสคริปต์เมื่อใช้คำสั่ง if ที่มีเงื่อนไขหลายอย่างในการทดสอบจาวาสคริปต์จะทดสอบทั้งหมดหรือไม่หรือจะประกันตัวก่อนทดสอบทั้งหมดหากเป็นเท็จอยู่แล้ว ตัวอย่างเช่น: a = 1 b = 2 c = 1 if (a==1 && b==1 && c==1) จาวาสคริปต์จะทดสอบเงื่อนไขทั้ง 3 เงื่อนไขเหล่านั้นหรือหลังจากเห็นว่า b ไม่เท่ากับ 1 ดังนั้นจึงเป็นเท็จมันจะออกจากคำสั่งหรือไม่ ฉันถามจากมุมมองด้านประสิทธิภาพ ตัวอย่างเช่นหากฉันกำลังทดสอบตัวเลือก jQuery ที่ซับซ้อน 3 ตัวฉันไม่อยากให้ jQuery สำรวจ DOM 3 ครั้งหากเห็นได้ชัดจากอันแรกที่จะส่งคืน FALSE (ซึ่งในกรณีนี้มันสมเหตุสมผลกว่าที่จะซ้อนคำสั่ง 3 if) เพิ่มเติม: อยากรู้อยากเห็นมากขึ้นคำที่เหมาะสมสำหรับสิ่งนี้คืออะไร? ฉันสังเกตว่าหลาย ๆ ท่านใช้คำว่า 'ไฟฟ้าลัดวงจร' นอกจากนี้บางภาษาทำเช่นนี้และบางภาษาไม่ทำเช่นนี้

100 javascript 

นี่คือ HTML ของฉัน: <input id="selectedDueDate" type="text" ng-model="selectedDate" /> เมื่อฉันพิมพ์ลงในช่องโมเดลจะได้รับการอัปเดตผ่านกลไกการผูก 2 ทาง หวาน. อย่างไรก็ตามเมื่อฉันทำสิ่งนี้ผ่าน JQuery ... $('#selectedDueDate').val(dateText); มันไม่อัพเดตโมเดล ทำไม?

100 javascript  jquery  angularjs  data-binding  angular-ngmodel 

ฉันกำลังพยายาม "บังคับ" ให้ Safari หรือ IE7 เปิดหน้าใหม่โดยใช้แท็บใหม่โดยใช้แท็บใหม่ โดยทางโปรแกรมฉันหมายถึงสิ่งที่ต้องการ: window.open('page.html','newtaborsomething');

100 javascript  internet-explorer-7  safari  tabs 

มีวิธีทดสอบประเภทขององค์ประกอบใน JavaScript หรือไม่? คำตอบอาจต้องการไลบรารีต้นแบบหรือไม่ก็ได้ แต่การตั้งค่าต่อไปนี้จะใช้ประโยชน์จากไลบรารี function(event) { var element = event.element(); // if the element is an anchor ... // if the element is a td ... }

100 javascript  prototypejs 

ผมโพสต์เนื้อหาของฟิลด์แบบฟอร์มผ่านทาง AJAX เพื่อสคริปต์ PHP และใช้งาน JavaScript escape(field_contents)เพื่อ ปัญหาคือเครื่องหมายบวกใด ๆ ถูกตัดออกและแทนที่ด้วยช่องว่าง ฉันจะ 'เข้ารหัส' เครื่องหมายบวกอย่างปลอดภัยแล้ว 'ถอดรหัส' ในฝั่ง PHP อย่างเหมาะสมได้อย่างไร

100 javascript  ajax  post  encode  decode