Performance in VueJS #4 - Optimizing third-party libraries
VueJS

Performance in VueJS #4 – Optimizing third-party libraries

Như trong các phần trước trong series mình đã trình bày với các bạn một số cách để Optimize code, nó chắc chắn sẽ giúp rất nhiều cho dự án của bạn. Nhưng cái gì cũng có cái giá của nó @@, hãy xem giá phải trả như thế nào rỗi hãy làm nhé. Và trong bài này mình sẽ nói đến những cái giá mà bạn phải trả cũng như giúp bạn xem lên Optimize phần nào dựa trên 1 số tool nhé.

Pure function in JS
Javascript

Pure function in JS

Hôm nay nhân ngày mát trời, chúng ta sẽ quay lại với JS nhé các bạn (Liên quan vc ^^ ). Thực ra gần đây mình không viết nhiều về JS lên lần này cố tình quay lại với nó nhé. Kì này chúng ta sẽ nói về Pure function, một cách viết function rất hữu hiệu để các bạn base code dự án nhé.

BEM style convention
Front-end xoay quanh

BEM style convention

Khi viết Css có lẽ các bạn đã rất nhiều khi đau đầu làm sao đặt tên class cho hay, cho clear để thằng đằng sao code đỡ chửi mình ^^, hay chỉ đơn giản là bản mình không cảm thấy khó hiểu khi sau này xem lại phần code css đó. Và ở phần này mình xin giới thiệu đến các bạn BEM convention trong style FE nói chung nhé vì nó có thể áp dụng với CSS, SASS, SCSS, … nó sẽ giúp code style nói chung dễ maintain, dễ viết, …. Đỡ đau đầu nghĩ tên, hay tranh luận vì một cái tên class style. @@

Gulp getting started!
Front-end xoay quanh

Gulp getting started!

Như phần trước mình cũng đã giới thiệu với các bạn Babel dùng để chuyển code JS từ version ES6 xuống thấp hơn. Nhưng hôm nay mình sẽ giới thiệu đến các bạn một tool có lẽ còn mạnh mẽ hơn rất nhiều, đa năng hơn rất nhiều Babel, thâm chí chúng ta còn có thể tích hợp cả babel vào tool này nữa đó, 😀 và đó chính là GULP.

Performance in VueJS #2 - Router performance
VueJS

Performance in VueJS #2 – Router performance

Như phần trước mình đã giới thiệu với các bạn Dynamic import và chắc các bạn cũng đã thấy một phần tác dụng của nó. Nhưng đó chỉ là phần lazy load import component thôi, lần này mình sẽ giới thiệu với các bạn các lazy load để import cả module nhé.

40da9236-9c26-11e4-9e2b-6611cd743423
VueJS

Performance in VueJS #1 – Dynamic import – Lazy loading Vue components

Khi app của các bạn là đủ lớn, có nhiều user vào hoặc khi các bạn muốn Optimize để làm tăng Performance để làm cho UX người dùng được tốt hơn. Thì có lẽ có rất nhiều điều các bạn cần làm như là confix cache bên server, nén trên server, … config Front-end, Optimize image, … v.v. Nhưng trong series này mình sẽ giới thiệu với các bạn cách Optimize trong VueJS nhé. Thực ra thì khi mà hiểu với VueJS rồi thì các bạn cũng có thể tự tin làm với React hay Angular 2+ được. ^^

Babel getting started!
Front-end xoay quanh

Babel getting started!

Khi lập trình Web bên phía Front-end chắc chắn chúng ta phải làm việc với Browser như là: Chrome, EI (củ chuối), Firefox, … Và chắc hẳn đã có lần ta phải đau đầu viết lại logic để cho app của chúng ta chạy được trên nhiều Browser nhất là IE (củ chuối) vì nó không hỗ trợ những Feature mới của JS. Và như vậy có một công cụ thần kì đã ra đời để cứu lấy đời Dev. Đó chính là Babel ^^, còn cụ thể như thế nào chúng ta sẽ cùng tìm hiểu thêm ở phần này nhé.

All about Object methods in JS
Javascript

All about Object methods in JS

Như trong phần trước mình cũng đã giới thiệu với các bạn các method dùng được với Array, thì hôm nay mình xin được tổng hợp tiếp các method mà các bạn sẽ dùng được với Object nhé @@. Bài viết sẽ rất dài lên các bạn nên xem qua rồi cần thì vào tra lại nhé, mình cũng sẽ có bảng tổng hợp ở cuối bài nhé.

How to clone Object in JS
Javascript

How to clone Object in JS?

Khi làm việc với JS, các bạn chắc chắn đã phải clone 1 object nào đó ra thành một cái khác rồi lưu vào đâu đó để sau này dùng. Nhưng nhiều khi nó vẫn cứ tham chiếu đến nhau @@ (reference), các bạn méo hiểu tại sao thì trong bài này mình sẽ giải thích và suggest cách clone nhé.