ມີຫຍັງຢູ່ໃນ Angular 8?

ກະວີ: Louise Ward
ວັນທີຂອງການສ້າງ: 10 ກຸມພາ 2021
ວັນທີປັບປຸງ: 18 ເດືອນພຶດສະພາ 2024
Anonim
ມີຫຍັງຢູ່ໃນ Angular 8? - Creative
ມີຫຍັງຢູ່ໃນ Angular 8? - Creative

ເນື້ອຫາ

Angular 8 ແມ່ນເວີຊັນລ້າສຸດຂອງ Google ຂອງ Angular - ໜຶ່ງ ໃນກອບພາສາ JavaScript ທີ່ດີທີ່ສຸດ. ໃນບົດຄວາມນີ້, ພວກເຮົາຈະ ດຳ ເນີນການກ່ຽວກັບສິ່ງທີ່ພິເສດກ່ຽວກັບ Angular 8, ແລະສະແດງວິທີການເລີ່ມຕົ້ນ. ກ່ອນອື່ນ ໝົດ, ເບິ່ງຄືນສັ້ນໆກ່ຽວກັບສິ່ງທີ່ເກີດຂື້ນກັບກອບມາຮອດປະຈຸບັນ.

ການແນະ ນຳ ຂອງ Angular ເຮັດໃຫ້ມີການປ່ຽນແປງແບບພັດທະນາເວັບ: ໃນຂະນະທີ່ຫ້ອງສະ ໝຸດ ສ່ວນໃຫຍ່ ຈຳ ກັດການສະ ໜັບ ສະ ໜູນ ນັກພັດທະນາທີ່ມີຜົນກະທົບດ້ານສະຖາປັດຕະຍະ ກຳ ທີ່ຂ້ອນຂ້າງ, ທີມນັກພັດທະນາຂອງ Angular ກໍ່ກ້າວໄປສູ່ທິດທາງອື່ນ. ຜະລິດຕະພັນຂອງພວກເຂົາບັງຄັບໃຫ້ທ່ານໃຊ້ສະຖາປັດຕະຍະ ກຳ ສະເພາະ, ໂດຍມີຄວາມແຕກຕ່າງຕັ້ງແຕ່ຍາກຈົນເຖິງຈຸດ ໝາຍ ການຄ້າ. ໃນຄວາມເປັນຈິງ, ລະຫັດ Angular ສ່ວນໃຫຍ່ແລ່ນຜ່ານເຄື່ອງມືການໂອນຍ້າຍທີ່ຂ້ອນຂ້າງສັບສົນກ່ອນທີ່ມັນຈະຕີຕົວທ່ອງເວັບ.

ເນື່ອງຈາກຜົນ ສຳ ເລັດອັນໃຫຍ່ຫຼວງຂອງ Angular, ທັງພາຍໃນແລະພາຍນອກຂອງ Google Inc, ການພັດທະນາມີ - ຢ່າງ ໝັ້ນ ຄົງແລະຂະ ໜາດ ໃຫຍ່. ນີ້ຫມາຍຄວາມວ່າການປ່ຽນແປງລະຫັດການປ່ຽນແປງແມ່ນມີຫນ້ອຍ, ໃນຂະນະທີ່ການຍົກລະດັບເຄິ່ງປີແມ່ນສຸມໃສ່ການປັບໂຄງຮ່າງກັບການປ່ຽນແປງໃນພື້ນທີ່ການທ່ອງເວັບ.


ໃນກໍລະນີຂອງ Angular 8, ຍົກຕົວຢ່າງ, ຜູ້ລວບລວມຂໍ້ມູນ JavaScript ໃໝ່ ຖືກ ນຳ ໃຊ້ (ເຖິງແມ່ນວ່າຍັງທົດລອງຢູ່). ມັນຊ່ວຍເພີ່ມປະສິດທິພາບລະຫັດທີ່ເຂົ້າກັນໃຫ້ນ້ອຍລົງແລະໄວກ່ວາຄ່າໃຊ້ຈ່າຍຂອງເບົາເຊີເກົ່າ. ຍິ່ງໄປກວ່ານັ້ນ, ການສະຫນັບສະຫນູນພະນັກງານເວັບແມ່ນປະສົມປະສານເພື່ອເພີ່ມຄວາມສາມາດໃນການປຸງແຕ່ງຂອງ Angular. ໃນສັ້ນ, ມີຫຼາຍສິ່ງທີ່ຕ້ອງເບິ່ງ - ສະນັ້ນໃຫ້ພວກເຮົາເຊົາຢູ່ໃນ.

ຖ້າທ່ານມັກອອກແບບເວັບໄຊທ໌້ໂດຍບໍ່ມີລະຫັດ, ລອງໃຊ້ຜູ້ສ້າງເວັບໄຊທ໌ທີ່ງ່າຍນີ້. ແລະເພື່ອເຮັດໃຫ້ສິ່ງຕ່າງໆ ດຳ ເນີນການລຽບງ່າຍ, ໃຫ້ການບໍລິການໂຮດເວັບຂອງທ່ານຖືກຕ້ອງ.

01. ດຳ ເນີນການກວດສອບລຸ້ນ

toolchain ຂອງ Angular ອາໃສຢູ່ພາຍໃນ NodeJS environment. ໃນຖານະເປັນການຂຽນນີ້, Node.js 10.9 ຫຼືດີກວ່ານັ້ນແມ່ນມີຄວາມ ຈຳ ເປັນ - ຖ້າທ່ານພົບວ່າຕົວເອງມີລຸ້ນເກົ່າ, ໃຫ້ເຂົ້າເບິ່ງເວັບໄຊທ໌ Node.js ແລະໄດ້ຮັບການຍົກລະດັບ. ລະຫັດຂ້າງລຸ່ມນີ້ສະແດງສະຖານະພາບຮຸ່ນໃນເຄື່ອງນີ້.

tamhan @ TAMHAN18: ~ $ node -v v12.4.0 tamhan @ TAMHAN18: ~ $ npm -v 6.9.0

02. ຕິດຕັ້ງ Angular

toolchain ຂອງ Angular ແມ່ນຢູ່ໃນເຄື່ອງປະດັບເສັ້ນ ຄຳ ສັ່ງທີ່ມີຊື່ . ມັນສາມາດຕິດຕັ້ງຜ່ານ NPM ທີ່ມີຊື່ສຽງ.


tamhan @ TAMHAN18: ~ $ sudo npm ຕິດຕັ້ງ -g @ angular / cli tamhan @ TAMHAN18: ~ $ ng version

ຈົ່ງລະມັດລະວັງໃນການຕອບ ຄຳ ຖາມທີ່ສະແດງຢູ່ໃນຮູບຂ້າງລຸ່ມນີ້.

ການເອົາຂໍ້ມູນແບບຮຸ່ນຕ່າງໆອອກຈາກເຄື່ອງມືແມ່ນຂ້ອນຂ້າງຍາກ - ບໍ່ພຽງແຕ່ຈະມີເອກະລັກສະເພາະເທົ່ານັ້ນ, ແຕ່ຜົນຜະລິດກໍ່ແມ່ນ ຄຳ ເວົ້າ (ເບິ່ງຮູບພາບຂ້າງລຸ່ມ).

03. ສ້າງໂຄງກະດູກໂຄງການ

ສ້າງເຄື່ອງ ໝາຍ ຂອງ Angular ໃຫ້ພວກເຮົາ. ໃນຂັ້ນຕອນຕໍ່ໄປນີ້, ພວກເຮົາຕ້ອງການເພີ່ມເສັ້ນທາງ, ແລະໃຊ້ Sass ສຳ ລັບການໂອນ CSS. ຖ້າການປະຕິບັດການລົ້ມເຫຼວຍ້ອນເຫດຜົນໃດ ໜຶ່ງ, ຄວນເຮັດໃຫ້ໄດເລກະທໍລີເຮັດວຽກຢູ່, ແລະເລີ່ມຕົ້ນ ໃໝ່ ກັບສິດທິຜູ້ໃຊ້ Superuser.

tamhan @ TAMHAN18: ~ $ mkdir angularspace tamhan @ TAMHAN18: ~ $ cd angularspace / tamhan @ TAMHAN18: ~ / angularspace $ ng ວຽກ ໃໝ່

04. ການໂຫຼດຄວາມແຕກຕ່າງຂອງ Harness

Angular ຮຸ່ນ ໃໝ່ ຊ່ວຍເພີ່ມລະຫັດຄວາມເຂົ້າກັນໄດ້ກັບທາງຫລັງເພື່ອຜົນກະທົບທີ່ຫຼຸດລົງ - ໄຟລ໌ທີ່ເອີ້ນວ່າ browserslist ຊ່ວຍໃຫ້ທ່ານສາມາດຕັດສິນໃຈວ່າໂປແກຼມທ່ອງເວັບໃດທີ່ຈະໄດ້ຮັບການສະ ໜັບ ສະ ໜູນ. ເປີດ browserslist ແລະເອົາ ຄຳ ສັບອອກ ບໍ່ ຕໍ່ ໜ້າ IE 9 ເຖິງ IE11.


. . . > 0,5% 2 ລຸ້ນຫຼ້າສຸດ Firefox ESR ບໍ່ຕາຍ IE 9-11 # ສຳ ລັບການສະ ໜັບ ສະ ໜູນ IE 9-11, ເອົາ 'ບໍ່'.

05. ... ແລະເບິ່ງຜົນໄດ້ຮັບ

ສັ່ງການລວບລວມຂອງໂຄງການ, ປ່ຽນເປັນໂຟນເດີແຈກຢາຍແລະ ກຳ ຈັດເອກະສານແຜນທີ່ທີ່ບໍ່ ຈຳ ເປັນ.

tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng ສ້າງ tamhan @ TAMHAN18: ~ / angularspace / workertest / dist / workertest $ ls

ເອີ້ນຕົ້ນໄມ້ເພື່ອເບິ່ງຜົນໄດ້ຮັບ - ສ້າງເອກະສານລະຫັດຕ່າງໆ (ເບິ່ງຮູບພາບຂ້າງລຸ່ມ).

06. Spawn ພະນັກງານເວັບ

ຜູ້ເຮັດວຽກເວັບໃຫ້ JavaScript ເຂົ້າໄປໃນແຖວ ໜ້າ ສຸດທ້າຍຂອງ ຄຳ ຮ້ອງສະ ໝັກ ພື້ນເມືອງ: ການປະມວນຜົນວຽກຂະຫນານກັນ. ດ້ວຍ Angular 8, ຜູ້ເຮັດວຽກເວັບສາມາດຖືກສ້າງຂື້ນຈາກຄວາມສະດວກສະບາຍຂອງປື້ມ ຜົນປະໂຫຍດເສັ້ນຄໍາສັ່ງ.

tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng ສ້າງແຮງງານຜູ້ອອກແບບເວັບໄຊຕ໌ສ້າງ tsconfig.worker.json (212 bytes) ສ້າງ src / app / myworker.worker.ts (157 bytes) ປັບປຸງ tsconfig.app.json (236 bytes) ) ອັບເດດ angular.json (3640 ໄບຕ໌)

07. ສຳ ຫຼວດລະຫັດ

ຜົນຜະລິດອາດຈະເບິ່ງຄືວ່າເປັນຕາຢ້ານຢູ່ໃນຕອນ ທຳ ອິດ. ເປີດເອກະສານ src / app / myworker.worker.ts ໃນບັນນາທິການລະຫັດຂອງການເລືອກເປີດເຜີຍລະຫັດທີ່ທ່ານຄວນຮູ້ດີຈາກ WebWorker ຂໍ້ ກຳ ນົດ. ໃນຫຼັກການ, ຜູ້ເຮັດວຽກໄດ້ຮັບຂໍ້ຄວາມແລະປຸງແຕ່ງພວກມັນຕາມຄວາມຕ້ອງການ.

/// ອ້າງອິງ lib = "ຜູ້ສ້າງເວບໄຊທ໌" /> addEventListener ('ຂໍ້ຄວາມ', ({ຂໍ້ມູນ}) => {ການຕອບສະ ໜອງ ຕໍ່ = ການຕອບສະ ໜອງ ຂອງພະນັກງານຕໍ່ $ {ຂໍ້ມູນ} `; postMessage (ການຕອບ);});

08. ຕັ້ງຄ່າການຂູດ

ຄໍາຮ້ອງສະຫມັກ Angular ປະກອບດ້ວຍສ່ວນປະກອບ. ການຍິງໃສ່ພະນັກງານເວັບແມ່ນເຮັດໄດ້ດີທີ່ສຸດພາຍໃນ ຜູ້ອຸປະຖໍາ, ເຊິ່ງໄດ້ຖືກຂະຫຍາຍອອກໄປລວມເອົາຜູ້ຟັງ ສຳ ລັບ OnInit ເຫດການ. ສຳ ລັບດຽວນີ້, ມັນຈະສະແດງຂໍ້ມູນສະຖານະພາບເທົ່ານັ້ນ.

ນຳ ເຂົ້າ {ສ່ວນປະກອບ, OnInit} ຈາກ '@ angular / core'; @ ຄອມພິວເຕີ້ ({..}) ສົ່ງອອກຊັ້ນຮຽນທີ AppComponent ປະຕິບັດ OnInit {title = 'workertest'; ngOnInit () {console.log ("AppComponent: OnInit ()"); }}

09. ຢ່າກັງວົນກ່ຽວກັບການຂາດຜູ້ກໍ່ສ້າງ

ນັກພັດທະນາ TypeScript ທີ່ມີປະສົບການຖາມຕົນເອງວ່າເປັນຫຍັງລະຫັດຂອງພວກເຮົາບໍ່ໃຊ້ຜູ້ສ້າງທີ່ສະ ໜອງ ໂດຍພາສາການຂຽນໂປແກຼມ. ເຫດຜົນ ສຳ ລັບສິ່ງນັ້ນແມ່ນວ່າ ngOnInit ແມ່ນເຫດການທີ່ໃຊ້ຊີວິດທີ່ຖືກຍິງທຸກຄັ້ງທີ່ເຫດການເລີ່ມຕົ້ນ - ມັນບໍ່ ຈຳ ເປັນຕ້ອງກ່ຽວຂ້ອງກັບການຮຽກຮ້ອງຮຽນ.

10. ປະຕິບັດການລວບລວມຂໍ້ມູນຂະ ໜາດ ນ້ອຍ

ໃນຈຸດເວລານີ້, ໂປແກຼມກຽມພ້ອມທີ່ຈະ ດຳ ເນີນງານ. ພວກເຮົາຈະປະຕິບັດມັນຈາກເຄື່ອງແມ່ຂ່າຍພາຍໃນຂອງ , ເຊິ່ງສາມາດຮຽກຮ້ອງຜ່ານ ຄຳ ສັ່ງຮັບໃຊ້. ລັກສະນະລະອຽດຂອງວິທີການນີ້ແມ່ນວ່າໂປແກມກວດພົບການປ່ຽນແປງແລະແນະ ນຳ ໂຄງການໃຫ້ດີຂື້ນ.

tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng ຮັບໃຊ້

ລອງເບິ່ງຕົວເລກເພື່ອເບິ່ງສິ່ງນີ້ໃນການປະຕິບັດໃນຮູບຂ້າງລຸ່ມນີ້.

11. ... ແລະຊອກຫາຜົນໄດ້ຮັບ

ng ຮັບໃຊ້ putputs ທີ່ຢູ່ຂອງເຄື່ອງແມ່ຂ່າຍເວັບໄຊທ໌ທ້ອງຖິ່ນຂອງມັນ, ເຊິ່ງປົກກະຕິແລ້ວ http: // localhost: 4200 /. ເປີດ ໜ້າ ເວບແລະເປີດເຄື່ອງມືນັກພັດທະນາເພື່ອເບິ່ງຜົນໄດ້ຮັບສະຖານະພາບ. ຮັກສາຢູ່ໃນໃຈວ່າ console.log ຜົນໄດ້ຮັບຂໍ້ມູນໃຫ້ກັບ console ຂອງ browser ແລະປ່ອຍໃຫ້ console ຂອງ NodeJS ຍົກເວັ້ນ.

12. ໄປວຽກ

ໃນຈຸດເວລານີ້, ພວກເຮົາສ້າງຕົວຢ່າງຂອງແຮງງານແລະໃຫ້ຂໍ້ຄວາມ. ຜົນໄດ້ຮັບຂອງມັນຈະຖືກສະແດງຢູ່ໃນ console ຂອງ browser.

if (typeof Worker! == 'ບໍ່ໄດ້ ກຳ ນົດ') {// ສ້າງ ກຳ ມະກອນ const ໃຫມ່ = ກຳ ມະກອນ ໃໝ່ ('./ myworker.worker', {type: 'module'}); worker.onmessage = ({data}) => {console.log ('page ໄດ້ຮັບຂໍ້ຄວາມ: $ {ຂໍ້ມູນ}}); }; worker.postMessage ('ສະບາຍດີ'); } else {console.log ("ບໍ່ມີແຮງງານສະ ໜັບ ສະ ໜູນ"); }

13. ສຳ ຫຼວດ Ivy

Angular ຮຸ່ນໃນອະນາຄົດຈະໃຊ້ຕົວລວບລວມຂໍ້ມູນທີ່ກ້າວ ໜ້າ, ນຳ ໄປສູ່ການເບິ່ງທີ່ນ້ອຍກວ່າ. ໃນຂະນະທີ່ຜະລິດຕະພັນດັ່ງກ່າວຍັງບໍ່ທັນ ສຳ ເລັດຮູບ, ກະດູກທີ່ສາມາດໃຊ້ງາຊ້າງໄດ້ສາມາດຜັດຜ່ານໄດ້ ng new ivy-project - enable-ivy. ອີກທາງເລືອກ, ປ່ຽນການຕັ້ງຄ່າການລວບລວມຂໍ້ມູນດັ່ງທີ່ສະແດງຢູ່ໃນ snippet.

"angularCompilerOptions": {"enableIvy": ຄວາມຈິງ}

ຄໍາເຕືອນ: Ivy ນໍາໄປສູ່ການຫຼຸດຜ່ອນຂະຫນາດທີ່ຫນ້າປະຫລາດໃຈ, ແຕ່ມັນບໍ່ແມ່ນຟຣີ. ຜະລິດຕະພັນຍັງບໍ່ທັນມີສະຖຽນລະພາບ, ສະນັ້ນການ ນຳ ໃຊ້ມັນໃນສະພາບແວດລ້ອມການຜະລິດບໍ່ໄດ້ຖືກແນະ ນຳ.

14. ພະຍາຍາມປັບປຸງການປຸງແຕ່ງ ng

Angular's ເຄື່ອງມືສາຍ ຄຳ ສັ່ງໃຊ້ສະຄິບເດັກພາຍໃນເວລາໃດ ໜຶ່ງ. Angular 8 ຍົກມືທີ່ທ່ານສາມາດເຮັດໄດ້ໃນປັດຈຸບັນ, ໃຊ້ສະຖານທີ່ນີ້ເພື່ອເຮັດວຽກຂອງທ່ານເອງເພາະວ່າໃບສະ ໝັກ ຂອງທ່ານຖືກລວບລວມແລະລວບລວມ.

"architect": {"ສ້າງ": {"ຜູ້ກໍ່ສ້າງ": "@ angular-devkit / build-angular: browser",

ຫນຶ່ງໃນຄໍາຮ້ອງສະຫມັກ neat ຂອງ ສະຄິບລວມມີການອັບໂຫລດແອັບພລິເຄຊັນໂດຍກົງກັບບໍລິການເມຄ. ຫໍສະ ໝຸດ Git ໃຫ້ສະຄິບທີ່ເປັນປະໂຫຍດເຊິ່ງອັບໂຫລດຜົນງານຂອງທ່ານເຂົ້າໃນບັນຊີ Firebase.

15. ເພີດເພີນກັບການຍ້າຍຖິ່ນທີ່ຖືກປັບປຸງ

ນັກພັດທະນາຍ້າຍອອກຈາກ Angular 1.x, ເຊິ່ງເອີ້ນກັນວ່າ AngularJS, ມີສ່ວນແບ່ງທີ່ຖືກຕ້ອງຂອງບັນຫາທີ່ເຮັດໃຫ້ຜູ້ ນຳ ທາງເຮັດວຽກໄດ້ຖືກຕ້ອງໃນການປະຍຸກ 'ລວມ'. ບໍລິການສະຖານທີ່ທີ່ເປັນເອກະພາບ ໃໝ່ ມີຈຸດປະສົງເພື່ອເຮັດໃຫ້ຂະບວນການນີ້ ດຳ ເນີນໄປລຽບງ່າຍ

16. ສຳ ຫຼວດຄວບຄຸມພື້ນທີ່ເຮັດວຽກ

ໂຄງການຂະ ໜາດ ໃຫຍ່ໄດ້ຮັບປະໂຫຍດຈາກຄວາມສາມາດໃນການປ່ຽນແປງໂຄງສ້າງພື້ນທີ່ເຮັດວຽກແບບເຄື່ອນໄຫວ. ວິທີນີ້ແມ່ນເຮັດຜ່ານໂປແກຼມ Workspace API ໃໝ່ ທີ່ ນຳ ສະ ເໜີ ໃນ Angular 8.0 - snippet ທີ່ມາພ້ອມກັບຂັ້ນຕອນນີ້ໃຫ້ພາບລວມຂອງການປະພຶດຕົວ.

ຫນ້າທີ່ async ສະແດງ () {const host = ພື້ນທີ່ເຮັດວຽກ. createWorkspaceHost (NodeJsSyncHost (ໃໝ່); const workspace = ລໍຖ້າພື້ນທີ່ເຮັດວຽກ. readWorkspace ('ເສັ້ນທາງ / ໄປ / ພື້ນທີ່ / ໄດເລກະທໍລີ /', ເຈົ້າພາບ); const project = ພື້ນທີ່ເຮັດວຽກ. ໄດ້ຮັບ ('ແອັບ-ຂອງຂ້ອຍ'); const buildTarget = project.targets. ໄດ້ຮັບ ('ສ້າງ'); buildTarget.options.optimization = ຈິງ; await workspaces.writeWorkspace (workspace, host); }

17. ເລັ່ງຂະບວນການ

ການກໍ່ສ້າງຖານຂໍ້ມູນລະຫັດ JavaScript ຂະ ໜາດ ໃຫຍ່ໄດ້ຮັບຄວາມເບື່ອ ໜ່າຍ. ຮຸ່ນ AngularJS ໃນອະນາຄົດຈະໃຊ້ລະບົບການກໍ່ສ້າງຂອງ Google Bazel ເພື່ອເລັ່ງຂະບວນການ - ໜ້າ ເສົ້າ, ໃນເວລາທີ່ຂຽນມັນບໍ່ໄດ້ກຽມພ້ອມ ສຳ ລັບຊີວິດປະ ຈຳ ວັນ.

18. ຫລີກລ້ຽງການຍ່າງຕາຍ

ເຖິງແມ່ນວ່າ Google ຈະເອົາໃຈໃສ່ທີ່ສຸດເພື່ອບໍ່ໃຫ້ລະຫັດ, ແຕ່ບາງລັກສະນະກໍ່ ຈຳ ເປັນຕ້ອງຖືກ ກຳ ຈັດອອກຍ້ອນວ່າພວກເຂົາບໍ່ ຈຳ ເປັນຕ້ອງໃຊ້ອີກຕໍ່ໄປ. ກວດເບິ່ງລາຍການຄ່າເສື່ອມລາຄານີ້ເພື່ອຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບຄຸນລັກສະນະຕ່າງໆທີ່ຄວນຫຼີກລ້ຽງ.

19. ເບິ່ງທີ່ທ່ອນການປ່ຽນແປງ

ດັ່ງທີ່ເຄີຍເຮັດມາແລ້ວ, ບົດຂຽນ ໜຶ່ງ ບໍ່ສາມາດປະຕິບັດຄວາມຍຸດຕິ ທຳ ຕໍ່ການປ່ອຍຕົວທັງ ໝົດ. ໂຊກດີ, ບັນທຶກການປ່ຽນແປງນີ້ໃຫ້ລາຍຊື່ລາຍລະອຽດຂອງການປ່ຽນແປງທັງ ໝົດ - ພຽງແຕ່ໃນກໍລະນີທີ່ທ່ານເຄີຍຮູ້ສຶກຢາກກວດເບິ່ງ ກຳ ມະຈອນຂອງຄຸນລັກສະນະໃດ ໜຶ່ງ ໂດຍສະເພາະທີ່ທ່ານຮັກ.

ມີຫຼາຍເອກະສານກຽມພ້ອມແລ້ວ ສຳ ລັບອັບລົງໃນເວັບໄຊຂອງທ່ານບໍ? ສຳ ຮອງມັນໄວ້ໃນບ່ອນເກັບຂໍ້ມູນຟັງທີ່ ໜ້າ ເຊື່ອຖືທີ່ສຸດ.

ບົດຂຽນນີ້ຖືກລົງໃນເບື້ອງຕົ້ນໃນວາລະສານອອກແບບສ້າງສັນ ຜູ້ອອກແບບເວບໄຊທ໌.

ກະທູ້ທີ່ນິຍົມ
3 ວິທີການຊອກຫາຫຼັກຊັບທີ່ໂດດເດັ່ນຈາກຝູງຊົນ
ຄົ້ນພົບ

3 ວິທີການຊອກຫາຫຼັກຊັບທີ່ໂດດເດັ່ນຈາກຝູງຊົນ

ໃນຖານະເປັນນັກອອກແບບທ່ານຈະຕ້ອງການເນື້ອຫາຫຼັກຊັບເປັນປະ ຈຳ, ແລະທ່ານຈະຮູ້ກ່ຽວກັບຫ້ອງສະ ໝຸດ ຈຳ ນວນເທົ່າໃດທີ່ຈະເລືອກເອົາ. ແລະໃນຂະນະທີ່ທ່ານອາດຈະຄຸ້ນເຄີຍກັບຊື່ i tock, ສິ່ງທີ່ທ່ານອາດຈະບໍ່ຮູ້ແມ່ນພຽງແຕ່ວິທີທີ່ເ...
ເຄື່ອງຫຼີ້ນຕົວລະຄອນ Kawaii ເອົາ ໜ້າ ຮັກໄປສູ່ລະດັບ ໃໝ່
ຄົ້ນພົບ

ເຄື່ອງຫຼີ້ນຕົວລະຄອນ Kawaii ເອົາ ໜ້າ ຮັກໄປສູ່ລະດັບ ໃໝ່

ການອອກແບບຕົວລະຄອນ Kawaii ແມ່ນໃຫຍ່ຫຼວງໃນປະເທດຍີ່ປຸ່ນແລະມັນງ່າຍທີ່ຈະເບິ່ງວ່າເປັນຫຍັງ - ທຳ ມະຊາດທີ່ ໜ້າ ຮັກຂອງຮູບແບບດັ່ງກ່າວໄດ້ເຮັດໃຫ້ມັນປະສົບຜົນ ສຳ ເລັດໃນທົ່ວໂລກດ້ວຍຍີ່ຫໍ້ກາຟິກເຊັ່ນ: TokiDoki, Kidrobot,...
ການອອກແບບ ສຳ ລັບ ຈຳ ນວນອຸປະກອນທີ່ບໍ່ມີຂອບເຂດ
ຄົ້ນພົບ

ການອອກແບບ ສຳ ລັບ ຈຳ ນວນອຸປະກອນທີ່ບໍ່ມີຂອບເຂດ

ການເຄື່ອນໄຫວອອກແບບທີ່ຕອບສະ ໜອງ ແມ່ນ ກຳ ລັງເກັບໄອນ້ ຳ ແລະມັນເບິ່ງຄືວ່າບໍ່ດົນພວກເຮົາຈະຢູ່ໃນສະຖານທີ່ທີ່ເວບໄຊທ໌ແລະ webapp ຈະ ນຳ ສະ ເໜີ ປະສົບການທີ່ສອດຄ່ອງ, ໃນຂະນະທີ່ ກຳ ລັງປັບປ່ຽນ, ມີປະສົບການໃນທົ່ວເວທີ. ຂ້...