Kaedah menulis skrip JavaScript libraries_javascript kemahiran
JavaScript ialah apa yang dipanggil bahasa skrip sisi klien, bahasa pengaturcaraan komputer yang berjalan di dalam pelayar Internet (pelayar juga dipanggil klien Web kerana ia menyambung ke pelayan Web untuk memuat turun halaman). JavaScript berfungsi dengan cara yang menarik. Beberapa kod JavaScript akan dimasukkan ke dalam halaman web biasa. Apabila penyemak imbas memuatkan halaman, penterjemah terbina dalam penyemak imbas membaca dan menjalankan kod JavaScript yang ditemuinya dalam halaman.
Saya telah melakukan pembangunan web selama empat tahun dan telah mengumpulkan lebih kurang beberapa skrip JavaScript. Sebagai contoh, skrip yang mengehadkan input untuk hanya membenarkan nombor untuk dimasukkan secara automatik akan pergi ke kawalan seterusnya, yang bersamaan dengan fungsi kekunci Tab kerana hasil operasi berangka JavaScript selalunya tidak seperti yang kita inginkan , operasi titik terapung juga diperlukan (tambah fungsi tolak, darab dan bahagi). Setiap kali terdapat keperluan untuk JavaScript, saya sering mencari skrip yang diperlukan di Internet, menyalinnya terus ke dalam fail aspx, atau mencipta fail JavaScript baharu dan menambah rujukan
Saya tidak sibuk dengan projek syarikat baru-baru ini, jadi saya akan mengejar pengetahuan skrip saya pada masa lapang saya. Terdapat perpustakaan skrip JQuery yang sangat popular di Internet, dan terdapat banyak artikel di taman membincangkan cara menggunakannya. Dari pengalaman peribadi saya, JavaScript, seperti ungkapan biasa, sering dipelajari dan sering dilupakan. Jika anda tidak menggunakan pengetahuan yang telah anda pelajari, anda akan melupakannya. Terutamanya kandungan yang berkaitan dengan aplikasi, seperti cara menggunakan PageMethods, cara melaksanakan panggilan balik pendek pelanggan dan cara menggunakan JavaScript untuk memanggil perkhidmatan Web Saya telah menggunakannya berkali-kali dalam projek, tetapi apabila ditanya oleh rakan sekerja, ia masih kabur dan sukar untuk dijelaskan. Satu cara yang saya ada ialah membuat tunjuk cara, membuat tunjuk cara dengan pelbagai kesan, menyusunnya dalam kategori, dan kemudian mencarinya apabila menggunakannya. Ini boleh menjimatkan banyak masa. Kaedah lain disebut dalam artikel hari ini, iaitu mengatur JavaScript yang telah anda lakukan dan menjadikannya pustaka skrip yang lebih umum untuk digunakan semula dengan mudah. Maksud penganjuran ialah membuat pelarasan yang bersesuaian dengan fungsi supaya ia bukan sahaja dapat memenuhi keperluan projek semasa, tetapi juga memenuhi keperluan projek akan datang Maksud lain ialah menyeragamkan struktur penamaan dan organisasi, menulis kod sampel, dan gunakan Mudah apabila bangun. Kadang-kadang saya memuat turun banyak skrip JavaScript yang berguna dari Internet, tetapi terlupa untuk memuat turun skrip ujiannya dan tidak tahu cara menggunakannya Lebih baik mencari semula di Internet.
JavaScript ditakrifkan sebagai bahasa skrip berasaskan objek Di satu pihak, ia berdasarkan model objek DOM dan kaedah dalam objek DOM Sebaliknya, ia tidak mempunyai ciri pewarisan dan polimorfisme objek. bahasa berorientasikan. ASP.NET AJAX memanjangkan JavaScript supaya kami boleh menyusun skrip JavaScript dalam cara berorientasikan objek. Tugas utama saya di sini ialah enkapsulasi, merangkum kod sedia ada untuk memudahkan penggunaan semula pada masa akan datang. Jadi, terdapat dua cara untuk menyusun pangkalan kod JavaScript sedia ada anda.
Saya mengambil operasi tambah dan tolak yang kontroversi dalam operasi titik terapung dalam JavaScript sebagai contoh untuk melihat cara merangkumnya
Gaya JavaScript
function Math() { } //加法 Math.prototype.Add=function(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)) return (arg1*m+arg2*m)/m } //减法 Math.prototype.Subtraction=function(arg1,arg2){ var r1,r2,m,n; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)); n=(r1>=r2)?r1:r2; return ((arg1*m-arg2*m)/m).toFixed(n); } 调用方式 var math=new Math(); var result=math.Add(2.0,4.0); AJAX风格 Type.registerNamespace(“Utility”); Utility.Math=function(larg,rarg) { this._left=larg; this._right=rarg; } Utility.Math.prototype= { //加法函数 Add:function () { var r1,r2,m; try{r1=left.toString().split(".")[1].length}catch(e){r1=0} try{r2=right.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)) return (left*m+right*m)/m } //减法函数 Subtraction: function(){ var r1,r2,m,n; try{r1=left.toString().split(".")[1].length}catch(e){r1=0} try{r2=right.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)); n=(r1>=r2)?r1:r2; return ((left*m-right*m)/m).toFixed(n); } } //注册类 Utility.Math.registerClass(“Utility.Math”); 然后,在需要的地方,就可以运用下面的方法调用 var math=new Utility.Math(2.0,4.2); var result=math.Add();
L'utilisation des deux méthodes proposées ci-dessus peut facilement encapsuler le JavaScript couramment utilisé et réduire la duplication.
Il y a un problème avec le nom ci-dessus, car Math est un type intégré à JavaScript et est utilisé pour gérer diverses opérations mathématiques. Afin d'exécuter le script de style JavaScript ci-dessus, le nom de la classe doit être remplacé par un autre nom. . Tel que MathHelper. ASP.NET AJAX étend également les six types de JavaScript, à savoir Array, Boolean, Date, Error, Object et string.
Maintenant que vous avez la méthode, certains amis diront peut-être que vous devriez publier la bibliothèque JavaScript que vous avez créée afin qu'elle puisse satisfaire le goût du public. Avec cette seule méthode, il est encore très difficile de la mettre en pratique : il y a des raisons pour des calendriers de projet serrés, une charge de travail quotidienne sur des projets, et on n'a pas le temps de s'organiser, et il y a aussi des raisons pour ne pas être familier avec JavaScript.
Afin d'éviter que ma bibliothèque de classes ne soit inutile, je suis allé en ligne pour trouver des conseils sur l'écriture de bonnes bibliothèques JavaScript.
Il y a un article intitulé "Créer une bibliothèque JavaScript". Avant d'écrire cet article, je voulais voir comment il l'avait écrit, mais la page Web n'arrêtait pas de dire que le fichier était en cours de chargement et ne pouvait pas être affiché. Je veux vraiment savoir comment les étrangers écrivent sur le même thème.
Il existe également un excellent article intitulé "Règles pour les auteurs de bibliothèques JavaScript", situé à l'adresse
http://dean.edwards.name/weblog/2007/03/rules/
Je l'ai traduit pour votre référence
1 Ne soyez pas trop lourd dans la façon de l'utiliser.
2 Évitez d'utiliser Object.prototype
3 Ne vous étendez pas trop
4 Se conformer aux normes.
5 Suivez l'exemple d'excellents créateurs JavaScript
6. Restez flexible. 7. Gérez bien la mémoire pour éviter les fuites de mémoire.
8 Évitez les hacks liés au navigateur
9 Gardez la bibliothèque de classe simple
10. Gardez les bibliothèques prévisibles. Par exemple, même sans consulter la documentation, vous devriez pouvoir deviner que Math traite du contenu lié aux opérations mathématiques
11 Règles de points supplémentaires : documentation ; utiliser autant d'espaces de noms que possible pour organiser le code afin qu'il soit facile à retenir
Mon niveau est très moyen, un programmeur très ordinaire. Alors ne me demandez pas de code. Je vous l'ai donné, mais il faut quand même prendre le temps de le lire ; et mon code n'a pas de documentation, alors que faire si vous n'arrivez pas à le lire ? Au lieu de faire cela, pourquoi ne pas trier le JavaScript que vous avez sous la main ? De plus, le JavaScript que vous avez sous la main a été réellement utilisé par vous, vous devez donc le connaître. Ne recommandez pas non plus JQuery, ce n'est pas mon but.
Mon objectif est de vous apprendre à organiser votre bibliothèque de scripts JavaScript existante et à faire bon usage des ressources dont vous disposez déjà.
Téléchargement du code de test : http://xiazai.jb51.net/201509/yuanma/Math-Test(jb51.net).rar
Pour ajouter un problème courant : si vous placez JavaScript dans un fichier externe, vous pouvez recevoir une invite "Objet introuvable" lors de l'exécution
Ce problème est dû à l'encodage du fichier. Gardez l'encodage des fichiers de script JavaScript cohérent avec l'encodage des fichiers des pages HTML
Cliquez sur Fichier -> Option Enregistrer sous pour enregistrer les deux dans le même format d'encodage
Il est recommandé d'utiliser VS IDE pour écrire des scripts, afin que vous puissiez utiliser la prise en charge des invites intelligentes fournies par l'IDE
Si vous utilisez Dreamweaver pour écrire des scripts, il fournit également des invites intelligentes
Le contenu ci-dessus vous présente la méthode d'écriture d'une bibliothèque de scripts JavaScript. J'espère qu'il vous plaira.

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas











Enjin JavaScript yang berbeza mempunyai kesan yang berbeza apabila menguraikan dan melaksanakan kod JavaScript, kerana prinsip pelaksanaan dan strategi pengoptimuman setiap enjin berbeza. 1. Analisis leksikal: Menukar kod sumber ke dalam unit leksikal. 2. Analisis Tatabahasa: Menjana pokok sintaks abstrak. 3. Pengoptimuman dan Penyusunan: Menjana kod mesin melalui pengkompil JIT. 4. Jalankan: Jalankan kod mesin. Enjin V8 mengoptimumkan melalui kompilasi segera dan kelas tersembunyi, Spidermonkey menggunakan sistem kesimpulan jenis, menghasilkan prestasi prestasi yang berbeza pada kod yang sama.

Python lebih sesuai untuk pemula, dengan lengkung pembelajaran yang lancar dan sintaks ringkas; JavaScript sesuai untuk pembangunan front-end, dengan lengkung pembelajaran yang curam dan sintaks yang fleksibel. 1. Sintaks Python adalah intuitif dan sesuai untuk sains data dan pembangunan back-end. 2. JavaScript adalah fleksibel dan digunakan secara meluas dalam pengaturcaraan depan dan pelayan.

Peralihan dari C/C ke JavaScript memerlukan menyesuaikan diri dengan menaip dinamik, pengumpulan sampah dan pengaturcaraan asynchronous. 1) C/C adalah bahasa yang ditaip secara statik yang memerlukan pengurusan memori manual, manakala JavaScript ditaip secara dinamik dan pengumpulan sampah diproses secara automatik. 2) C/C perlu dikumpulkan ke dalam kod mesin, manakala JavaScript adalah bahasa yang ditafsirkan. 3) JavaScript memperkenalkan konsep seperti penutupan, rantaian prototaip dan janji, yang meningkatkan keupayaan pengaturcaraan fleksibiliti dan asynchronous.

Penggunaan utama JavaScript dalam pembangunan web termasuk interaksi klien, pengesahan bentuk dan komunikasi tak segerak. 1) kemas kini kandungan dinamik dan interaksi pengguna melalui operasi DOM; 2) pengesahan pelanggan dijalankan sebelum pengguna mengemukakan data untuk meningkatkan pengalaman pengguna; 3) Komunikasi yang tidak bersesuaian dengan pelayan dicapai melalui teknologi Ajax.

Aplikasi JavaScript di dunia nyata termasuk pembangunan depan dan back-end. 1) Memaparkan aplikasi front-end dengan membina aplikasi senarai TODO, yang melibatkan operasi DOM dan pemprosesan acara. 2) Membina Restfulapi melalui Node.js dan menyatakan untuk menunjukkan aplikasi back-end.

Memahami bagaimana enjin JavaScript berfungsi secara dalaman adalah penting kepada pemaju kerana ia membantu menulis kod yang lebih cekap dan memahami kesesakan prestasi dan strategi pengoptimuman. 1) aliran kerja enjin termasuk tiga peringkat: parsing, penyusun dan pelaksanaan; 2) Semasa proses pelaksanaan, enjin akan melakukan pengoptimuman dinamik, seperti cache dalam talian dan kelas tersembunyi; 3) Amalan terbaik termasuk mengelakkan pembolehubah global, mengoptimumkan gelung, menggunakan const dan membiarkan, dan mengelakkan penggunaan penutupan yang berlebihan.

Python dan JavaScript mempunyai kelebihan dan kekurangan mereka sendiri dari segi komuniti, perpustakaan dan sumber. 1) Komuniti Python mesra dan sesuai untuk pemula, tetapi sumber pembangunan depan tidak kaya dengan JavaScript. 2) Python berkuasa dalam bidang sains data dan perpustakaan pembelajaran mesin, sementara JavaScript lebih baik dalam perpustakaan pembangunan dan kerangka pembangunan depan. 3) Kedua -duanya mempunyai sumber pembelajaran yang kaya, tetapi Python sesuai untuk memulakan dengan dokumen rasmi, sementara JavaScript lebih baik dengan MDNWebDocs. Pilihan harus berdasarkan keperluan projek dan kepentingan peribadi.

Kedua -dua pilihan Python dan JavaScript dalam persekitaran pembangunan adalah penting. 1) Persekitaran pembangunan Python termasuk Pycharm, Jupyternotebook dan Anaconda, yang sesuai untuk sains data dan prototaip cepat. 2) Persekitaran pembangunan JavaScript termasuk node.js, vscode dan webpack, yang sesuai untuk pembangunan front-end dan back-end. Memilih alat yang betul mengikut keperluan projek dapat meningkatkan kecekapan pembangunan dan kadar kejayaan projek.
