Xin chào các bạn, mình là HQK. Chắc trong các bạn ai cũng đã từng xem những bộ phim kiếm hiệp Trung Quốc nhỉ? Nhân vật mà mình thích nhất là Trương Vô Kỵ, ô này học được toàn bí kíp võ công xịn như cửu dương chân kinh, tâm pháp thượng thừa của càn khôn đại na di chấn áp Minh Giáo,...haha. Nay mình sẽ giới thiệu với các bạn các thư viện js chắc chắn sẽ giúp ích cho các bạn, tuy không chấn áp được Minh Giáo nhưng chắc sẽ chấn áp được deadline thôi.
Hey! Mình là HQK. Như bao ngày đẹp trời khác, mình ngồi vào bàn với cái máy tính quen thuộc. Nhìn trời, nhìn mây, nhìn cây, nhìn lá, nhìn các thứ cần nhìn,....hahaha. Nay mình được giao tìm hiểu về thằng Strapi, uây, hào hứng vãi shit, xem demo thấy xịn xò đấy, chất lượng phết. Lên đọc docs, các thứ, xong xuôi, mình bắt tay vào build thử một cái demo như docs hướng dẫn.
Mình định chụp ảnh cho các bạn xem lỗi ntn, nhưng mà mình fix rồi, lười không muốn xóa, haha các bạn thông cảm nhé.
Triệu chứng khi là nó đã tạo được project cho mình rồi, nhưng khi cài các thư viện bên ngoài vào nó bị lỗi, nên nó cứ quay mãi một hồi lâu.
- Bắt đầu fix thôi, mình bắt đầu thử vài keyword search gg xem, uây thằng này tài liệu ít vãi. Mò mẫm đọc và đọc, rồi mình fix, éo được, vừa cay vừa cáu. Mình đã đọc đến trang thứ 6 của gg và bắt đầu chán, bất lực. Chẳng nhẽ lại phải cài lại win với cái bug này, hay sang ubuntu code... suy nghĩ này bắt đầu nảy sinh trong đầu mình. Rồi mình quyết định là éo. Mình bắt đầu đọc xem cmd nó báo lỗi gì. Ồ! Một lúc lâu cmd nó trả về hàng dài những cảnh báo, trong đó có Error while installing dependencies. Sống rồi! chắc là do cài thư viện nó ko nhận được, rồi mình nghĩ vào cài lại cho nó xem sao.
Rồi mình chạy lại, fu*k, vẫn báo lỗi thư viện, nhưng lần này nó báo lỗi thư viện cụ thể hơn là do thằng sqlite3. Mình tiếp tục cài lại. Strapi mà tốn thời gian của mình vậy ư, cáu. Khi cài xong. Mình chạy yarn start. Wtf chạy được rồi, nhưng nó báo not found.
Không sao, mình quên chưa build lại. Npm run build. Tốt đã chạy xong, vui vãi, .....
Nói chung mình đã làm như sau để fix:
1. npm i
2. npm run build
3. npm run develop
Nói chung mình đã làm như sau để fix:
1. npm i
2. npm run build
3. npm run develop
Ok. Chúc các bạn không bị như mình, haha, mà có bị thì có thể làm theo mình, chúc các bạn success.
Đây là trang web của mình:
https://khanhkitin.herokuapp.com
https://khanhkitin.herokuapp.com
Hey! Mình là HQK. Đợt này mình đang được nghỉ dịch COVID-19. Nên mình có thời gian lên đây viết blog....chia sẻ cùng mọi người, cùng nhau học tập và phát triển, hey zô. Vào luôn chủ để chính đây.
1. Naming
- Sử dụng .jsx cho React components
- Tên file đặt theo PascalCase. Ví dụ: SearchCar.jsx
1. Naming
- Sử dụng .jsx cho React components
- Tên file đặt theo PascalCase. Ví dụ: SearchCar.jsx
Hello! Tiếp tục lại là mình đây. Lần này mình tiếp tục chia sẻ với các bạn làm sao để code của mình sạch, đẹp, tốt hơn nhé:
1. Các chuỗi
- Sử dụng dấu lược cho các chuỗi
1. Các chuỗi
- Sử dụng dấu lược cho các chuỗi
- Khi xây dựng các chuỗi theo một chu trình, sử dụng mẫu chuỗi thay vì ghép chuỗi
Tại sao? Các mẫu chuỗi cho bạn một cú pháp súc tích, dễ đọc với các ngắt dòng và các tính năng ghép chuỗi phù hợp.
- Không bao giờ sử dụng eval() cho một chuỗi, điều đó mở ra rất nhiều các lỗ hổng và rủi ro.
- Không sử dụng các ký tự thoát trong một chuỗi khi không cần thiết
2. Các đối tượng
- Sử dụng cú pháp nguyên văn {} để khởi tạo đối tượng
- Sử dụng cú pháp định nghĩa thuộc tính rút gọn để định nghĩa các thuộc tính của đối tượng
- Sử dụng cú pháp định nghĩa thuộc tính rút gọn để định nghĩa các thuộc tính của đối tượng
Tại sao? Nó ngắn gọn và súc tích.
- Gom tất cả các thuộc tính rút gọn ở trên cùng khi khai báo đối tượng.
Tại sao? Điều này giúp bạn dễ dàng biết được thuộc tính nào sử dụng cú pháp rút gọn.
- Chỉ sử dụng dấu lược ' ' cho các thuộc tính có định danh không hợp lệ.
- Ưu tiên sử dụng toán tử liệt kê ... so với Object.assign để tạo bản sao nhanh của một đối tượng. Sử dụng toán tử còn-lại ... để tạo một đối tượng mới với một số thuộc tính đã bị loại bỏ
3. Các mảng
- Sử dụng cú pháp nguyên văn [ ] để khởi tạo mảng
- Sử dụng cú pháp nguyên văn [ ] để khởi tạo mảng
- Sử dụng Array.push, thay vì phép gán, để thêm các mục cho một mảng.
- Sử dụng toán tử liệt kê ... để sao nhanh một mảng.
- Để chuyển đổi một đối tượng khả duyệt thành một mảng, sử dụng toán tử liệt kê ... thay vì Array.from.
- Sử dụng Array.from để chuyển đổi một đối tượng giống-mảng thành một mảng.
- Sử dụng Array.from để chuyển đổi một đối tượng giống-mảng thành một mảng.
Bài viết mình có tham khảo trên link github này. Mình nghĩ nó sẽ hữu ích cho bạn
https://github.com/dangkyokhoang/javascript-style-guide
https://github.com/dangkyokhoang/javascript-style-guide
Hello! Mình là HQK. Có bao giờ bạn nghĩ style code của mình đã tốt hay chưa tốt chưa. Hồi mới chập chững code những dòng C/C++, mình nghĩ chỉ cần code chạy đúng, tối ưu là được, mà ko nghĩ rằng cách code của mình gây khó chịu cho người xem, haha, và mình được các anh chị đi trước chỉ code sao cho clear. Sang code JS, mình cũng có cơ hội để học hỏi phong cách code của những người đi trước, và cũng đọc những thứ giúp code của mình tốt hơn, giờ mình sẽ chia sẻ với các bạn:
1. Đóng mở ngoặc của một hàm.
2. Cách đặt tên cho variables, constants, functions and classes
- Bạn nên sử dụng cách đặt tên theo lowerCamelCase cho constants, variables và functions. Và đặt tên cho class theo UpperCamelCase
- Ví dụ:
3. Cách require modules
- Khi các bạn code thì nên require một thư mục. Trong thư mục đó có file index.js, nơi mà tất các file trong folder sẽ được gọi qua nó. Mình sẽ có một bài viết cụ thể, rõ ràng hơn về cấu trúc một project nodejs.
- Ví dụ:
- Khi các bạn code thì nên require một thư mục. Trong thư mục đó có file index.js, nơi mà tất các file trong folder sẽ được gọi qua nó. Mình sẽ có một bài viết cụ thể, rõ ràng hơn về cấu trúc một project nodejs.
- Ví dụ:
4. Các tham chiếu
- Sử dụng const đối với tất cả các tham chiếu, tránh sử dụng var.
Tại sao? Điều này đảm bảo rằng bạn không thể gán lại các tham chiếu, việc có thể gây ra các lỗi và gây khó khăn cho sự đọc hiểu mã nguồn.
Tại sao? let thuộc phạm vi khối mà nó được khởi tạo, thay vì thuộc phạm vi hàm như var.
- Lưu ý rằng cả let và const đều thuộc phạm vi khối.
- Sử dụng trích xuất mảng
Bài viết của mình có tham khảo các link github sau, các bạn có thể học hỏi từ những link này, nó thật sự hữu ích cho bạn.
- Sử dụng const đối với tất cả các tham chiếu, tránh sử dụng var.
- Nếu bạn bắt buộc phải gán lại các tham chiếu, sử dụng let, thay vì var.
- Lưu ý rằng cả let và const đều thuộc phạm vi khối.
5. Trích Xuất
- Sử dụng trích xuất đối tượng khi truy cập và sử dụng nhiều thuộc tính của một đối tượng.
