«javascript» etiketlenmiş sorular

Kayan sayıları saat ve dakika biçiminde nasıl toplayabilirim? Şunlar. bu tür iki sayıyı hesaplarsanız , 0.35+3.45= olmalıdır 4.20,3.80 var arr = [0.15, 0.2, 3.45, 0.4, 2, 0.3, 5.2, 1, 1.4, 1.1, 2.4, 1, 3.4] var sum = 0.0; arr.forEach(function(item) { console.log(sum); sum += parseFloat(item); }); Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet …

14 javascript 

En boy oranını varsaymadan iframe'i nasıl duyarlı hale getirebilirim? Örneğin, içeriğin oluşturulmadan önce bilinmeyen herhangi bir genişliği veya yüksekliği olabilir. Not: Javascript kullanabilirsiniz. Misal: <div id="iframe-container"> <iframe/> </div> Boyut Bu iframe-containeryüzden o zorlukla uygun içinde fazladan boşluk bırakmadan, diğer bir deyişle, kaydırma yapmadan gösterilebilir böylece içerik için yeterli alan, ancak …

14 javascript  html  css  iframe  responsive-design 

Ben sadece konumlar dizisi almak nesneleri dizi var. Amacım bu konumlar dizisini bir diziye birleştirmek, ancak bunu yapmak ve boş dizi almak başarısız. Bunu nasıl yaparım: let results = [{ id: '1', locations: ['aaaa', 'bbbbbb', 'cccccc'] }, { id: '2', locations: [] }, { id: '3', locations: ['ddd', 'aaadsad', 'sefd'] …

14 javascript  arrays  typescript 

Son sayıyı yazdığımda , ilk sayı içeri girer text-box(kaybolur), fazladan bir boşluk ekler. Dışına tıkladıktan sonra text-boxson karakteri yazarken ihtiyacım olan iyi görünüyor. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) 0%); background-position: left bottom; background-size: 38px 1px; background-repeat: repeat-x; width: …

14 javascript  jquery  html  css 

Localhost'umda bir html / js kodu test ediyorum (Windows 7, Chrome v79.0.3945.130 (64 bit)) ve zaman kodu değişikliklerinin yaklaşık% 50'si tarayıcıya yansıtılmadı (Dev Araçlar / Kaynaklar ile görüyorum) ). İnternette bir ton tavsiye var, ancak ikisi de işe yaramıyor gibi görünüyor: Yeniden yükle'ye sağ tıklayın ve "Boş önbellek ve Sabit …

14 javascript  html  server  browser-cache 

Kullanıcılardan jQuery tabanlı sekmelerimi kullandıklarında, tarayıcılarına geri döndüklerinde önceki sekmeye değil, önceki sayfaya gittikleri rahatsız edici bulduklarından çok fazla şikayet alıyorum . Aşağıdaki önceki / sonraki düğmeleri ekledim ama yeterli değil. Kullanıcıların tarayıcı geri okunu tıkladıklarında önceki sayfa yerine önceki sekmeye gitmeleri için düğmeleriimi nasıl yeniden yapılandırabilirim. Burada test edebilirsiniz …

14 javascript  jquery 

Yinelenebilir bir yineleyici ile aynı mıdır yoksa farklı mıdır? Spesifikasyonlardan , yinelenebilir bir nesne, objörneğin obj[Symbol.iterator]bir işleve atıfta bulunacak şekilde bir nesne gibi görünüyor, böylece çağrıldığında bir nesneyi nextdöndürebilecek bir yöntemi olan bir nesneyi döndürüyor {value: ___, done: ___}: function foo() { let i = 0; const wah = { …

14 javascript  ecmascript-6  iterator  iterable 

JS ile bazı html oluşturmak istiyorum, bu nedenle html gibi JS dosyasının içine yazmak gerekiyor: function createHtmlSection() { return "<li class=\"chapter up-wrapper-btn\">" + "<div>" + "<button><i class=\"fa fa-plus\" onclick=\"addSection('up',this)\"></i></button>" + "<label contenteditable=\"true\">section 1</label>" + "</div>" + "</li>"; } html dizesi bu tür oluşturmak için bir araç veya bazı kısayol var …

14 javascript  html 

Fizik tabanlı bir oyun için MatterJs kullanıyorum ve vücut tarafından diğer bedenlerde zorla sürüklenmesini önlemek için bir çözüm bulamadım. Bir vücudu başka bir vücuda sürüklerseniz, sürüklenen vücut kendisini diğer vücuda girmeye zorlar. Kesişmelerini önlemek için güvenilir bir yol arıyorum. Bu etkiyi herhangi bir MatterJS demosunda, fareyle bir gövde seçip başka …

14 javascript  physics  matterjs 

TypeScript 3.7 artık isteğe bağlı zincirleme işlecini desteklemektedir . Bu nedenle, aşağıdaki gibi bir kod yazabilirsiniz: const value = a?.b?.c; Yani, bu operatörü, nesnenin kendisinin olabileceği bir nesnenin özelliklerine erişmek için kullanabilirsiniz nullveya undefined. Şimdi ne yapmak istiyorum temelde aynı, ancak özellik adları dinamik: const value = a?[b]?.c; Ancak, bir …

14 javascript  typescript  optional-chaining 

HTML tablo üzerinde çalışıyorum ve html-to-papervue.js kullanarak yazıcıya bu tablo yazdırıyorum, Yaptığım şey yeni bir satır oluşturma eklemek tıklayın ve daha sonra baskı tıklayın ben masaya yazdırmaya çalışıyorum ama almıyor yalnızca boş hücreleri gösteren veriler Kod Uygulama.vue <template> <div id="app"> <button type="button" @click="btnOnClick">Add</button> <div id="printMe"> <table class="table table-striped table-hover table-bordered …

14 javascript  css  vue.js  printing  vuejs2 

Chrome Tarayıcı otomatik doldurma etkisini kaldırılmış background-colorve background-imagegelen Usernameve Passwordgiriş alanlar. Otomatik tamamlamadan önce Otomatik tamamlamadan sonra Ancak Chrome Tarayıcı otomatik tamamlama, simgelerimi girişlerden gizler ve ayrıca değiştirdi background-color. Yani benim simgeleri olduğu gibi girişlerde kalmak gerekir. Chrome Tarayıcı'nın alanların arka plan rengini değiştirmesini ve görüntüleri gizlemesini durdurmak mümkün mü? …

13 javascript  html  css  google-chrome 

Javascript değişken yük bootstrap modeli giriş kutusuna bazı sorun var: setTimeout(function() { swal({ title: "OverTime Status!", text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department", type: "warning", confirmButtonText: "OK" }, function(isConfirm) { if (isConfirm) { $('#hours_work').val(data.value); //data.value alert the …

13 javascript  php  input  bootstrap-modal  sweetalert 

Aşağıdaki örnekte, etikete tıkladığınızda giriş durumu değişir. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Chrome'da, imleci mousedownve mouseupetkinlikleri arasında hareket ettirdiğinizde giriş yine de tetiklenirken, Firefox'ta onay kutusu durumu değişmez. …

13 javascript  html  css  label 

React.forwardRef'in, tepki belgelerinden bir çocuk fonksiyonel bileşenine ref aktarmanın onaylanmış yolu olduğunu görüyorum: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click me!</FancyButton>; Ancak, bunu sadece özel bir …

13 javascript  reactjs  performance