Chrome 72-এ নতুন

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

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

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

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

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

পাবলিক ক্লাস ক্ষেত্র

আমার প্রথম ভাষা ছিল জাভা, এবং জাভাস্ক্রিপ্ট শেখা আমাকে কিছুটা লুপের জন্য ফেলেছিল। আমি কিভাবে একটি ক্লাস তৈরি করেছি? নাকি উত্তরাধিকার? সরকারী এবং ব্যক্তিগত সম্পত্তি এবং পদ্ধতি সম্পর্কে কি? জাভাস্ক্রিপ্টের সাম্প্রতিক অনেক আপডেট যা অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিংকে অনেক সহজ করে তুলেছে।

আমি এখন ক্লাস তৈরি করতে পারি, যে কাজটি যেমন আমি আশা করি, কনস্ট্রাক্টর, গেটার এবং সেটার্স, স্ট্যাটিক পদ্ধতি এবং পাবলিক প্রপার্টি দিয়ে সম্পূর্ণ।

V8 7.2-এর জন্য ধন্যবাদ, যা Chrome 72-এর সাথে পাঠানো হয়, আপনি এখন শ্রেণী সংজ্ঞায় সরাসরি পাবলিক ক্লাস ক্ষেত্র ঘোষণা করতে পারেন, কনস্ট্রাক্টরে এটি করার প্রয়োজনীয়তা বাদ দিয়ে।

class Counter {
  _value = 0;
  get value() {
    return this._value;
  }
  increment() {
    this._value++;
  }
}

const counter = new Counter();
console.log(counter.value);
// → 0
counter.increment();
console.log(counter.value);
// → 1

প্রাইভেট ক্লাস ফিল্ডের জন্য সমর্থন কাজ করছে!

আরও বিশদ বিবরণের জন্য ক্লাস ক্ষেত্রগুলিতে ম্যাথিয়াসের নিবন্ধে আরও বিশদ রয়েছে।

ব্যবহারকারী সক্রিয়করণ API

মনে রাখবেন যখন পৃষ্ঠা লোড হওয়ার সাথে সাথে সাইটগুলি স্বয়ংক্রিয়ভাবে শব্দ বাজাতে পারে? আপনি নিঃশব্দ কীটি আঘাত করতে ঝাঁপিয়ে পড়েন, বা এটি কোন ট্যাব ছিল তা খুঁজে বের করুন এবং এটি বন্ধ করুন। এই কারণেই কিছু API-এর কাজ করার আগে ব্যবহারকারীর অঙ্গভঙ্গির মাধ্যমে সক্রিয়করণের প্রয়োজন হয়। দুর্ভাগ্যবশত, ব্রাউজারগুলি বিভিন্ন উপায়ে সক্রিয়করণ পরিচালনা করে।

ব্যবহারকারী পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করার আগে এবং পরে ব্যবহারকারী সক্রিয়করণ API।

Chrome 72 ব্যবহারকারী অ্যাক্টিভেশন v2 প্রবর্তন করে, যা সমস্ত গেটেড API-এর জন্য ব্যবহারকারীর সক্রিয়করণকে সহজ করে। এটি একটি নতুন স্পেসিফিকেশনের উপর ভিত্তি করে যার লক্ষ্য সমস্ত ব্রাউজার জুড়ে অ্যাক্টিভেশন কীভাবে কাজ করে তা প্রমিত করা।

navigator এবং MessageEvent উভয় ক্ষেত্রেই একটি নতুন userActivation বৈশিষ্ট্য রয়েছে, যার দুটি বৈশিষ্ট্য রয়েছে: hasBeenActive এবং isActive :

  • hasBeenActive নির্দেশ করে যে সংশ্লিষ্ট উইন্ডোটি তার জীবনচক্রে ব্যবহারকারীর সক্রিয়করণ দেখেছে কিনা।
  • isActive নির্দেশ করে যে সংশ্লিষ্ট উইন্ডোটির জীবনচক্রে বর্তমানে একটি ব্যবহারকারী সক্রিয়করণ আছে কিনা।

এপিআই জুড়ে ব্যবহারকারীর অ্যাক্টিভেশন সামঞ্জস্যপূর্ণ করাতে আরও বিশদ রয়েছে

Intl.format সাহায্যে জিনিসের তালিকা স্থানীয়করণ

আমি Intl APIs পছন্দ করি, তারা অন্যান্য ভাষায় সামগ্রী স্থানীয়করণের জন্য অত্যন্ত সহায়ক! Chrome 72-এ, একটি নতুন .format() পদ্ধতি রয়েছে যা রেন্ডারিং তালিকাকে সহজ করে তোলে৷ অন্যান্য Intl API-এর মতো, এটি কর্মক্ষমতাকে ত্যাগ না করেই বোঝা জাভাস্ক্রিপ্ট ইঞ্জিনে স্থানান্তর করে।

আপনি যে লোকেল চান তা দিয়ে এটি শুরু করুন, তারপরে কল format , এবং এটি সঠিক শব্দ এবং সিনট্যাক্স ব্যবহার করবে। এটি সংযোজন করতে পারে - যা এবং এর স্থানীয় সমতুল্য যোগ করে (এবং সেই সুন্দর অক্সফোর্ড কমাগুলি দেখুন)। এটি বিভক্তি করতে পারে - বা এর স্থানীয় সমতুল্য যোগ করে। এবং কিছু অতিরিক্ত বিকল্প প্রদান করে, আপনি আরও অনেক কিছু করতে পারেন।

const opts = {type: 'disjunction'};
const lf = new Intl.ListFormat('fr', opts);
lf.format(['chien', 'chat', 'oiseau']);
// → 'chien, chat ou oiseau'
lf.format(['chien', 'chat', 'oiseau', 'lapin']);
// → 'chien, chat, oiseau ou lapin'

আরো বিস্তারিত জানার জন্য Intl.ListFormat API পোস্ট দেখুন!

এবং আরো!

এগুলি ডেভেলপারদের জন্য Chrome 72-এর কয়েকটি পরিবর্তন, অবশ্যই, আরও অনেক কিছু আছে।

সদস্যতা

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

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