Jquery কোডটি জাভাস্ক্রিপ্টে রূপান্তর করার কোনও সহজ উপায় আছে? [বন্ধ]


142

JQuery কোডটিকে নিয়মিত জাভাস্ক্রিপ্টে রূপান্তর করার কোন সহজ উপায় আছে? আমি jQuery উত্স কোড অ্যাক্সেস বা না বুঝতে অনুমান।


8
আমি মূলত এমন কিছুর পরে ছিলাম যে 1 জ্যুওয়ারি লাইনটি 10 ​​ভ্যানিলা জাভাস্ক্রিপ্ট লাইনে রূপান্তর করেছিল ... যেসব ক্ষেত্রে যখন
জ্যুয়েরি

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

23
আমি এটির জন্যও ভাল ব্যবহার দেখতে পাচ্ছি। ধরুন আপনি jQuery সহ জাভাস্ক্রিপ্টে প্রায় 10-100 লাইন ব্যবহার করেন। এটি মূল পদ্ধতিতে ফাংশনগুলি পুনরায় সংবিধান এবং প্রতিস্থাপনের মাধ্যমে ব্যান্ডউইদথকে বাঁচাতে পারে এবং jQuery থেকে সমস্ত কিছু লোড না করে।

5
আমি একই প্রশ্ন পেয়েছিলাম। অনেকে জবাব দিয়েছিলেন যে jQuery আরও সহজ, তবে যে বিকাশকারী ইতিমধ্যে জাভাস্ক্রিপ্টের সাথে পরিচিত তিনি jQuery এর প্রতীক / সংক্ষেপণ বুঝতে কিছু সমস্যা পেয়ে যাবেন। এবং আমার জিজ্ঞাসা করার কারণটি হ'ল কোনও কারণে jQuery স্ক্রিপ্টটি ব্ল্যাকবেরিতে কাজ করবে না। এটি একটি অ্যাজাক্স-আপলোড স্ক্রিপ্ট। সুতরাং আমি মনে করি আমার এটি জাভাস্ক্রিপ্টে অনুবাদ করতে হবে :(

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

উত্তর:


41

সবচেয়ে সহজ উপায় হ'ল কীভাবে প্লেইন ডিওএম এপিআই দিয়ে ডোম ট্র্যাভার্সিং এবং ম্যানিপুলেশন করা যায় তা শিখাই (আপনি সম্ভবত এটি ডাকবেন: সাধারণ জাভাস্ক্রিপ্ট)।

এটি অবশ্য কিছু জিনিসের জন্য ব্যথা হতে পারে। (যে কারণে গ্রন্থাগারগুলি প্রথম স্থানে উদ্ভাবিত হয়েছিল)।

"জাভাস্ক্রিপ্ট ডিওএম ট্রভার্সিং / ম্যানিপুলেশন" এর জন্য গুগলিংয়ে আপনাকে প্রচুর সহায়ক (এবং কিছুটা কম সহায়ক) সংস্থান সরবরাহ করতে হবে।

এই ওয়েবসাইটে নিবন্ধগুলি বেশ ভাল: http://www.htmlgoodies.com/primers/jsp/

এবং নোসারেডা মন্তব্যগুলিতে যেমন উল্লেখ করেছেন: সমস্ত ব্রাউজারে পরীক্ষা করে নেওয়ার বিষয়টি নিশ্চিত করুন, কারণ এখন jQuery আপনার জন্য অসঙ্গতিগুলি পরিচালনা করবে না।


4
এবং আপনাকে অবশ্যই প্রতিটি ব্রাউজারের বিভিন্ন সংস্করণের বিরুদ্ধে পরীক্ষা করতে হবে।
নসরেডনা

1
ডেস্কটপ ওয়ার্কস্টেশন পছন্দ jQuery ব্যবহার প্রভাবিত করে?
ড্যান ডেভিস ব্র্যাকেট

5
আমি কিছু সংস্থার জন্য ওপেন সোর্স লাইব্রেরি ব্যবহারের রাজনীতির প্রতি সহানুভূতি জানাই। শেষ অবধি আপনি সরল DOM ট্র্যাভারসাল এবং জেএস-তে সরলভাবে পুনরায় লেখার জন্য ব্যয় করছেন এবং জেএস সংস্থার জন্য অর্থ নষ্ট করছে। আপনি কেস করতে পারেন যে খুব বড় রক্ষণশীল সংস্থাগুলি সহ বড় বড় সংস্থাগুলি jQuery ব্যবহার করে: ডকস.জকোয়ারি / সাইটস_উজিং_জ্যাকুয়ারি : ওরাকল, গুগল, অ্যামাজন, ডেল, আমেরিকা ব্যাংক, ইনটুইট, সেলসফোর্স। এগুলি খুব কমই হিপ্পি কমিউনিস্ট সংস্থাগুলি। এগুলি খুব বাস্তব সংস্থাগুলি যাদের আইন বিভাগগুলি সম্ভবত তাদের হোমওয়ার্ক করেছে এবং jQuery গ্রহণ করেছে ...
আর্টলং

2
@ ডেভিডস্লিপস - jQuery মাইক্রোসফ্ট দ্বারা অনুমোদিত ... এটি ভিজ্যুয়াল স্টুডিও ২০০৮-এ অন্তর্ভুক্ত রয়েছে, যা প্রযুক্তিগতভাবে এটিকে "মাইক্রোসফ্ট" সরঞ্জাম হিসাবে তৈরি করে makes এটি কি আপনার নিয়োগকর্তাকে আরও ভাল বোধ করবে?
রবার্ট হার্ভে

4
আপনি একই জিনিসটি লেখার জন্য jquery এবং পুরো গুচ্ছ জাভাস্ক্রিপ্টের মধ্যে আপনার কোম্পানির কী পার্থক্য রয়েছে? এটি এমন নয় যে আপনি কোনও কিছু ইনস্টল করছেন, একটি নতুন ভাষায় কোডিং করছেন বা কোনও নির্ভরতা যুক্ত করছেন। এটি সত্যিই বোকামি আমি শুনেছি, জাভাস্ক্রিপ্ট অনুমতি দেয় কিন্তু jQuery না। jQuery হ'ল জাভাস্ক্রিপ্ট!
micmcg

60

এটি আপনাকে সেখানে 90% পথ পাবে; )

window.$ = document.querySelectorAll.bind(document)

আয়াক্স জন্য, পান এপিআই এখন প্রতিটি বৃহত ব্রাউজারের বর্তমান সংস্করণটি সমর্থিত । জন্য $.ready(), সর্বজনীন সমর্থন কাছাকাছিDOMContentLoaded আছে । আপনার দরকার নেই জিকুয়েরি অন্যান্য সাধারণ জিকুয়েরি ফাংশনের জন্য সমপরিমাণ দেশীয় পদ্ধতি দেয়।

জেপ্টো অনুরূপ কার্যকারিতা সরবরাহ করে তবে 10 কে জিপযুক্ত ওজনের হয়। JQuery এবং Zepto এর জন্য কাস্টম অ্যাজাক্স বিল্ডগুলি পাশাপাশি কিছু মাইক্রো ফ্রেমওয়ার্ক রয়েছে তবে jQuery / জেপ্টোটির শক্ত সমর্থন রয়েছে এবং 56 কে মডেমের 10KB মাত্র 1 ডলার।


22

আমি মাত্র 19 ই জানুয়ারী 2012 এ জেফরি ওয়ে থেকে জাভাস্ক্রিপ্ট রূপান্তরকরণের জন্য jquery সম্পর্কে এই বেশ চিত্তাকর্ষক টিউটোরিয়ালটি পেয়েছি *Copyright © 2014 Envato* :

http://net.tutsplus.com/tutorials/javascript-ajax/from-jquery-to-javascript-a-reference/

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

এই নিবন্ধে, আমরা বিভিন্ন সাধারণ jQuery টাস্ক নেব এবং সেগুলি আধুনিক এবং লিগ্যাসি উভয় জাভাস্ক্রিপ্টে রূপান্তর করব।

আমি ওপিকে একটি মন্তব্যে এটি প্রস্তাব করেছি এবং তার পরামর্শের পরে, আমি প্রকাশ করি এটির প্রত্যেকটির কাছে উল্লেখ করার একটি উত্তর রয়েছে।

এছাড়াও, জেফরি ওয়ে তার অনুপ্রেরণা ডাইনি সম্পর্কে উল্লিখিত বলে বোঝার জন্য একটি ভাল প্রাইমার বলে মনে হচ্ছে: http://sharedfil.es/js-48hIfQE4XK.html

একটি টিজার রয়েছে, জাভাস্ক্রিপ্টের সাথে jQuery এর এই দস্তাবেজের তুলনা:

$(document).ready(function() {
  // code…
});

document.addEventListener("DOMContentLoaded", function() {
  // code…
});

$("a").click(function() {
  // code…
})

[].forEach.call(document.querySelectorAll("a"), function(el) {
  el.addEventListener("click", function() {
    // code…
  });
});

আপনার একবার দেখা উচিত।


12

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

jQuery ভ্যানিলা জেএস


6

JQuery কোডটিকে নিয়মিত জাভাস্ক্রিপ্টে রূপান্তর করার কোন সহজ উপায় আছে?

না, বিশেষত:

jQuery এ লিখিত জাভাস্ক্রিপ্ট সমাধানগুলির উদাহরণগুলি বোঝা [কঠিন]।

JQuery এবং সমস্ত ফ্রেমওয়ার্ক কোড বোঝার সহজ করার জন্য ঝোঁক। যদি এটি বুঝতে অসুবিধা হয়, তবে ভ্যানিলা জাভাস্ক্রিপ্টটি নির্যাতন করা হবে :)


15
অন্যের প্রকৃত উত্তর আছে
ফ্রটোটার

2
এছাড়াও, যদিও JQuery (সাধারণত) কোড আরও সংক্ষিপ্ত করে তোলে, এটা debateable এটা আসলে এটা তোলে কিনা সহজ । jQuery মানসিকভাবে পার্স করার জন্য কিছু কোডকে আরও শক্ত করে তুলতে পারে। উদাহরণস্বরূপ, <input onclick="myfunction(this)">সঙ্গে myfunction(field){ field.value = "3"; }তুলনায় আমাকে করে তোলে আরো ইন্দ্রিয় <input id='thing'>সঙ্গে(function ($) { $(thing).click({ $(thing).val("3");});})()
liljoshu

6

স্ট্যান্ডার্ড জাভাস্ক্রিপ্টে স্বয়ংক্রিয়ভাবে jQuery কোডটি সংকলনের জন্য আমি মূল পোস্টের সাথে সম্পর্কিত নয় এমন কারণ দেখতে পাচ্ছি:

16 কে - বা জিজেপড, মিনিফাইড জিকুয়ের লাইব্রেরি যা কিছু হোক - মোবাইল ব্রাউজারের উদ্দেশ্যে তৈরি আপনার ওয়েবসাইটের জন্য এটি খুব বেশি হতে পারে। ডাব্লু 3 সিটি সুপারিশ করছে যে মোবাইল ওয়েবসাইটগুলির জন্য সমস্ত এইচটিটিপি অনুরোধ সর্বোচ্চ 20k হওয়া উচিত।

মোবাইলের জন্য w3c চশমা

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

এটা খুব মিষ্টি হবে। দুঃখের বিষয়, আমি মনে করি না যে এ জাতীয় কোনও উপস্থিতি আছে।


6

1

জেরেমি কিথের বই " ডিওএম স্ক্রিপ্টিং " জাভাস্ক্রিপ্ট এবং ডিওএম এর সাথে কাজ করার দুর্দান্ত ভূমিকা। আপনি jQuery ব্যবহার করতে চান বা না চান তার জন্য আমি এটির উচ্চ প্রস্তাব দিচ্ছি। নীচে কী চলছে তা জেনে রাখা ভাল।


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.