ເນື້ອຫາ
- 01. ມັນຮອດເວລາແລ້ວ ສຳ ລັບ hangout
- 02. $ ('ແສງສະຫວ່າງ'). fadeIn ();
- 03. ມືຂອງທ່ານຖືກສ້າງຂື້ນ ສຳ ລັບ browser
- 04. ເກມ 3D ຄວບຄຸມດ້ວຍ gamepad ຂອງທ່ານ
- 05. ແລ່ນ Flash ໃນ iPad ຂອງທ່ານ
- 06. ການຂຽນໂປແກຼມ ສຳ ລັບໂທລະສັບສະຫຼາດຂອງທ່ານ
- 07. ແລ່ນ Ruby ແລະ Python ໃນ browser ຂອງທ່ານ
- 08. ຂຽນໂປແກຼມ desktop desktop ທີ່ເປັນເອກະລາດ
- 09. ການເຮັດວຽກຂອງເວບໄຊທ໌
- 10. Webscraping ແລະພາບ ໜ້າ ຈໍ
- ລໍຖ້າ! ມີອີກ ...
JavaScript ໄດ້ຜ່ານໄປດົນນານແລ້ວຕັ້ງແຕ່ເກີດໃນປີ 1995. ເປັນວິທີທີ່ຍາກ ສຳ ລັບແນ່ນອນ, ເຕັມໄປດ້ວຍຄວາມເຂົ້າໃຈຜິດ, ໃຊ້ໃນທາງທີ່ຜິດແລະຄວາມໂງ່ຈ້າ. ແຕ່ເວລາມີການປ່ຽນແປງ, ເພາະວ່າຫ້າປີທີ່ຜ່ານມາ JavaScript ໄດ້ຮັບຄວາມສົນໃຈຫຼາຍຂື້ນ. ດ້ວຍຄວາມເອົາໃຈໃສ່, ນັກພັດທະນາຕົວຈິງຫຼາຍຄົນໃຊ້ JavaScript, ໃຊ້ມັນເພື່ອຈຸດປະສົງທີ່ແຕກຕ່າງກັນຫຼາຍແລະເພີດເພີນກັບຄວາມງາມຂອງມັນ. ນິທານເລື່ອງ "ເປັດບໍ່ງາມ" ແບບຄລາສສິກ, ຖ້າທ່ານຖາມຂ້ອຍ.
ໃນບົດຂຽນຕໍ່ໄປ, ພວກເຮົາຈະຄົ້ນພົບ 10 ກໍລະນີການ ນຳ ໃຊ້ ສຳ ລັບ JavaScript ທີ່ແຕກຕ່າງຈາກ ຄຳ ວ່າ "ໃນ browser" ທີ່ທ່ານເຄີຍໃຊ້ມາກ່ອນ.
01. ມັນຮອດເວລາແລ້ວ ສຳ ລັບ hangout
ທ່ານຈື່ໄດ້ 80 ວິໄສທັດຂອງການສື່ສານວິດີໂອຄ້າຍຄືກັບ Facetime ບໍ?
ມັນໃຊ້ເວລາພຽງແຕ່ 20 ປີເທົ່ານັ້ນກ່ອນທີ່ສິ່ງນີ້ຈະຖືກ ນຳ ມາໃຊ້ເນື່ອງຈາກອິນເຕີເນັດຄວາມໄວສູງທີ່ມີຢູ່ທົ່ວທຸກແຫ່ງແລະການ ນຳ ໃຊ້ຊອບແວນ້ອຍໆທີ່ມີຊື່ວ່າ Skype.
ດ້ວຍຄວາມສາມາດຂອງ Adobe ຂອງ Flash ແລະຄວາມພະຍາຍາມຂອງ Google ໃນການສ້າງເຄືອຂ່າຍສັງຄົມ, ພວກເຮົາມີຄວາມສາມາດໃນການສື່ສານວິດີໂອໃນ browser ຂອງພວກເຮົາແລ້ວ. ມັນບໍ່ດີບໍທີ່ຈະມີຄວາມສາມາດເຫຼົ່ານັ້ນໂດຍບໍ່ຕ້ອງໃຊ້ປັplugກອິນຂອງພາກສ່ວນທີສາມເຊັ່ນ Flash?
ໂຊກດີ, ຜູ້ຂາຍຕົວທ່ອງເວັບຄິດຄືກັນແລະປະຕິບັດ API "getUserMedia" ເຂົ້າໃນຊອບແວຂອງພວກເຂົາ. ນີ້ແມ່ນບາດກ້າວ ທຳ ອິດເພື່ອເຂົ້າໃຊ້ອຸປະກອນຕ່າງໆເຊັ່ນ: ກ້ອງຫຼືກ້ອງຖ່າຍ microphone ໂດຍກົງຈາກໂປຣແກຣມທ່ອງເວັບຂອງທ່ານ.
ການ ນຳ ໃຊ້ Node.js ເປັນເຊີຟເວີຢູ່ດ້ານຫຼັງຂອງໂປແກມດັ່ງກ່າວ, ມັນງ່າຍທີ່ສຸດທີ່ຈະຂົນສົ່ງສັນຍານວິດີໂອຜ່ານທາງອາກາດໄປຍັງລູກຄ້າ ໜຶ່ງ ຄົນຫຼືຫຼາຍກວ່ານັ້ນ. ໂດຍບໍ່ສົນໃຈ, ໂດຍເວລາຂຽນນີ້, ມີພຽງແຕ່ Chrome ແລະ Opera ເທົ່ານັ້ນທີ່ສະ ໜັບ ສະ ໜູນ API, ແຕ່ວ່າຄົນອື່ນຈະຈັບມືໄດ້ໄວ.
ວິທີການທີ່ສະອາດ ສຳ ລັບການສື່ສານສອງທາງແມ່ນສິ່ງດຽວຂອງ Chrome ໃນເວລານີ້, ເຊິ່ງເອີ້ນວ່າ WebRTC. ເນື່ອງຈາກ WebRTC, ລູກຄ້າສາມາດເປີດໃຊ້ມິດສະຫາຍຕໍ່ຊ່ອງທາງການສື່ສານແບບມິດສະຫາຍ, ເຊື່ອມຕໍ່ລູກຄ້າກັບລູກຄ້າໂດຍກົງ.
ເພື່ອຄວາມມ່ວນຊື່ນ, ໃຫ້ກວດເບິ່ງການຈັດຕັ້ງປະຕິບັດງານຮູບພາບຂອງ Sindre Sorhus 'ທີ່ເຮັດໃນ 121 bytes!
var video = document.getElementsByTagName ('ວິດີໂອ') [0],
navigator.getUserMedia ('ວິດີໂອ', successCallback, errorCallback);
ປະຕິບັດຫນ້າທີ່ successCallback (ກະແສ) {
video.src = ກະແສ;
}
function errorCallback (ຂໍ້ຜິດພາດ) {
console.log (ຂໍ້ຜິດພາດ);
}
02. $ ('ແສງສະຫວ່າງ'). fadeIn ();
ແພລະຕະຟອມຄວບຄຸມ microdurollroll Arduino ແມ່ນຕົວຢ່າງລະດັບ ສຳ ລັບກໍລະນີການ ນຳ ໃຊ້ JavaScript "ນອກຫ້ອງ". ສຳ ລັບທ່ານທີ່ບໍ່ຄຸ້ນເຄີຍກັບເວທີ Arduino, ນີ້ແມ່ນ ຄຳ ອ້າງອີງທີ່ມີຊື່ສຽງຈາກເວັບໄຊທ໌ຂອງມັນ:
"Arduino ແມ່ນແພລະຕະຟອມການ ນຳ ໃຊ້ແບບເອເລັກໂຕຣນິກແບບເປີດເຜີຍໂດຍອີງໃສ່ຮາດແວແລະຊອບແວທີ່ມີຄວາມຍືດຫຍຸ່ນງ່າຍ, ມັນມີຈຸດປະສົງ ສຳ ລັບນັກສິລະປິນ, ນັກອອກແບບ, ນັກອະດິເລກແລະຜູ້ທີ່ສົນໃຈໃນການສ້າງວັດຖຸຫລືສະພາບແວດລ້ອມແບບໂຕ້ຕອບ."
Arduino ຕົວເອງພຽງແຕ່ສະ ໜັບ ສະ ໜູນ ລະຫັດທີ່ຂຽນໄວ້ໃນ C ເຊິ່ງມັນຍັງບໍ່ມີບັນຫາຫຍັງເລີຍ. ດ້ວຍສາຍ C ບໍ່ພໍເທົ່າໃດ (ນອກ ເໜືອ ຈາກທີ່ຄົນອື່ນໄດ້ເຮັດວຽກນີ້ ສຳ ລັບທ່ານ), Arduino ສາມາດໄດ້ຮັບ ຄຳ ສັ່ງຜ່ານພອດ USB ຂອງມັນຜ່ານອະນຸສັນຍາ port serial.
ແຕ່ທ່ານສາມາດເຂົ້າເຖິງພອດ serial ຜ່ານ JavaScript ໄດ້ແນວໃດ? ຢ່າງຊັດເຈນບໍ່ໄດ້ມາຈາກຕົວທ່ອງເວັບ.
Node.js ເພື່ອກູ້ໄພ!
ເນື່ອງຈາກຄວາມພະຍາຍາມຂອງຜູ້ສະ ໜັບ ສະ ໜູນ ຊຸມຊົນ Chris Williams, ພວກເຮົາມີຫ້ອງສະຫມຸດທີ່ Port Node, ເຊິ່ງພວກເຮົາສາມາດສົ່ງຂໍ້ມູນຜ່ານໂປໂຕຄອນ SP ເກົ່າ. ນີ້ແມ່ນການຄົ້ນພົບຄັ້ງ ທຳ ອິດ, ໂດຍອີງໃສ່ຫ້ອງສະ ໝຸດ ຄົນອື່ນມາ ນຳ ໃຊ້ວິທີການທີ່ບໍ່ມີຕົວຕົນ ສຳ ລັບຄວາມສາມາດຂອງ Arduino. ຍົກຕົວຢ່າງຫ້ອງສະ ໝຸດ node-arduino ແລະ duino.
ຫໍສະມຸດທີ່ຮ້ອນແລະເຢັນທີ່ສຸດອ້ອມຮອບທ່ອນໄມ້ ສຳ ລັບການຂຽນໂປແກຼມ Arduino ທີ່ JS ຂັບເຄື່ອນໂດຍດຽວນີ້ແມ່ນ jonny-ຫ້າ. ກວດເບິ່ງ Blog ຂອງ Bocoup ສຳ ລັບໄສ້ຮ້ອນບາງຢ່າງທີ່ພວກເຂົາໄດ້ເຮັດກັບ Arduino platform ແລະມີໂປແກຼມ ຈຳ ນວນຫລາຍ. ນອກຈາກນີ້ຍັງມີວິດີໂອ JSConf ຈາກ Nicolai Onken ແລະJörn Zaefferer ອາດຈະເຮັດໃຫ້ທ່ານມີສິ່ງທີ່ເປັນໄປໄດ້ໃນມື້ນີ້ດ້ວຍລະຫັດນ້ອຍໆ.
03. ມືຂອງທ່ານຖືກສ້າງຂື້ນ ສຳ ລັບ browser
ວິໄສທັດໃນອະນາຄົດຂອງບົດລາຍງານການຄ້າຫນ້ອຍ (ບ່ອນທີ່ພວກເຂົາຄວບຄຸມຄອມພິວເຕີ້ດ້ວຍມືຂອງພວກເຂົາ, ບໍ່ແມ່ນລົດທີ່ບໍ່ດີ) ມາໃກ້ໆທຸກໆມື້. ບາດກ້າວອັນໃຫຍ່ຫຼວງໃນທິດທາງນີ້ແມ່ນ Kinect ຄວບຄຸມຄວາມພະຍາຍາມທີ່ບໍ່ມັກຫຼີ້ນຂອງ Microsoft. ການຫຼີ້ນເກມທີ່ ໜ້າ ຕື່ນຕາຕື່ນໃຈທີ່ທ່ານອາດຈະຄິດ, ແຕ່ມັນໄດ້ເຮັດຫຍັງກັບ JavaScript?!
ດ້ວຍການປ່ອຍ Kinect SDK ຂອງ Microsoft, ຄົນ ຈຳ ນວນ ໜຶ່ງ ໄດ້ຂ້າມຂົວໃນການ ນຳ ໃຊ້ browser ສຳ ລັບ Kinect. ທຳ ອິດຂອງບັນດາເດັກຊາຍຂອງ ChildNodes ທີ່ໄດ້ສ້າງຫໍສະ ໝຸດ kinect.js ທີ່ເຮັດວຽກຄົບຖ້ວນ, ເຊິ່ງສາມາດ ນຳ ໃຊ້ Kinect ຂອງ Microsoft ໃນ browser ຂອງທ່ານ.
ຂ້າພະເຈົ້າຂໍແນະ ນຳ ໃຫ້ກວດເບິ່ງຮູບແບບແລະວິດີໂອຂອງພວກເຂົາ, ມັນແມ່ນການລະເບີດ. ຂໍ້ບົກຜ່ອງທີ່ ສຳ ຄັນອັນ ໜຶ່ງ ຂອງຫໍສະ ໝຸດ kinect.js, ແມ່ນວ່າຕ້ອງມີໂປແກຼມ WebSocket server ທີ່ແລ່ນຢູ່ທາງຫລັງຂອງລູກຄ້າ (ນັ້ນແມ່ນ Kinect -> C # -> JS ກາວ).
ນັກຮຽນ ຈຳ ນວນ ໜຶ່ງ ຂອງຊື່ສຽງຂອງ MIT ກຳ ລັງເຮັດວຽກກ່ຽວກັບການແກ້ໄຂເພື່ອ ທຳ ລາຍ ກຳ ແພງນີ້, ຊື່ວ່າ DepthJS,
ໂປຣແກຣມທ່ອງເວັບທີ່ຊ່ວຍໃຫ້ Kinect ໃຊ້ ສຳ ລັບ Chrome ແລະ Safari, ເຖິງແມ່ນວ່າ ສຳ ລັບເວັບໄຊທີ່ບໍ່ໄດ້ຮັບການປັບປຸງໃຫ້ດີຂື້ນ ສຳ ລັບການ ນຳ ໃຊ້ Kinect ໃນທຸກຮູບແບບ. ປະຈຸບັນ DepthJS ແມ່ນຢູ່ໃນໄລຍະພັດທະນາຕົ້ນໆ, ແຕ່ແນ່ນອນວ່າຄຸ້ມຄ່າທີ່ຈະຕິດຕາມ.
04. ເກມ 3D ຄວບຄຸມດ້ວຍ gamepad ຂອງທ່ານ
ທ່ານເຄີຍໄດ້ພະຍາຍາມຫລິ້ນເກມທີ່ບໍ່ແມ່ນ Flash ຂອງ Flash ໃນປັດຈຸບັນບໍ? ຄວາມສາມາດໃນຮູບພາບແມ່ນ ໜ້າ ຕື່ນຕາຕື່ນໃຈ, ໂດຍສະເພາະເມື່ອທ່ານເຫັນຄ້ອງຂອງເກມເຊັ່ນ Quake.
ແຕ່ເມື່ອຫຼິ້ນສິ່ງເຫຼົ່ານີ້ທ່ານຈະຕິດຢູ່ກັບແປ້ນພິມຂອງທ່ານແລະ (ສ່ວນຫຼາຍ) ຫນູທີ່ຄັກ. ນີ້ແມ່ນຂໍ້ເສຍປຽບທີ່ ສຳ ຄັນ, ໂດຍສະເພາະ ສຳ ລັບເກມປະຕິບັດ, ມັນກໍ່ເຮັດໃຫ້ພວກເຂົາກັບຈາກຕົວທ່ອງເວັບ.
ມັນຈະບໍ່ເຢັນບໍຖ້າທ່ານພຽງແຕ່ສາມາດສຽບເຄື່ອງຄວບຄຸມ Xbox ຂອງທ່ານເຂົ້າໃນ PC ຂອງທ່ານແລະເລີ່ມຫລິ້ນເກມໂປແກມທ່ອງເວັບທີ່ທ່ານມັກ? ນີ້ບໍ່ແມ່ນວິໄສທັດໃນອະນາຄົດອີກຕໍ່ໄປ, ເວົ້າສະບາຍດີກັບ Gamepad API!
ຖ້າທ່ານ ກຳ ລັງມີ gamepad ຢູ່ອ້ອມໂຕະຂອງທ່ານ, ໃຫ້ສຽບມັນໃນຕອນນີ້ແລະເພີດເພີນກັບບາງເກມ, ທີ່ໃຊ້ແລ້ວຢູ່ໃນ Gamepad API. ການຂຽນໂປຼແກຼມຄວບຄຸມການປ້ອນຂໍ້ມູນຍັງແມ່ນເຂົ້າ ໜົມ ເຄັກ, ກວດເບິ່ງຕົວຢ່າງລະຫັດນີ້ຫຼືດີກວ່າ, ດຳ ເນີນການດ້ວຍຕົວທ່ານເອງ:
div id = "ເຄື່ອງຫຼີ້ນເກມ"> / div>
script>
function gamepadConnected (ເຫດການ) {
var gamepads = ເອກະສານ .getElementById ("gamepads"),
gamepadId = event.gamepad.id;
gamepads.innerHTML + = "Gamepad ເຊື່ອມຕໍ່ (id =" + gamepadId + ")";
}
window.addEventListener ("MozGamepadConnected", gamepadConnected, false);
/ script>
ຖ້າທ່ານຢາກຮູ້ເພີ່ມເຕີມກ່ຽວກັບຄວາມສາມາດ 3D ຂອງຕົວທ່ອງເວັບກວດເບິ່ງ Three.js ແລະ Jens Arps ຂອງເຄື່ອງຈັກ 3D simulator ທີ່ເປີດຢູ່ທີ່ Ascent ສ້າງຢູ່ເທິງສຸດຂອງມັນ. ທ່ານ Mark Hammil ໄດ້ສັງເກດເບິ່ງ, ພວກເຮົາອາດຈະຕ້ອງການທ່ານອີກຊຸດ ໜຶ່ງ ຂອງ Wing Commander!
05. ແລ່ນ Flash ໃນ iPad ຂອງທ່ານ
ໃນຖານະເປັນຄົນຮັກມາດຕະຖານທີ່ເປີດກວ້າງແລະແຟນເພຈ Apple ຂ້ອຍຕ້ອງຍອມຮັບວ່າຂ້ອຍຂໍຂອບໃຈ Apple ແທ້ໆທີ່ບໍ່ໄດ້ໃສ່ Flash ໃນ iPad ແລະ iPod, ນີ້ກໍ່ໄດ້ເລີ່ມຕົ້ນການເຄື່ອນໄຫວຂອງເຕັກໂນໂລຢີທີ່ເປີດກວ້າງເຊັ່ນ HTML5, CSS3 ແລະ JavaScript.
ໃນຖານະເປັນພະນັກງານຂອງອົງການ, ຂ້ອຍຕ້ອງເວົ້າວ່ານີ້ແມ່ນສະຖານະການທີ່ບໍ່ດີແທ້ໆ ສຳ ລັບລູກຄ້າຂອງພວກເຮົາ.
ພວກເຂົາສ່ວນໃຫຍ່ຕ້ອງຈ່າຍສອງຄັ້ງ ສຳ ລັບການໂຄສະນາຫລືແຄມເປນແບບງ່າຍໆທີ່ພວກເຂົາ ກຳ ລັງເລີ້ມມີເນື້ອຫາແບບໂຕ້ຕອບທີ່ແລ່ນຢູ່ໃນ IE7 ເກົ່າຫຼື IE8 ເກົ່າຜ່ານ Flash ແລະໃນ browser ທີ່ທັນສະ ໄໝ ກໍ່ຄື iDevices ຜ່ານ HTML5.
Polyfilling ລັກສະນະຂອງຕົວທ່ອງເວັບເກົ່າມີຂອບຂອງມັນ, ສ່ວນຫຼາຍແມ່ນຊື່ການປະຕິບັດ. ສະນັ້ນມັນບໍ່ມີຄວາມສາມາດໃນການໃຊ້ Flash ໃນ iDevices ທີ່ບໍ່ມີ Flash ເຫຼົ່ານັ້ນບໍ?
ແນ່ນອນມັນມີ ໜຶ່ງ ແລະແນ່ນອນມັນຖືກສ້າງຂື້ນໃນ JavaScript.
ປະຫວັດສາດ ໜຶ່ງ: ໃນປີ 2010 Tobias Schneider ໄດ້ປ່ອຍຫໍສະ ໝຸດ ນ້ອຍທີ່ຊື່ວ່າ Gordon
ເຊິ່ງອະນຸຍາດໃຫ້ແຟ້ມ SWF ດຳ ເນີນການໂດຍກົງໃນ browser. ສິ່ງນີ້ເຮັດວຽກໄດ້ດີ ສຳ ລັບແຟ້ມແຟດຂະ ໜາດ ນ້ອຍເຊັ່ນວ່າໂຄສະນາທີ່ໃຊ້ພຽງແຕ່ຟັງຊັນຕ່າງໆຈົນເຖິງ Flash ຮຸ່ນ 2, ແຕ່ວ່າການ ທຳ ງານຂອງລະດັບສູງບໍ່ໄດ້ລວມຢູ່ ນຳ ເລີຍ
ເມື່ອ Tobias ເຂົ້າຮ່ວມບໍລິສັດ ueberJS UXEBU, ພວກເຂົາກໍ່ໄດ້ມີແນວຄິດ ໃໝ່.
ແລະດັ່ງນັ້ນ, Bikeshed ເກີດ. Bikeshed ຕົວຂອງມັນເອງແມ່ນປະເພດຂອງກອບການເຄື່ອນໄຫວຂອງ JavaScript, ແຕ່ຍັງເປັນ JavaScript ເພື່ອ Flash ສຳ ລັບທຸກສິ່ງທີ່ທ່ານຕ້ອງການໃຫ້ມັນລວບລວມ (ມັນແມ່ນອີງຕາມຕົວດັດແປງ, ດັ່ງນັ້ນທ່ານສາມາດຂຽນຕົວປັບຕົວ ສຳ ລັບທຸກສິ່ງທີ່ທ່ານຕ້ອງການ, ເຖິງແມ່ນວ່າພຶດຕິ ກຳ ມາດຕະຖານ ກຳ ລັງລວບລວມ Flash ໄປຍັງ JavaScript) . ມັນເຂົ້າກັນໄດ້ກັບ Flash 10 ແລະ ActionScript 3. ເບິ່ງທີ່ ໜ້າ ເວບຂອງມັນເພື່ອຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບຄຸນລັກສະນະຕ່າງໆຂອງມັນນອກ ເໜືອ ຈາກເຄື່ອງລວບລວມຂໍ້ມູນ.
06. ການຂຽນໂປແກຼມ ສຳ ລັບໂທລະສັບສະຫຼາດຂອງທ່ານ
ການຂຽນ ຄຳ ຮ້ອງສະ ໝັກ ພື້ນເມືອງ ສຳ ລັບສະພາບແວດລ້ອມໂທລະສັບມືຖືແມ່ນເສັ້ນທາງທີ່ໂງ່. ມັນເລີ່ມຕົ້ນດ້ວຍການຕັດສິນໃຈວ່າທ່ານຕ້ອງການສະ ໜັບ ສະ ໜູນ ເວທີໃດ. ແອັບພລິເຄຊັນຂອງທ່ານຄວນໃຊ້ໃນ iPhone ແລະ iPad, ອຸປະກອນມືຖືທີ່ໃຊ້ Android, Windows Mobile, ອຸປະກອນ Blackberry, webOS based pla ... ແລະອື່ນໆ.
ແຕ່ລະແພລະຕະຟອມນີ້ມີ API ຂອງຕົວເອງແລະສ່ວນຫຼາຍແມ່ນໃຊ້ພາສາການຂຽນໂປແກຼມທີ່ແຕກຕ່າງກັນ.
ຖ້າທ່ານລອດຊີວິດຈາກສົງຄາມ browser, ຂ້າພະເຈົ້າຂໍບອກທ່ານວ່ານີ້ແມ່ນວິທີການຕໍ່ສູ້ທີ່ຍາກກວ່າເກົ່າ. ມັນເປັນໄປບໍ່ໄດ້ທີ່ນັກພັດທະນາຈະສາມາດສ້າງແອັບພລິເຄຊັນ ສຳ ລັບແພລະຕະຟອມທັງ ໝົດ ນີ້ໃນເວລາແລະງົບປະມານ.
ດັ່ງນັ້ນສິ່ງທີ່ຕ້ອງເຮັດ? ຈ້າງຜູ້ພັດທະນາຫຼາຍບໍ? ຄິດຄ່າບໍລິການເພີ່ມເຕີມ ສຳ ລັບແອັບ? ບໍ? ຫຼືຊອກຫາວິທີການທີ່ດີກວ່າເພື່ອໃຫ້ແນ່ໃຈວ່າລະຫັດຂອງທ່ານໃຊ້ໃນທຸກໆອຸປະກອນ? ໃນຖານະເປັນສ່ວນໃຫຍ່ຂອງເຈົ້າ, ຂ້ອຍມັກວິທີການສຸດທ້າຍ.
ແຕ່ວ່າກິດເຫຼົ່ານີ້ຄວນສ້າງໃນສິ່ງໃດ? ສິ່ງທີ່ມີທັງ ໝົດ ຂອງເວທີເຫລົ່ານີ້ໃນ ທຳ ມະດາ? ທ່ານອາດຈະຮູ້ ຄຳ ຕອບ, ມັນແມ່ນຕົວທ່ອງເວັບແລະເພາະສະນັ້ນຈຶ່ງເປັນເຄື່ອງຈັກ JavaScript.
ນັ້ນແມ່ນຄວາມຄິດທີ່ຢູ່ເບື້ອງຫລັງ Apache Cordova, ເປັນທີ່ຮູ້ຈັກກັນດີພາຍໃຕ້ຊື່ເກົ່າຂອງ PhoneGap.
Cordova ແມ່ນກອບ JavaScript ທີ່ບໍ່ສາມາດດຶງຂໍ້ມູນ API ຂອງແຕ່ລະສະພາບແວດລ້ອມຂອງມືຖືແລະເປີດເຜີຍໂປແກຼມ JavaScript API ທີ່ສະອາດເພື່ອຄວບຄຸມມັນທັງ ໝົດ. ນີ້ຊ່ວຍໃຫ້ທ່ານສາມາດຮັກສາພື້ນຖານລະຫັດດຽວເຊິ່ງທ່ານກໍ່ສ້າງແລະ ນຳ ໃຊ້ໃນອຸປະກອນມືຖືຕ່າງກັນ.
ກວດເບິ່ງຊັບພະຍາກອນທີ່ນີ້ເພື່ອຊອກຫາວິທີການໃຊ້ Cordova ເພື່ອສ້າງໂປແກຼມມືຖືກົ້ນ kick ທີ່ທ່ານສ້າງ ໜຶ່ງ ຄັ້ງແລະຈະໃຊ້ໄດ້ທຸກບ່ອນ.
07. ແລ່ນ Ruby ແລະ Python ໃນ browser ຂອງທ່ານ
Mozilla, ບໍລິສັດທີ່ຢູ່ເບື້ອງຫລັງໂປຣແກຣມທ່ອງເວັບ Firefox ທີ່ມີຊື່ສຽງ, ຈ້າງຫລາຍໆຄົນ, ມັນແນ່ນອນ. ໜຶ່ງ ໃນ em ແມ່ນ Alon Zakai ວິສະວະກອນທີ່ທີມງານຄົ້ນຄ້ວາ Mozilla, ເຊິ່ງໄດ້ສ້າງເຄື່ອງມືທີ່ອິດສະຫຼະທີ່ມີຊື່ວ່າ Emscripten.
Emscripten ຊ່ວຍໃຫ້ທ່ານເອົາລະຫັດ LLVM - ເຊິ່ງສາມາດຜະລິດຈາກຫ້ອງສະຫມຸດທີ່ອີງໃສ່ C / C ++, ໄປຫາ JavaScript. ມັນເຮັດແບບນີ້ໂດຍການລວບລວມຫ້ອງສະ ໝຸດ ເຂົ້າໃນລະຫັດນ້ອຍແລະຫຼັງຈາກນັ້ນ, ເອົາລະຫັດບິດນັ້ນແລະປ່ຽນເປັນ JavaScript. ບໍ່, ແຕ່ຂ້ອຍສາມາດເຮັດຫຍັງກັບສິ່ງນີ້, ເຈົ້າອາດຖາມຕົວເອງບໍ?
ຂ້ອຍມີ ຄຳ ຖາມຕອບໂຕ້ ສຳ ລັບເຈົ້າ: ເຈົ້າເຄີຍໄດ້ຍິນ ຄຳ ເວົ້າທີ່ວ່າ "ການ ນຳ ໃຊ້ CoffeeScript ແລະ Prototype ແມ່ນຄົນທີ່ໃກ້ທີ່ສຸດທີ່ທ່ານສາມາດເຮັດວຽກ Ruby ໃນ browser ໄດ້ບໍ"? ບໍ່? ຢ່າກັງວົນ, ເພາະວ່າມັນບໍ່ແມ່ນຄວາມຈິງອີກຕໍ່ໄປ.
ດ້ວຍ Emscripten ທ່ານພຽງແຕ່ສາມາດເອົາແຫຼ່ງ Ruby, ປ່ຽນໃຫ້ກາຍເປັນ JavaScript ແລະvoilà, ມີ Ruby ທີ່ແທ້ຈິງແລ່ນຢູ່ໃນ browser ຂອງທ່ານ! ແຕ່ສິ່ງນີ້ບໍ່ໄດ້ ນຳ ໃຊ້ກັບ Ruby ເທົ່ານັ້ນ, ຕົວຢ່າງ Python ກໍ່ໄດ້ຖືກ emscriptened ເຊັ່ນກັນ.
ຫຼືກວດເບິ່ງຢູ່ໃນ browser h.264 ຖອດລະຫັດ Broadway. ນັ້ນແມ່ນຕົວຈິງແລ້ວແມ່ນຫໍສະມຸດ C ++ emscriptened!
ໄປທີ່ repl.it ເພື່ອເບິ່ງພາສາການຂຽນໂປແກຼມ ຈຳ ນວນ ໜຶ່ງ (ລວມທັງ Ruby ແລະ Python) ແລ່ນຢູ່ໃນ browser ຂອງທ່ານ!
08. ຂຽນໂປແກຼມ desktop desktop ທີ່ເປັນເອກະລາດ
ພວກເຮົາໄດ້ເວົ້າກ່ຽວກັບການ ກຳ ນົດເປົ້າ ໝາຍ ເວທີມືຖືຫຼາຍໆຄັ້ງໂດຍການຊ່ວຍເຫຼືອຂອງ Apache Cordova ກ່ອນ. ສິ່ງທີ່ບໍ່ແປກປະຫລາດ, JavaScript ບໍ່ພຽງແຕ່ສາມາດໃຊ້ເພື່ອແນໃສ່ເວທີມືຖືເທົ່ານັ້ນ, ເພື່ອນເກົ່າຂອງພວກເຮົາຄອມພິວເຕີ້ desktop ສາມາດຖືກແກ້ໄຂໄດ້ເຊັ່ນກັນ.
ວິທີແກ້ໄຂ ທຳ ອິດແມ່ນມາຈາກບັນດາ Appcelerator ກັບ Titanium Desktop Suite ແລະຈາກ Adobe ເວທີ Air ທີ່ ນຳ ໃຊ້ຢ່າງກວ້າງຂວາງ.
ແຕ່ໃນຖານະທີ່ເປັນຄົນທີ່ມັກເປີດແຫຼ່ງທີ່ພວກເຮົາທຸກຄົນມີ, ເຕັກໂນໂລຢີທີ່ເປີດຂື້ນແລະ Node.js ແມ່ນສິ່ງທີ່ພວກເຮົາ ກຳ ລັງຊອກຫາຢູ່. ພົບກັບ app.js! app.js ແມ່ນ webtechnology ເປີດແລະຜູ້ສ້າງໂປແກຼມຄອມພິວເຕີ້ທີ່ຕັ້ງຢູ່ Node.js, ເຊິ່ງຊ່ວຍໃຫ້ພວກເຮົາຂຽນໂປແກຼມ desktop ທີ່ແທ້ຈິງດ້ວຍການເຂົ້າເຖິງລະບົບແຟ້ມ, ຄວບຄຸມ ໜ້າ ຕ່າງແລະອື່ນໆ. ພວກເຮົາສາມາດອີງໃສ່ໂປແກຼມ API Node ຂ້າມທີ່ ໝັ້ນ ຄົງຂອງ Node ແລະສ້າງໂປແກຼມ Softwares UI ຂອງພວກເຮົາດ້ວຍ HTML ແລະ CSS. ຄືກັນກັບສິ່ງ ໃໝ່ ທີ່ຮ້ອນທີ່ສຸດໃນບັນຊີລາຍຊື່ນີ້ຢູ່ນີ້.
app.js ແມ່ນໂຄງການ ໜຸ່ມ ທີ່ສວຍງາມແລະດັ່ງນັ້ນຈິ່ງຮອງຮັບ Windows ແລະ Linux ເທົ່ານັ້ນໂດຍປະຈຸບັນ, ແຕ່ອີງຕາມລາຍການທາງໄປສະນີ, ການສະ ໜັບ ສະ ໜູນ Mac ກຳ ລັງຈະມາເຖິງ.
09. ການເຮັດວຽກຂອງເວບໄຊທ໌
ໃນປັດຈຸບັນ, ທ່ານບໍ່ເຮັດໃຫ້ທຸກຄົນຕື່ນຕົກໃຈເມື່ອທ່ານບອກ 'em ວ່າເວັບໄຊທ໌ຂອງທ່ານ ກຳ ລັງຖືກໃຫ້ບໍລິການໂດຍ webserver ໂດຍອີງຕາມ JavaScript. ຖ້າທ່ານຄິດຄືນສອງຫລືສາມປີກ່ອນ, ແລະໄດ້ບອກກັບນັກພັດທະນາເວບໄຊທ໌ດຽວກັນ, ພວກເຂົາອາດຈະຫົວຂວັນທ່ານຫຼືຮ້າຍແຮງກວ່າເກົ່າ.
ແຕ່ດ້ວຍຄວາມ ສຳ ເລັດທີ່ບໍ່ ໜ້າ ເຊື່ອຂອງ Node.js ນີ້ແມ່ນໂຊກດີທີ່ໄກຈາກຕອນນີ້. ບໍ່ພຽງແຕ່ມັນຈະບໍ່ເຮັດໃຫ້ຄົນແປກໃຈອີກຕໍ່ໄປ, ຍ້ອນວ່າ Node.js ທຳ ມະຊາດທີ່ບໍ່ສະຖຽນລະພາບແມ່ນສິ່ງທີ່ ໜ້າ ຢ້ານກົວໃນການປະຕິບັດ, ໂດຍສະເພາະໃນເວລາທີ່ມັນລົງມາເພື່ອປະເຊີນກັບບັນຫາຂອງການເຊື່ອມຕໍ່ຂະ ໜານ ຫຼາຍ. ບໍ່ພຽງແຕ່ການປະຕິບັດງານຂອງມັນແມ່ນການລະເບີດ, API ງ່າຍດາຍແທ້ໆກໍ່ດຶງດູດນັກພັດທະນາຫຼາຍຄົນ, ເຊັ່ນກັນ. ໃຫ້ກວດເບິ່ງຕົວຢ່າງ“ ສະບາຍດີໂລກ” ຈາກ Node world, ມັນບໍ່ພຽງແຕ່ພິມ“ ສະບາຍດີໂລກ” ໃນ ໜ້າ ຈໍຕົວຢ່າງເທົ່ານັ້ນ, ມັນແມ່ນເວັບໄຊທ໌ http webserver!
var http = ຕ້ອງການ ('http');
http.createServer (ໃຊ້ງານ (req, res) {
res.writeHead (200, {'ເນື້ອຫາປະເພດ': 'ຂໍ້ຄວາມ / ທຳ ມະດາ'});
res.end ('ສະບາຍດີໂລກ n');
}). ຟັງ (1337, '127.0.0.1');
ຖ້າທ່ານບໍ່ຖືກຖີ້ມໂດຍຄວາມລຽບງ່າຍນີ້, ກໍ່ດີ, ຂ້ອຍກໍ່ບໍ່ສາມາດຊ່ວຍທ່ານໄດ້ຄືກັນ.
ຫນຶ່ງໃນພາກສ່ວນທີ່ດີທີ່ສຸດຂອງຄວາມນິຍົມຂອງ Node (ຫຼື hype), ແມ່ນວ່າບໍລິສັດໃຫຍ່ໆເຊັ່ນ Microsoft ກຳ ລັງສະ ໜັບ ສະ ໜູນ ມັນ, ຕົວຢ່າງເຊັ່ນໃນ Azure Cloud Services ຂອງພວກເຂົາ!
10. Webscraping ແລະພາບ ໜ້າ ຈໍ
ດັ່ງນັ້ນ, ສຸດທ້າຍ, ໃຫ້ເບິ່ງໂຄງການທີ່ຂ້ອຍຮັກໂດຍສ່ວນຕົວທີ່ປ່ອຍໃຫ້ຂ້ອຍ ດຳ ເນີນການທົດສອບ QUnit ຂອງຂ້ອຍບໍ່ໄດ້ຢູ່ໃນເສັ້ນ ຄຳ ສັ່ງ. PhantomJS ແມ່ນໂປຣແກຣມທ່ອງເວັບທີ່ບໍ່ມີຫົວຂໍ້ໂດຍໃຊ້ WebKit ທີ່ມີໂປແກຼມ API ທີ່ສະອາດ (ຫລື CoffeScript).
ແຕ່ການທົດສອບ JavaScript ແລະ DOM ຂອງທ່ານບໍ່ແມ່ນກໍລະນີທີ່ໃຊ້ ສຳ ລັບ Phantom ເທົ່ານັ້ນ. ສິ່ງທີ່ເຮັດໃຫ້ຂ້ອຍສົນໃຈແທ້ໆແມ່ນຄວາມສາມາດຂອງມັນໃນການຂູດເວັບໄຊທ໌້ແລະໃຫ້ເຈົ້າຖ່າຍພາບ ໜ້າ ຈໍ!
ແມ່ນແລ້ວ, ທ່ານ ກຳ ລັງອ່ານຖືກຕ້ອງແລ້ວ, ດ້ວຍ Phantom ທ່ານສາມາດອອກເວບໄຊທ໌ເປັນຮູບແບບທີ່ແຕກຕ່າງກັນແລະແນ່ນອນມັນງ່າຍຄືກັບການລັກຂະ ໜົມ ຫວານຈາກເດັກນ້ອຍ.
ລອງເບິ່ງຄິບທີ່ເຮັດແທ້ນີ້:
var page = WebPage ໃໝ່ ();
page.open ('http://google.com', ໜ້າ ທີ່ (ສະຖານະພາບ) {
page.render ('google.png');
phantom.exit ();
});
ນັ້ນແມ່ນສິ່ງທີ່ທ່ານຕ້ອງການເຮັດ ໜ້າ ຈໍແລະເນື່ອງຈາກວ່າມັນຂື້ນກັບ JavaScript, ທ່ານຍັງສາມາດໃຊ້ jQuery ແລະຈັດການເນື້ອຫາຂອງ ໜ້າ ເວັບກ່ອນທີ່ຈະລົງ!
ລໍຖ້າ! ມີອີກ ...
ສະນັ້ນ, ຂ້າພະເຈົ້າຫວັງວ່າທ່ານຈະຮູ້ສຶກປະຫລາດໃຈຫລາຍເທົ່າກັບຂ້າພະເຈົ້າ, ເມື່ອຂ້າພະເຈົ້າຄົ້ນພົບທຸກໆເຄື່ອງມືເຫລົ່ານີ້. ບົດຂຽນນີ້ພຽງແຕ່ຂູດ ໜ້າ ດິນຂອງສິ່ງທີ່ເປັນໄປໄດ້ກັບ JavaScript ໃນປະຈຸບັນ. ມັນມີຫຼາຍຢ່າງຄືກັບ IDE ທີ່ຂຽນໄວ້ທັງ ໝົດ ໃນ JS Cloud9 ຫຼືສິ່ງທີ່ມີຄວາມປອດໄພສູງທີ່ເຮັດກັບມັນ (ບັດເຄດິດຂອງທ່ານຖືກສ້າງຂື້ນກັບ JavaScript).
ຂ້າພະເຈົ້າຫວັງວ່າທ່ານຈະຮູ້ສຶກໄດ້ຮັບແຮງບັນດານໃຈ, ໃຊ້ເວລາແລະຫລິ້ນກັບບາງໂຄງການທີ່ກ່າວມານີ້, ຫຼືດີກວ່າເອົາບາງເຄື່ອງມືເຫຼົ່ານີ້ແລະສ້າງສິ່ງ ໃໝ່ໆ ຢູ່ອ້ອມຂ້າງພວກເຂົາ. ສິ່ງນີ້ເກືອບທັງ ໝົດ ຢູ່ທີ່ນີ້ແມ່ນແຫຼ່ງເປີດແລະມີນັກພັດທະນາຢູ່ທີ່ນັ້ນ, ກຳ ລັງຊອກຫາທ່ານເພື່ອຊ່ວຍພວກເຂົາໃນການປັບປຸງວຽກງານຂອງພວກເຂົາ, ເຖິງແມ່ນວ່າຈະໃຊ້ພຽງແຕ່ໂດຍໃຊ້ເຄື່ອງມື, ຄົ້ນພົບຂໍ້ບົກພ່ອງແລະການລາຍງານ.
