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

ฉันกำลังใช้ตัวอย่างจาก https://github.com/moroshko/react-autosuggest รหัสสำคัญเป็นดังนี้: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array of strings, e.g.: // ['Mentone', 'Mill Park', …

89 javascript  json  reactjs  webpack 

วันนี้ฉันรู้สึกประหลาดใจมากเมื่อเห็นว่าตัวแปรส่วนกลางมีundefinedค่าในบางกรณี ตัวอย่าง: var value = 10; function test() { //A console.log(value); var value = 20; //B console.log(value); } test(); เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด ให้เอาต์พุตเป็น undefined 20 ที่นี่เหตุใดเครื่องมือ JavaScript จึงพิจารณาค่าส่วนกลางเป็นundefined? ฉันรู้ว่า JavaScript เป็นภาษาที่ตีความได้ สามารถพิจารณาตัวแปรในฟังก์ชันได้อย่างไร? นั่นเป็นข้อผิดพลาดจากเอ็นจิ้น JavaScript หรือไม่?

89 javascript  scope 

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

88 javascript  events  asynchronous  terminology  definition 

ฉันจะใช้ javascript / jQuery / etc เพื่อตรวจสอบได้อย่างไรว่ามีการติดตั้ง Flash ไว้หรือไม่หากไม่มีให้แสดง div ที่มีข้อมูลแจ้งให้ผู้ใช้ทราบว่าจำเป็นต้องติดตั้งแฟลช

88 javascript  jquery  asp.net-mvc  flash  detection 

ฉันใช้ขีดล่างไลบรารี JS และโดยเฉพาะอย่างยิ่งการใช้การเรียก_.eachและ_.sortbyไลบรารี ฉันสงสัยว่ามีวิธีใดบ้างที่เป็นไปได้ในการรับดัชนีของค่าภายในผู้รับมอบสิทธิ์ตัววนซ้ำ _.sortBy([1, 4, 2, 66, 444, 9], function(num){ /*It'd be great to have access to the index in here */ return Math.sin(num); });

88 javascript  underscore.js 

ฉันมีโมดอล Bootstrap ซึ่งเปิดใช้จากลิงค์ ประมาณ 3 วินาทีมันจะว่างเปล่าในขณะที่คิวรี AJAX ดึงข้อมูลจากฐานข้อมูล ฉันจะติดตั้งตัวบ่งชี้การโหลดบางประเภทได้อย่างไร twitter bootstrap มีฟังก์ชันนี้เป็นค่าเริ่มต้นหรือไม่ แก้ไข: รหัส JS สำหรับโมดอล <script type="text/javascript"> $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": …

88 javascript  jquery  html  ajax 

ฉันจะยกเลิกเหตุการณ์การเปลี่ยนเส้นทางใน AngularJs ได้อย่างไร? รหัสปัจจุบันของฉันคือ $rootScope.$on("$routeChangeStart", function (event, next, current) { // do some validation checks if(validation checks fails){ console.log("validation failed"); window.history.back(); // Cancel Route Change and stay on current page } }); ด้วยสิ่งนี้แม้ว่าการตรวจสอบจะล้มเหลว Angular จะดึงเทมเพลตถัดไปและข้อมูลที่เกี่ยวข้องจากนั้นเปลี่ยนกลับไปที่มุมมอง / เส้นทางก่อนหน้าทันที ฉันไม่ต้องการให้เชิงมุมดึงเทมเพลตและข้อมูลถัดไปหากการตรวจสอบล้มเหลวโดยหลักการแล้วไม่ควรมี window.history.back () ฉันเคยลอง event.preventDefault () แต่ไม่มีประโยชน์

88 javascript  angularjs 

ฉันแค่พยายามใช้$location.path()ในคอนโทรลเลอร์ แต่ยังส่งตัวแปรที่กำหนดเองเป็นพารามิเตอร์ด้วย มันจะเป็นแบบนี้ฉันเดาว่า: $scope.parameter = 'Foo'; $location.path('/myURL/' + $scope.parameter); แต่นั่นไม่ได้ผล ใครรู้ว่าควรทำอย่างไรใน Angular?

88 javascript  angularjs 

ฉันต้องการลบเรืองแสงสีน้ำเงินของกล่องข้อความและเส้นขอบ แต่ฉันไม่รู้ว่าจะแทนที่ js หรือ css ของมันอย่างไรให้เลือกที่นี่ แก้ไข 1 ฉันต้องการทำสิ่งนี้เพราะฉันใช้ปลั๊กอิน jquery Tag-itและฉันใช้ twitter bootstrap ด้วยปลั๊กอินจะใช้ textField ที่ซ่อนอยู่เพื่อเพิ่มแท็ก แต่เมื่อฉันใช้ twitter bootstrap มันจะปรากฏเป็นกล่องข้อความที่มีเรืองแสงภายใน a textbox ซึ่งแปลกไปหน่อย

88 javascript  jquery  html  css  twitter-bootstrap 

ขณะนี้ฉันมีแอปพลิเคชัน AngularJS ที่มีการกำหนดเส้นทางในตัวมันใช้งานได้และทุกอย่างก็โอเค ไฟล์ app.js ของฉันมีลักษณะดังนี้: angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/pages/home.html', controller: HomeController }); $routeProvider.when('/about', { templateUrl: '/pages/about.html', controller: AboutController }); $routeProvider.when('/privacy', { templateUrl: '/pages/privacy.html', controller: AboutController }); $routeProvider.when('/terms', { templateUrl: '/pages/terms.html', controller: AboutController }); $routeProvider.otherwise({ redirectTo: '/' }); }]); แอปของฉันมี CMS ในตัวซึ่งคุณสามารถคัดลอกและเพิ่มไฟล์ …

88 javascript  angularjs  content-management-system  url-routing 

ฉันกำลังดำเนินการกับสถานการณ์ที่จะต้องโฮสต์ไฟล์ JavaScript บางไฟล์บน CDN ฉันต้องการมีกลไกบางอย่างเพื่อให้เมื่อดาวน์โหลดไฟล์เหล่านี้จากฝั่งผู้ใช้ฉันสามารถมั่นใจได้ว่าไฟล์ไม่ได้ถูกดัดแปลงและมาจาก CDN ที่ระบุ ฉันเข้าใจว่างานนี้ง่ายมากถ้าฉันใช้ SSL แต่ถึงกระนั้นฉันก็ต้องการให้แน่ใจว่าไฟล์ที่ถูกต้องจะได้รับการให้บริการแม้ใน HTTP ที่ไม่มี SSL เท่าที่ฉันสามารถค้นหาไม่มีกลไกที่มีอยู่เช่นลายเซ็นดิจิทัลสำหรับไฟล์ JavaScript ซึ่งรองรับในทุกแพลตฟอร์ม อาจจะไม่จำเป็น? มีวิธีการบางอย่างที่สร้างขึ้นในเบราว์เซอร์เพื่อตรวจสอบผู้เขียนไฟล์ JavaScript หรือไม่ มีอะไรที่ฉันสามารถทำได้เพื่อให้ปลอดภัยหรือไม่?

88 javascript  code-signing 

ฉันทำงานกับ requirejs + jquery และฉันสงสัยว่ามีวิธีที่ชาญฉลาดในการทำให้ปลั๊กอิน jQuery ทำงานได้ดีกับความต้องการหรือไม่ ตัวอย่างเช่นฉันใช้ jQuery-cookie ถ้าฉันเข้าใจถูกต้องฉันสามารถสร้างไฟล์ชื่อ jquery-cookie.js และภายใน do define(["jquery"], // Require jquery function($){ // Put here the plugin code. // No need to return anything as we are augmenting the jQuery object }); requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); ฉันสงสัยว่าฉันสามารถทำสิ่งต่างๆเช่น jQuery …

88 javascript  jquery  requirejs 

ฉันรักBundlerมันยอดเยี่ยมในการจัดการการพึ่งพา ฉันชอบnpm การติดตั้งแพ็คเกจโหนดนั้นง่ายมาก! ฉันมีแอพ nodejs และชอบที่จะระบุการอ้างอิงแอพของฉันและติดตั้ง / อัปเดตได้อย่างง่ายดายทุกที่ที่ฉันปรับใช้แอพของฉัน นี่ไม่ใช่ไลบรารีที่ฉันเปิดตัว แต่เป็นเว็บแอปเต็มรูปแบบ ฉันรู้npm bundleคำสั่ง แต่ดูเหมือนว่าจะลบล้างไดเร็กทอรีที่ติดตั้งแพ็คเกจ ฉันคุ้นเคยกับการใช้บันเดิลเลอร์ในลักษณะนี้: # Gemfile gem "rails", "3.0.3" ติดตั้งราง v3.0.3 และอัญมณีอื่น ๆ ที่จำเป็นบนเครื่องโฮสต์เฉพาะในกรณีที่ไม่มีอยู่แล้ว > bundle install ฉันจะบรรลุสิ่งที่คล้ายกันกับ npm ได้อย่างไร

88 javascript  dependencies  node.js  bundler  npm 

ฉันเห็นคำถามมากมายที่แนะนำให้ใช้: for (var i = 0; i < myArray.length; i++){ /* ... */ } แทน: for (var i in myArray){ /* ... */ } สำหรับอาร์เรย์เนื่องจากการวนซ้ำไม่สอดคล้องกัน ( ดูที่นี่ ) อย่างไรก็ตามฉันไม่พบสิ่งที่ดูเหมือนจะชอบลูปเชิงวัตถุ: myArray.forEach(function(item, index){ /* ... */ }); ซึ่งดูเหมือนง่ายกว่าสำหรับฉัน สำหรับโครงการปัจจุบันของฉันความเข้ากันได้ของ IE8 เป็นสิ่งสำคัญและฉันกำลังพิจารณาใช้polyfill ของ Mozillaแต่ฉันไม่แน่ใจ 100% ว่าจะได้ผลอย่างไร มีความแตกต่างระหว่างมาตรฐานสำหรับลูป (ตัวอย่างแรกด้านบน) และการใช้งาน Array.prototype.forEach โดยเบราว์เซอร์สมัยใหม่หรือไม่ มีความแตกต่างระหว่างการใช้งานเบราว์เซอร์สมัยใหม่และการใช้งานของ Mozilla …

88 javascript  arrays  for-loop  internet-explorer-8  iterator 

จากไซต์เอกสาร jQuery APIสำหรับready ไวยากรณ์ทั้งสามต่อไปนี้เทียบเท่ากัน: $ (เอกสาร). พร้อม (ตัวจัดการ) $ () พร้อม (ตัวจัดการ) (ไม่แนะนำ) $ (ตัวจัดการ) หลังจากทำการบ้าน - อ่านและเล่นกับซอร์สโค้ดฉันไม่รู้ว่าทำไม $().ready(handler) ไม่แนะนำ วิธีแรกและวิธีที่สามเหมือนกันทุกประการตัวเลือกที่สามเรียกใช้ฟังก์ชันพร้อมใช้งานบนวัตถุ jQuery ที่แคชด้วยdocument: rootjQuery = jQuery(document); ... ... // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } …

88 javascript  jquery  callback  document-ready