Chrome 74-এ নতুন

পিট লেপেজ

Chrome 74-এ, আমরা এর জন্য সমর্থন যোগ করেছি:

এবং আরো অনেক আছে!

আমি পিট লেপেজ । চলুন ডুব দিয়ে দেখি Chrome 74-এ ডেভেলপারদের জন্য নতুন কী আছে!

লগ পরিবর্তন করুন

এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে, Chrome 74-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন৷

ব্যক্তিগত শ্রেণীর ক্ষেত্র

ক্লাস ক্ষেত্রগুলি কেবল উদাহরণের বৈশিষ্ট্যগুলিকে সংজ্ঞায়িত করার জন্য কন্সট্রাক্টর ফাংশনের প্রয়োজনীয়তা এড়িয়ে ক্লাস সিনট্যাক্সকে সহজ করে। Chrome 72-এ, আমরা পাবলিক ক্লাস ফিল্ডের জন্য সমর্থন যোগ করেছি।

class IncreasingCounter {
  // Public class field
  _publicValue = 0;
  get value() {
    return this._publicValue;
  }
  increment() {
    this._publicValue++;
  }
}

এবং আমি বলেছিলাম প্রাইভেট ক্লাস ফিল্ড কাজ করছি. আমি বলতে পেরে খুশি যে ব্যক্তিগত শ্রেণীর ক্ষেত্রগুলি Chrome 74-এ অবতরণ করেছে৷ নতুন ব্যক্তিগত ক্ষেত্রের সিনট্যাক্সটি সর্বজনীন ক্ষেত্রের অনুরূপ, আপনি একটি # (পাউন্ড চিহ্ন) ব্যবহার করে ক্ষেত্রটিকে ব্যক্তিগত হিসাবে চিহ্নিত না করলে৷ # কে ক্ষেত্রের নামের অংশ হিসেবে ভাবুন।

class IncreasingCounter {
  // Private class field
  #privateValue = 0;
  get value() {
    return this.#privateValue;
  }
  increment() {
    this.#privateValue++;
  }
}

মনে রাখবেন, private ক্ষেত্রগুলি কেবল এটিই, ব্যক্তিগত । এগুলি ক্লাসের ভিতরে অ্যাক্সেসযোগ্য, কিন্তু ক্লাস বডির বাইরে উপলব্ধ নয়৷

class SimpleClass {
  _iAmPublic = 'shared';
  #iAmPrivate = 'secret';
  doSomething() {
    ...
  }
}

পাবলিক এবং প্রাইভেট ক্লাস সম্পর্কে আরও পড়তে, ক্লাস ফিল্ডে ম্যাথিয়াসের পোস্ট দেখুন।

prefers-reduced-motion

কিছু ব্যবহারকারী প্যারালাক্স স্ক্রলিং, জুমিং এবং অন্যান্য মোশন এফেক্ট দেখার সময় মোশন সিক হওয়ার রিপোর্ট করেছেন। এটি মোকাবেলা করার জন্য, অনেক অপারেটিং সিস্টেম যখনই সম্ভব গতি কমানোর একটি বিকল্প প্রদান করে।

Chrome এখন একটি মিডিয়া ক্যোয়ারী প্রদান করে, prefers-reduced-motion - Media Querys Level 5 spec এর অংশ, যা এই বিকল্পটি চালু হলে আপনাকে সনাক্ত করতে দেয়৷


@media (prefers-reduced-motion: reduce)

কল্পনা করুন আমার কাছে একটি সাইন-আপ বোতাম আছে যা সামান্য গতিতে নিজের দিকে মনোযোগ আকর্ষণ করে। নতুন ক্যোয়ারী আমাকে শুধু বোতামের জন্য গতি বন্ধ করতে দেয়।

button {
  animation: vibrate 0.3s linear infinite both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}

টমের নিবন্ধটি দেখুন মুভ ইয়া! অথবা হয়ত, না, যদি ব্যবহারকারী পছন্দ করে-হ্রাল-মোশন! আরো বিস্তারিত জানার জন্য.

CSS transition ইভেন্ট

CSS ট্রানজিশন স্পেসিফিকেশনের প্রয়োজন হয় যে ট্রানজিশন ইভেন্টগুলি পাঠানো হয় যখন একটি ট্রানজিশন সারিবদ্ধ থাকে, শুরু হয়, শেষ হয় বা বাতিল হয়। এই ইভেন্টগুলি কিছু সময়ের জন্য অন্যান্য ব্রাউজারে সমর্থিত হয়েছে...

কিন্তু, এখন পর্যন্ত, তারা Chrome এ সমর্থিত ছিল না। Chrome 74-এ আপনি এখন শুনতে পারেন:

  • transitionrun
  • transitionstart
  • transitionend
  • transitioncancel

এই ইভেন্টগুলির জন্য শোনার মাধ্যমে, একটি পরিবর্তন চালানো হলে ট্র্যাক করা বা আচরণ পরিবর্তন করা সম্ভব।

বৈশিষ্ট্য নীতি API আপডেট

বৈশিষ্ট্য নীতিগুলি, আপনাকে বেছে বেছে API এবং অন্যান্য ওয়েব বৈশিষ্ট্যগুলির আচরণকে সক্ষম, অক্ষম এবং সংশোধন করার অনুমতি দেয়৷ এটি হয় ফিচার-পলিসি হেডারের মাধ্যমে বা আইফ্রেমে অনুমোদিত বৈশিষ্ট্যের মাধ্যমে করা হয়।

Feature-Policy: geolocation 'self'

<iframe ... allow="geolocation self">
</iframe>

কোন বৈশিষ্ট্যগুলি সক্ষম করা হয়েছে তা পরীক্ষা করতে Chrome 74 API-এর একটি নতুন সেট প্রবর্তন করে:

  • আপনি document.featurePolicy.allowedFeatures() দিয়ে অনুমোদিত বৈশিষ্ট্যের একটি তালিকা পেতে পারেন।
  • আপনি document.featurePolicy.allowsFeature(...) দিয়ে একটি নির্দিষ্ট বৈশিষ্ট্য অনুমোদিত কিনা তা পরীক্ষা করতে পারেন।
  • এবং, আপনি বর্তমান পৃষ্ঠায় ব্যবহৃত ডোমেনের একটি তালিকা পেতে পারেন যা document.featurePolicy.getAllowlistForFeature() সহ একটি নির্দিষ্ট বৈশিষ্ট্যের অনুমতি দেয়।

আরও বিশদ বিবরণের জন্য বৈশিষ্ট্য নীতি পোস্টের ভূমিকা দেখুন।

এবং আরো!

এইগুলি বিকাশকারীদের জন্য Chrome 74-এর কয়েকটি পরিবর্তন, অবশ্যই, আরও অনেক কিছু আছে। ব্যক্তিগতভাবে, আমি কেভি স্টোরেজ সম্পর্কে বেশ উত্তেজিত, একটি অতি দ্রুত, অ্যাসিঙ্ক, কী/মূল্য স্টোরেজ পরিষেবা, একটি অরিজিন ট্রায়াল হিসাবে উপলব্ধ৷

Google I/O শীঘ্রই ঘটছে!

এবং ভুলে যাবেন না - Google I/O মাত্র কয়েক সপ্তাহ দূরে (মে 7 থেকে 9) এবং আমাদের কাছে আপনার জন্য অনেক দুর্দান্ত নতুন জিনিস থাকবে৷ আপনি এটি করতে না পারলে, সমস্ত সেশন লাইভ স্ট্রিম করা হবে, এবং পরে আমাদের Chrome বিকাশকারী YouTube চ্যানেলে উপলব্ধ হবে৷

সাবস্ক্রাইব

আমাদের ভিডিওগুলির সাথে আপ টু ডেট থাকতে চান, তারপরে আমাদের Chrome বিকাশকারী YouTube চ্যানেলে সদস্যতা নিন , এবং যখনই আমরা একটি নতুন ভিডিও চালু করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷

আমি পিট লেপেজ, এবং Chrome 75 রিলিজ হওয়ার সাথে সাথে, আমি আপনাকে বলতে এখানে থাকব -- Chrome-এ নতুন কি!