«javascript» etiketlenmiş sorular

Nextjs projemde, jsconfig.jsonmutlak ithalatları kolaylaştırmak için yolu çizdim { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } İçe aktarma yollarım şöyle görünüyor import { VIEW } from '@/src/shared/constants'; Benim eslintrc.jsolarak belirtilen ayarları vardır module.exports = { ... , settings: { "import/resolver": …

9 javascript  webpack  babel  eslint 

Airpods Pro sayfalarında Apple ile aynı efekti canlandırdığım bir sarıcı yaptım . Temelde bir video, videoyu oynattığımda biraz oynatıyorum. Videonun konumu sabitlenir, böylece metin güzel bir şekilde kaydırılır. Ancak, metin yalnızca belirli bir bölümün uzaklığı (metin ekranı) arasında görünür. Bu bölüm iyi çalışıyor. Şimdi, kullanıcı videonun sonuna geldiğinde ve böylece …

9 javascript  jquery  html  css 

Son zamanlarda bazı web sitesi optimizasyon çalışmaları üzerinde çalışıyorum ve bu gibi alma deyimi kullanarak web paketinde kod bölme kullanmaya başlıyorum: import(/* webpackChunkName: 'pageB-chunk' */ './pageB') Hangi doğru pageB-chunk.js oluşturmak , şimdi diyelim ki sayfa A bu yığın yığın önceden istiyorum , sayfa A bu ifadeyi ekleyerek bunu yapabilirsiniz: import(/* …

9 javascript  webpack  lazy-loading  prefetch 

Bazı birim testleri deniyorum, sahte bir örnekle bir sanal alan oluşturdum https://codesandbox.io/s/wizardly-hooks-32w6l (gerçekte bir formum var) class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1, number2) => { this.setState({ number: this.handleMultiply(number1, number2) }) } handleMultiply = (number1, number2) => { return …

9 javascript  reactjs  jestjs 

Sonsuz bir şekilde dönen bir 3d tekerleği simüle eden 12 maddeden oluşan bir atlıkarınca yapmam gerekiyor. Açık olmak gerekirse, tam olarak bu etkiyi yaratmam gerekiyor: https://codepen.io/SitePoint/pen/yXWXaw ( burada bulundu ) ancak bu ekleme özellikleriyle (özellikle masaüstü ve mobil cihazlarda): slaytlar tokatlamak adım adım takip etmek gerekir, yani slaytlar kaydırma sırasında …

9 javascript  css  carousel  swiper 

Bu nedenle, bu soruya bazı cevaplar arıyordum ve içe aktarırken, 'React' öğesinin varsayılan dışa aktarma olduğu ve adlandırılmış bir dışa aktarma olmadığı için {} içinde olması gerekmediğini gördüm. varsayılan bir dışa aktarmayı içe aktarırken, içe aktarma sırasında bunun için herhangi bir ad kullanabiliriz. Ancak bu durumda, yalnızca aşağıdaki içe aktarmayı …

9 javascript  reactjs 

Bağımlı bir açılır liste içeren bir form var. Bu ikincil açılır menü, seçilen birincil seçeneğin ikincil seçenekleri olmadığında ve sayfa ilk yüklendiğinde gizlenir. Form gönderildiğinde, yalnızca ilk alan temizlenir, çünkü çoğu zaman açılır listeler aynı kalır, çünkü komut dosyası, birincil açılır menüde bir değişiklik olduğunda çalışır; bir değişiklik oluşturmazsa, yalnızca …

9 javascript  python  html  django 

Ben React bileşenleri ayrıştırmak istiyorum bazı özel html ile birlikte Markdown çok küçük bir alt kümesi var. Örneğin, şu dizeyi açmak istiyorum: hello *asdf* *how* _are_ you !doing! today Aşağıdaki diziye: [ "hello ", <strong>asdf</strong>, " ", <strong>how</strong>, " ", <em>are</em>, " you ", <MyComponent onClick={this.action}>doing</MyComponent>, " today" ] ve …

9 javascript  arrays  regex  reactjs  markdown 

Kullanıcının yapılacak iş öğelerinin listesini sıralayabilmesini istiyorum. Kullanıcılar bir açılır menüden bir öğe seçtiğinde, öğenin sortKeyyeni bir sürümünü oluşturacak setSortedTodosve ardından useEffectve çağrısını tetikleyecektir setSortedTodos. Örneğin aşağıda, tam istediğim nasıl çalışır ancak eslint eklemek için beni kışkırtan, todoshiç useEffectdependancy dizisi ve bunu yaparsam (beklediğiniz gibi) o sonsuz döngüye neden olur. …

9 javascript  reactjs  react-hooks  eslint 

Kullanıcılar tarafından Sepete eklenen ürünlerin listelendiği alışveriş sepeti sayfasını gösteriyorum. İki dizim var: Biri ürün detayları. productDetails: [ { productID: 1, productTitle: 'Product Title 1', productPrice: 2000 }, { productID: 2, productTitle: 'Product Title 2', productPrice: 5000 }, { productID: 3, productTitle: 'Product Title 3', productPrice: 1000 }, { productID: …

9 javascript  arrays  dictionary  filter 

İşaretleyiciyle ilgili bir sorunum var, işaretçinin ilerleme çubuğunda herhangi bir yeri işaretlemek için gerilmesini istiyorum Aşağıda gösterildiği gibi GIF Soru: İlerleme çubuğundaki herhangi bir noktayı seçmek ve işaretçiyi uzatabiliyorum, bu da birden fazla işaret noktası olabilir. Aşağıdaki kod ile nasıl yapacağımı bilmiyorum: var player = videojs('demo'); player.markers({ markerStyle: { 'width':'9px', …

9 javascript  jquery  html  video.js 

Bir PascalCase dizesini bölecek patlama yazı tipinde bir boru yapmaya çalışıyordum, ama bu da rakamlar üzerinde de bölünürse güzel olurdu. Ayrıca ardışık büyük harflere bölünmesini de istiyorum. Harika çalışan bu boruya sahibim, ancak Firefox'ta değil, yalnızca Chrome'da çalışıyor, sadece Chrome'un arkası olanları destekliyor. Geriye bakmadan bunu nasıl başarabilirim? transform(value: string): …

9 javascript  regex  typescript 

Ben ( Chartjs-tsgauge ) dayalı bir Ölçer grafik kullanıyorum . Grafik için arka plan renklerini gösterge sınırlarından ayrı olarak ayarlamak istiyorum. Kullandığım eklentinin arka planlar hakkında bir kodu olmadığından, Charts.JS'nin arka planı nasıl oluşturduğu sorunu . Örneğin, sınırları olan bir Ölçerim var [0, 20, 40, 60, 80, 100]. [0-30]Yeşile, [30-70]sarıya …

9 javascript  html5-canvas  chart.js 

Kenar çubuğum / gezinme içeriğimi (Bootstrap kullanarak) varsayılan olarak masaüstünde gösterilecek (genişletilecek) ve mobilde varsayılan olarak kapatılan ve yalnızca mobil cihazlarda gösterilen simgeyi almaya çalışırken gerçek bir sorun yaşıyorum. Bunun işe yaramasını sağlayamıyorum. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa …

9 javascript  html  css  bootstrap-4  responsive-design 

Bir var işareti düğmesini UI üzerinde, herhangi bir kullanıcı seçimi kırmızı işaretlenir, tıklatarak. Burada sorun yok. Bunu elde ederimdocument.execCommand("insertHTML") Ancak, eski seçim işaretlerinin kesişimi olan yeni seçim oluşturulursa, eski seçimin kırmızı işaretinin kaybolması gerektiğini de ek bir gereksinimim var. Örnek olarak: Aşağıdaki resimde: bu ve test işaretlenmiştir. Ben seçmek Şimdi …

9 javascript