«javascript» etiketlenmiş sorular

E-ticaret mağazasında: Ana sayfada görüntülenen öğeler var ve her öğenin altında bir "Sepete Ekle" düğmesi var. Bu düğmeye tıklandığında, ürün sepete eklenir. Bu düğmeye tekrar tıklanırsa, halihazırda alışveriş sepetinde bulunan öğenin miktarı 1 artar. Bunun döngü olduğunu düşünüyorum . Çok uzak çok iyi. Tek Ürün sayfasında bir "Sepete Ekle" düğmesi …

10 javascript  php  jquery  wordpress  woocommerce 

Sayfa sunucu tarafında işlenir ve kullanıcı arabiriminde titreşim değişikliklerini önlemek için bana Next.js kullanarak bana gönderilmeden önce kullanıcı giriş olup olmadığını bilmek gerektiğinde bir durum var. Kullanıcının zaten bu HOC bileşenini kullanarak giriş yaptığında bazı sayfalara erişmesini nasıl önleyebileceğimi anlayabildim ... export const noAuthenticatedAllowed = (WrappedComponent: NextPage) => { const …

10 javascript  reactjs  typescript  next.js 

Harici (node_modules) desen kütüphanemden bileşenler oluşturuyorum. Benim ana App, benim geçiyorum Linkgelen örneği react-router-domşöyle Harici kütüphanelerin bileşenine: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> Kütüphanemde şu şekilde işler Link: const RouterLink = withLinkProps.routerLink; …

10 javascript  reactjs  react-router-dom 

Görüntü şeffaflığını kontrol etmek ve görüntü arka planı saydam değilse bir hata mesajı görüntülemek istiyorum. Ben function hasAlpha(file)bunu kontrol etmek dosya şeffaf bir arka plana sahip ama emin geçirin nasıl olduğumu function uploadFile(file)zaten hangi kontroller dosya boyutu için işlevi. Ben ifiçinde dosya boyutu deyimi çoğaltabilir ve if (xhr.upload) {}yüklenen görüntü …

10 javascript 

Dün benzer bir soru sordum ama kötü bir şekilde açıkladım ve saf-CSS çözümü için arzumu belirtmedim, ki bunun mümkün olması gerektiğini düşünüyorum, bu yüzden tekrar deniyorum. Temelde, kaydırılabilir iletilerin bir div ve altında bir giriş alanı var bir sorun var. Bir düğmeyi tıklattığımda, giriş alanının mesajların da kaydırılmasını gerektirmeden giriş …

10 javascript  html  css  scroll  scrollbar 

send-messageMetin kutusunu seçtiğinizde ve sanal klavyeyi açtığınızda, en alttaki mesaj hala görüntülenmekte olan diğer mobil sohbet uygulamalarını taklit etmeye çalışıyorum . Bunu CSS ile inanılmaz bir şekilde yapmanın bir yolu yok gibi görünüyor, bu nedenle JavaScript resize(klavyenin açılıp kapatıldığı zaman öğrenmenin tek yolu) olaylar ve kurtarmaya manuel kaydırma. Birisi bu …

10 javascript  android  html  css  reactjs 

Seçenekleri seçimden kaldırmaya çalışırken, her zaman bir tane kaldı, neden? <select id="form-select"> <option>111</option> <option>222</option> <option>333</option> </select> Bu JS çalışmıyor: var t = document.querySelector('#form-select'); for(var i of t.options) { t.remove(i.index) } Ve bu da çalışmıyor: for(var i of document.querySelector('#form-select').options) { i.remove() } Bunu başarmak için başka çözümler olduğunu biliyorum, ama neden …

10 javascript 

Bir tepki app bir firestore zaman damgası görüntülemek nasıl anlamaya çalışıyorum. Oluşturulan alan adlı bir firestore belgem var. Çıktı listesine dahil etmeye çalışıyorum (ilgili bitlerin ayıklanması, böylece tüm alanların listesini okumak zorunda değilsiniz). componentDidMount() { this.setState({ loading: true }); this.unsubscribe = this.props.firebase .users() .onSnapshot(snapshot => { let users = []; …

10 javascript  reactjs  firebase  google-cloud-firestore  unix-timestamp 

Bir kullanmanın nedeni (0, foo.fn)(); etmektir bağlama kesmek : thisbağlı olmayacak artık olacak fooama küresel nesneye bağlı olacaktır. Ancak, herhangi bir JavaScript kodunun (veya Google'ın JS kodunun) bağlamayı kesmek istemesinin nedeni nedir? (ve bir anti-desen mi, değil mi?)

10 javascript 

Bu sürümleri kullanan iki Açısal projem var: 9.0.0-next.6 8.1.0 Sürüm 9'da bunu sağlamak ve enjekte etmek için windowkullandım: @NgModule({ providers: [ { provide: Window, useValue: window }, ] }) export class TestComponent implements OnInit { constructor(@Inject(Window) private window: Window) } Hangi iyi çalışıyor. Sürüm 8'e bu yaklaşımı kullanmak derleme sırasında …

10 javascript  angular  typescript  dependency-injection  angular8 

Sorun arka plan: Bir sayfada matematik yapmak için katex kullanıyorum. Daha sonra o sayfanın bir kısmının PDF sürümünü oluşturmak istiyorum, bu yüzden tüm CSS'yi satır içine alan ve oluşturucuya ileten dışa aktarılacak parçayı içeren bir HTML belgesi oluşturuyorum. Oluşturucu düğüm kaynaklarına erişemiyor, bu yüzden her şey satır içi. Yazı tipleri …

10 javascript  css  webpack  data-uri 

Yakalanmayan TypeError: t.rgb bir işlev değil Açısal bir uygulama oluşturdum, oluşturdum ve sunmaya çalışıyorum $ ng serve --prod --aot Bu konsolda aşağıdaki hatayla sonuçlanır Uncaught TypeError: t.rgb is not a function at HO (color.js.pre-build-optimizer.js:227) at GO (color.js.pre-build-optimizer.js:232) at rgb.js.pre-build-optimizer.js:36 at RH (ramp.js.pre-build-optimizer.js:4) at Module.zUnb (BrBG.js.pre-build-optimizer.js:16) at f (bootstrap:78) at Object.0 …

10 javascript  angular  d3.js 

Görünüşe göre JavaScript (ES6) Sınıflarında super.__proto__ === this.__proto__. Neden böyle olduğunu açıklayabilir misiniz? Davranış farklı tarayıcılarda tutarlı görünüyor, bu yüzden bu özellikte bir yerde belirtildiğinden şüpheleniyorum. Aşağıdaki kodu göz önünde bulundurun: class Level1 { myFunc() { console.log('Level1'); } } class Level2 extends Level1 { myFunc() { console.log('Level2'); } } class …

10 javascript  ecmascript-6 

Güncelleme 5 Bekleneni göstermek için başka bir keman yarattı. Görünmez bir skydome ve bir cubecamera eklenir ve çevre haritası kullanılır; benim durumumda, bu tekniğin hiçbiri daha önce belirtilen nedenlerle kullanılmamalıdır. Kod snippet'ini göster var MatcapTransformer = function(uvs, face) { for (var i = uvs.length; i-- > 0;) { uvs[i].x = …

10 javascript  three.js  geometry  texture-mapping  uv-mapping 

Ben işlev kompozisyonu ile tanımlanmış bir ES6 tarzı işlevi var asyncPipe. import { getItemAsync } from 'expo-secure-store'; const asyncPipe = (...fns) => x => fns.reduce(async (y, f) => f(await y), x); const getToken = () => getItemAsync('token'); const liftedGetToken = async ({ ...rest }) => ({ token: await getToken(), ...rest, …

10 javascript  ecmascript-6  functional-programming  intellisense  jsdoc