Chrome 63-এ নতুন

পিট লেপেজ

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

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

পরিবর্তনের সম্পূর্ণ তালিকা চান? Chromium সোর্স রিপোজিটরি পরিবর্তনের তালিকা দেখুন।

ডায়নামিক মডিউল আমদানি

জাভাস্ক্রিপ্ট মডিউল আমদানি করা খুবই সহজ, কিন্তু এটি স্ট্যাটিক, আপনি রানটাইম অবস্থার উপর ভিত্তি করে মডিউল আমদানি করতে পারবেন না।

সৌভাগ্যক্রমে, নতুন ডায়নামিক ইম্পোর্ট সিনট্যাক্স সহ Chrome 63-এ এটি পরিবর্তন হয়। এটি আপনাকে রানটাইমে মডিউল এবং স্ক্রিপ্টগুলিতে গতিশীলভাবে কোড লোড করতে দেয়। এটি একটি স্ক্রিপ্ট অলস লোড করার জন্য ব্যবহার করা যেতে পারে যখন এটি প্রয়োজন হয়, আপনার অ্যাপ্লিকেশনের কার্যকারিতা উন্নত করে৷

button.addEventListener('click', event => {
  import('./dialogBox.js')
  .then(dialogBox => {
    dialogBox.open();
  })
  .catch(error => {
    /* Error handling */
  });
});

ব্যবহারকারী যখন আপনার পৃষ্ঠায় প্রথম আঘাত করে তখন আপনার সম্পূর্ণ অ্যাপ্লিকেশন লোড করার পরিবর্তে, আপনি সাইন ইন করার জন্য প্রয়োজনীয় সংস্থানগুলি দখল করতে পারেন৷ আপনার প্রাথমিক লোড ছোট এবং দ্রুত চিৎকার করে৷ তারপর একবার ব্যবহারকারী সাইন ইন করলে, বাকিটা লোড করুন এবং আপনি যেতে পারবেন।

অ্যাসিঙ্ক পুনরাবৃত্তিকারী এবং জেনারেটর

async ফাংশনগুলির সাথে যেকোন ধরণের পুনরাবৃত্তি করে এমন কোড লেখা কুশ্রী হতে পারে। আসলে, এটি আমার প্রিয় ইন্টারভিউ কোডিং প্রশ্নের মূল অংশ।

এখন, async জেনারেটর ফাংশন এবং async পুনরাবৃত্তি প্রোটোকলের সাথে, স্ট্রিমিং ডেটা উত্সগুলির ব্যবহার বা বাস্তবায়ন স্ট্রিমলাইন হয়ে যায় এবং আমার কোডিং প্রশ্নটি আরও সহজ হয়ে যায়।

async function* getChunkSizes(url) {
  const response = await fetch(url);
  const b = response.body;
  for await (const chunk of magic(b)) {
    yield chunk.length;
  }
}

অ্যাসিঙ্ক ইটারেটরগুলি লুপগুলির for-of ব্যবহার করা যেতে পারে এবং অ্যাসিঙ্ক ইটারেটর কারখানার মাধ্যমে আপনার নিজস্ব কাস্টম অ্যাসিঙ্ক ইটারেটর তৈরি করতেও ব্যবহার করা যেতে পারে।

ওভার-স্ক্রোল আচরণ

স্ক্রলিং হল একটি পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করার সবচেয়ে মৌলিক উপায়গুলির মধ্যে একটি, তবে নির্দিষ্ট প্যাটার্নগুলি মোকাবেলা করা কঠিন হতে পারে। উদাহরণস্বরূপ, ব্রাউজারগুলি রিফ্রেশ বৈশিষ্ট্যের দিকে টেনে নেয় , যেখানে পৃষ্ঠার শীর্ষে নিচের দিকে সোয়াইপ করা কঠিন রিলোড করে।

আগে, সম্পূর্ণ পৃষ্ঠা রিফ্রেশ সঙ্গে.

পরে, শুধুমাত্র বিষয়বস্তু রিফ্রেশ করুন।

কিছু ক্ষেত্রে, আপনি সেই আচরণটিকে ওভাররাইড করতে এবং আপনার নিজের অভিজ্ঞতা প্রদান করতে চাইতে পারেন। টুইটারের প্রগতিশীল ওয়েব অ্যাপটি এটিই করে, যখন আপনি পুরো পৃষ্ঠাটি পুনরায় লোড করার পরিবর্তে নিচে টান দেন, এটি বর্তমান দৃশ্যে যেকোনো নতুন টুইট যোগ করে।

Chrome 63 এখন CSS overscroll-behavior বৈশিষ্ট্য সমর্থন করে, ব্রাউজারের ডিফল্ট ওভারফ্লো স্ক্রোল আচরণকে ওভাররাইড করা সহজ করে তোলে।

আপনি এটি ব্যবহার করতে পারেন:

সর্বোত্তম অংশ, overscroll-behavior আপনার পৃষ্ঠার কর্মক্ষমতাতে নেতিবাচক প্রভাব ফেলে না!

অনুমতি UI পরিবর্তন

আমি ওয়েব পুশ নোটিফিকেশন পছন্দ করি কিন্তু কোনো প্রসঙ্গ ছাড়াই পৃষ্ঠা লোডের অনুমতি চাওয়া সাইটের সংখ্যা দেখে আমি সত্যিই হতাশ হয়েছি - এবং আমি একা নই।

সমস্ত অনুমতি অনুরোধের 90% উপেক্ষা করা হয়েছে বা সাময়িকভাবে অবরুদ্ধ করা হয়েছে।

Chrome 59-এ, ব্যবহারকারী যদি অনুরোধটি তিনবার খারিজ করে দেয় তাহলে আমরা সাময়িকভাবে একটি অনুমতি ব্লক করে এই সমস্যার সমাধান করতে শুরু করেছি। এখন m63-এ, Android এর জন্য Chrome অনুমতির অনুরোধ করবে মডেল ডায়ালগ।

মনে রাখবেন, এটি শুধুমাত্র পুশ বিজ্ঞপ্তির জন্য নয়, এটি সমস্ত অনুমতি অনুরোধের জন্য। আপনি যদি উপযুক্ত সময়ে এবং প্রসঙ্গে অনুমতি চান, আমরা দেখেছি যে ব্যবহারকারীদের অনুমতি দেওয়ার সম্ভাবনা আড়াই গুণ বেশি!

এবং আরো!

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

  • finally এখন Promise দৃষ্টান্তে উপলব্ধ এবং একটি Promise পূরণ বা প্রত্যাখ্যান করার পরে আহ্বান করা হয়।
  • নতুন ডিভাইস মেমরি জাভাস্ক্রিপ্ট API আপনাকে ব্যবহারকারীর ডিভাইসে RAM এর মোট পরিমাণ সম্পর্কে ইঙ্গিত দিয়ে কার্যক্ষমতার সীমাবদ্ধতা বুঝতে সাহায্য করে। আপনি রানটাইমে আপনার অভিজ্ঞতাকে উপযোগী করতে পারেন, নিম্ন প্রান্তের ডিভাইসে জটিলতা কমাতে পারেন, ব্যবহারকারীদের কম হতাশা সহ আরও ভাল অভিজ্ঞতা প্রদান করতে পারেন।
  • Intl.PluralRules API আপনাকে এমন অ্যাপ্লিকেশন তৈরি করতে দেয় যা একটি প্রদত্ত ভাষার বহুবচন বুঝতে পারে একটি প্রদত্ত সংখ্যা এবং ভাষার জন্য কোন বহুবচন ফর্মটি প্রযোজ্য তা নির্দেশ করে৷ এবং ক্রমিক সংখ্যার সাহায্য করতে পারে।

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

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