Map là gì? Nghe có vẻ đơn giản, vì mỗi lập trình viên đều nghe về "map" rất nhiều. Nhưng để hiểu nó thì cũng không phải đơn giản, vậy trong bài viết này, tipjs sẽ cùng các bạn tìm hiểu về Map và Object là gì? Và khi nào nên sử dụng chúng? Và quan trọng hơn là performance giữa chúng như thế nào?
Tăng hiệu suất của các ứng dụng web ngày càng trở nên quan trọng. Tỷ lệ hoạt động kinh tế trực tuyến tiếp tục tăng và 5% nền kinh tế hiện tại ở các nước phát triển xảy ra trên Internet (kiểm tra số liệu thống kê của các tài nguyên dưới đây). Thời đại chúng ta đang có hiện nay đòi hỏi phải liên tục trực tuyến và kết nối, điều đó có nghĩa là người dùng có kỳ vọng cao hơn về hiệu suất. Nếu trang web không phản hồi kịp thời hoặc nếu có sự chậm trễ đáng chú ý trong ứng dụng, người dùng sẽ sớm tìm đến đối thủ cạnh tranh.
Nói về iterate trong javascript có rất nhiều cách để chúng ta có thể làm được điều đó như for, for ... in, for ... of. Thậm chí là reduce()... Nhưng bạn có biết vì sao javascript lại cung cấp nhiều method đến vậy, và nó có sự khác biệt gì. Trong bài viết này, chúng ta sẽ làm rõ những điều mà có thể bạn chưa hề biết.
Vậy tại sao lại dùng IIFE? Bởi vì IIFE như là một các hộp đóng gói code của chính nó. Do đó, những biến trong hộp này là private, bên ngoài(global) không thể truy xuất hay thay đổi được. Và nếu vô tình bạn đặt tên biến giống với global thì cũng không bị ảnh hưởng bên ngoài.
Closures là một trong những khái niệm quan trọng nhất, và cũng bị hiểu lầm nhiều nhất trong programming patterns. Vì vậy trong bài viết này chúng ta sẽ lướt qua một vài ví dụ và sẽ hiểu sâu hơn về chúng.
Khái niệm cần hiểu trong lập trình javascript - Cho dù bạn đang ở level nào của một developer thì những khái nhiệm cơ bản cũng đóng vai trò quan trọng. Cho nên dễ hiểu tại sao, những nhà developer js luôn có những hướng dẫn cơ bản về những khái niệm cơ bản.
Tôi biết trở thành developer giỏi không liên quan gì mấy đến các câu hỏi thế này, nhưng đa số nó đến từ các bài test phỏng vấn của các công ty nước ngoài mà đa số là những câu hỏi kỳ lạ.
Bạn đã sử dụng Async / await như thế nào kể từ khi được giới thiệu bới ES7? Hay là code chạy thành công là xem như là thoả mãn? Chúng ta cũng đi một vài ví dụ để thấy có thể bạn đã mắc sai lầm trong khi sử dụng Async / await trong code của bạn?
Spread Syntax là gì? Tiêu đề bài viết này là từ một câu hỏi của một bạn trên Group "Thảo luận về Javascript, ReactJS, VueJS, AngularJS Việt Nam". Và trong bài viết này chúng ta sẽ đi sâu về câu hỏi này?, Chúng ta sẽ nỗ lực giải thích (...) làm gì trong JavaScript. Hy vọng, điều này sẽ loại bỏ sự mập mờ trong khái niệm này cho các bạn, và cho những developer sẽ tìm thấy bài viết này trong tương lai và có cùng câu hỏi.
Higher Order Function JavaScript - Không như những bài viết khác chỉ giải thích đại khái như là Higher-Order Functions là gì? Thì thay vào đó chúng ta sẽ đi vào ví dụ cụ thể để xem Higher-Order Functions hoạt động như thế nào? Nếu thông qua ví dụ mà bạn vẫn chưa hiểu thì chúng ta sẽ đi vào giải thích sâu hơn.
Currying javascript là một khái niệm quan trọng là trung tâm của bất kỳ ngôn ngữ lập trình chức năng nào. Vì vậy, trong bài viết này chúng ta hãy xem nó là gì và tại sao nên sử dụng nó trong ngôn ngữ lập trình JavaScript.Có bao giờ developers đã nghe về khái niệm này chưa? Hoặc bao lâu rồi devjs chưa nghe về Currying In JavaScript. Vậy hôm nay sau bao nhiêu năm, chúng ta sẽ thảo luận khái niệm này một lần nữa. Mình tin rằng khi đọc bài này xong, devjs cũng lên một trình mới.
thủ thuật javascript - Để giúp các bạn mới về javascript thì bài này sẽ giúp các bạn hiểu "Các mẹo hữu ích để viết JavaScript ngắn gọn và hiệu quả hơn".
Tình cờ lướt qua Leonardo Maldonado một chuyên gia về Full Stack và kết quả đạt được ngoài mong đợi. Ngoài 33 concept của lão làng này thì còn nhiều bài viết của ông về javascript. Nay mình giới thiệu cho các bạn về 33 concept javascript...
Unit testing là một trong ba cách test của một ứng dụng. Ngoài kiểm thử thích hợp ứng dụng, và giao diện người dùng thì điều quan trọng là phải có giai đoạn Unit test.
Lộ trình học javascript - Các bạn không cần học một khoá học nào cả? Nhấn mạnh rằng không cần theo một khoá học nào hết? Các bạn chỉ cần đi theo lộ trình và những gì không hiểu thì hãy tham khảo tại các blog của các chuyên gia, họ sẽ giải thích cặn kẽ cho bạn. Như
Event loop là gì? Tôi dám chắc nhiều developer có nhiều kinh nghiệm làm việc cũng không dám vỗ ngực đứng lên và nói rằng có thể hiểu sâu về Event Loop trong javascript. Ngay cả chính bản thân người viết vẫn còn mơ hồ về điều này mặc dù đã đọc rất nhiều bài viết về Event Loop.
Bài viết này chúng ta tập trung cho những bạn mới bắt đầu đi bước vào ngôn ngữ javascript. Đôi khi họ đã sử dụng Operator này để so sánh trong code nhưng sự thật đằng sau nó các developer javascipt vẫn còn chưa biết. Vì vậy chúng ta sẽ nói kỹ về vấn đề này và cùng thảo luận.
Cũng giống như mọi ngôn ngữ lập trình khác, JavaScript có hàng tá thủ thuật để thực hiện cả các nhiệm vụ dễ và khó. Một số thủ thuật được biết đến rộng rãi trong khi những thủ thuật khác đủ để thổi bay tâm trí của bạn. Trong bài viết này chúng ta sẽ lướt qua 7 thủ thuật javascript mà bạn có thể bắt đầu tập luyện và sử dụng sau khi bạn đọc xong bài viết này.
Async và Defer. Bài này mình nói nhanh qua về một thủ thuật nhỏ nhưng hiệu quả. Và tôi mong rằng bài viết này không mới đối với các bạn. Nếu nó mới với bạn thì bạn đã hổng kiến thức rất nhiều.
performance javascript - Bài toán này mình sẽ chỉ ra có hai loại lập trình viên điển hình. Bây giờ, hãy tập trung bài viết này vào Javascript, vì Javascript đang mắc phải căn bệnh giống như mọi ngôn ngữ khác ngoài kia và một số mẹo nhỏ sẽ giúp bạn viết mã Javascript hiệu quả hơn. Hầu hết những lời khuyên này chỉ là lẽ thường, nhưng điều đó tạo ra sự khác biệt rất lớn khi xử lý hàng ngàn hoặc hàng trăm ngàn record.
For in javascript. Loop là một tips không thể tránh khỏi khi lập trình chức năng. Nhưng có khi nào bạn đã từng phạm phải những sai lầm mà tipjs chuẩn bị nói dưới đây, và cách khắc phục những vấn để đó như thế nào đây.
Trong bài này chúng ta sẽ nói về Immutable và Mutable trong JS. Và tìm hiểu Object.freeze() và Object.seal() để hiểu rõ hơn về immutable js. Vấn đề này phải hiểu thật sau hơn khi học javascript.
ES6 (ECMAScript2015) là một bản nâng cấp lớn cho JavaScript. Trong bài viết này, chúng ta sẽ tìm hiểu về class es6 để hiểu sâu hơn những cụm từ hay những khái niệm như class, object, static properties, constructor, inheritance, super và extends trong JavaScript.
Hầu hết các coder của tất cả các ngôn ngữ chứ không riêng gì javascript đều hiểu về khái niệm này. Và trong bài này tôi sẽ tổng hợp các cheatsheet để các bạn đọc mới học về async/await dễ hình dung và áp dụng vào thực tế.
Như tiêu đề hôm nay tôi sẽ hiến kế cho các bạn làm sao thành thạo javascript thông qua dành nhiều thời gian chơi game hoặc lướt facebook trong ngày.Có nhiều bạn và thậm chí cụm từ làm thế nào để trở thành một lập trình viên giỏi. Câu trả lời là quá dễ dàng khi bạn đọc bài viết này. Trước tiên
Vanilla JavaScript là gì? Và cách remove những object bị trùng lặp trong một Array như thế nào khi sử dụng Vanilla Javascript? Thì bài viết này cũng chính là bài viết đầu tiên của mình trong cộng đồng javascript. Mình hy vọng bài viết này sẽ làm sáng tỏ những điều trên. Let's begin
Trong bài viết này, chúng tôi đã tổng hợp lại các handbook về học javascript từ cơ bản đến nâng cao. Nhằm giúp cho các bạn đang và sẽ bước trên con đường javascript. Chúc các bạn thành công!
Xin chào cộng đồng Anonystick! Đây là bài viết đầu tiên của mình ở anonystick.com, có gì sai sót mong nhận được góp ý từ các bạn. Hôm nay vô tính có task trong trong dự án liên quan đến đánh giá xếp hạng. Mình tham khảo qua thì thấy star rating (đánh giá dùng biểu tượng ngôi sao) được dùng khá phổ biến. Trước đây chắc chắn quen thuộc nhất là hệ thống đánh giá nhà hàng và khách sạn với năm sao là chất lượng cao nhất. Khalachackeo là có sẵn nhiều plugin, library hỗ trợ sẵn để các bạn làm việc này, nhưng hôm nay với tiêu chí "HẠN CHẾ TỐI DÙNG THƯ VIỆN NGOÀI" nên trong project và cũng trong tut này mình sẽ hướng dẫn các bạn làm star rating thuần bằng html, css.
Qua những tính năng của ES2019 mà chúng ta mới lướt qua thì mình có cảm nhận nó không thú vị như ES2015 hoặc ES2017 (async / await), nhưng các tính năng mới này giúp language's API một cách tròn trặn hơn. Array#flat() và Array#flatMap() mở rộng hỗ trợ hiện có của JavaScript để thao tác mảng có thể xâu chuỗi. Object.fromEntries () là phần bổ sung gọn gàng cho Object.entries ().
Dù sao đi nữa tôi nghĩ tương lại react sẽ lại phổ biến và lúc đó những kiến thức như thế này mạng lại lợi ích khác biệt cho các bạn bước vào một phần của react native. Trong hướng dẫn này, chúng ta đã đi tìm hiểu về sự tương đồng và khác biệt giữa constructor function JavaScript và class trong ES6. Cả hai lớp và các hàm tạo đều bắt chước một mô hình thừa kế hướng đối tượng thành JavaScript, đây là ngôn ngữ kế thừa dựa trên nguyên mẫu. Hiểu kế thừa nguyên mẫu là tối quan trọng để trở thành một nhà phát triển JavaScript hiệu quả. Làm quen với các lớp là vô cùng hữu ích, vì các thư viện JavaScript phổ biến như React sử dụng cú pháp lớp thường xuyên.
Xin chào cộng đồng javascsript. Mình là Thành Nam, là một thành viên mới của cộng đồng javascript anonystick. Chúc tất cả các bạn có một bài đọc thật vui vẻ. Để tiếp theo "Cuộc thi ứng dụng nhỏ sử dụng javascript" những ví dụ chỉ dùng javascript thì bài này mình sẽ giới thiệu cho các bạn một ứng dụng mà mình đã tham khảo rất nhiều nơi. Đó là ứng dụng editor WYSIWYG.
Hiện nay trong hầu hết các trang web hiện tại đều có sử dụng popup. Do sự tiện lợi của popup nên các developer js đều sử dụng các thư viện như bootstrap. Nhưng do có nhiều dự án bắt buộc không sử dụng một thư viện thứ ba cho nên nhiều devjs đã tạo nên những dòng code thuần nhưng vẫn toạ ra các giá trị đặc biệt. Và đây là một minh chứng.
Qua bài viết phần 2 này. Mình chưa kết luận hết tất cả những gì mà react và es6 làm việc. Nhưng điều tuyệt vời nhất là React không làm quá khó hay không thêm một foreign abstraction layer nào lên để phát triển ứng dụng. Do đó React trở nên ngày càng mạnh mẽ và phổ biến đối với các developer js. Nó chỉ đơn giản là sử dụng JavaScript tốt nhất để xây dựng giao diện người dùng dễ dàng hơn và có thể duy trì. Cảm ơn các bạn đã đọc và chúng tôi hy vọng bạn đã học được một số điều mới trong bước đường tiến vào react native.
Trước tiên khi bạn đến với React Native thì bạn là: + Mới học về javascript? + Đã quá quen thuộc với javascript và thường xuyên sử dụng các tính năng ES6 / ES2015. Vậy thì có thể bài này đã lấy đi chút ít thời gian lãng phí của bạn và bạn có thể bỏ qua bài viết này. Có nhiều cú pháp có thể có vẻ kỳ lạ, khó hiểu hoặc đôi khi bạn không biết những gì cần tìm. Cho nên mình đã tham khảo và đã liệt kê một danh sách ngắn gọn các tính năng ES6 + phổ biến nhất mà mình thấy trong các ứng dụng và hướng dẫn của React Native. Có thể các liệt kê không hoàn toàn hoàn hảo nhưng mình nghĩ nó sẽ ít nhất giúp các bạn khi bắt đầu với React.
Splice javascript? In this post, we see the difference between slice(), splice(), split() and how to use it?
Tiết lộ các khái niệm trong phỏng vấn. Hôm nay vô tình lướt qua trong mail của mình có bài giới thiệu về Falsy values. Để giải quyết được Remove Falsy values in array javascript Các bạn có thể thấy có nhiều giải pháp khác nhau tuỳ thuộc vào mỗi người mỗi dự án. Quan trọng là các bạn phải hiểu những khái niệm đó, để khi đi phỏng vấn or đàn em nó hỏi thì có thẻ giải thích cặn kẽ cho tụi nó. Thật ra thì 'Falsy values' này mình đã được nghe từ lâu nhưng mình cũng e rằng còn nhiều bạn còn chưa biết nhiều về cụm từ này, mặc dù hiểu nghĩa nó, nên mình sẽ viết rõ hơn về vấn đề này dựa trên bài blog đó. Và các bạn cũng nên chú ý Falsy values vì cũng xuất hiện trong các câu phỏng vấn, để tìm ứng viên tiềm năng.
Nói đến for loop hay array.forEach thì hầu như trong developers javascript nào cũng biết và đã sủ dụng biết bao nhiêu vô kể trong code của mình. Nhưng có một ngày nào bạn nhìn lại và suy nghĩ nó khác gì, và tại sao có for rồi tại sao sinh ra array.forEach không?
Reduce javascript là gì? Nói đến javascript reduce array có thể nhiều bạn hình dung mới chỉ được một phần, hoặc các bạn ít sử dụng đến chúng. Trong bài viết này mình sẽ đề cập nhiều hơn về chức năng hoạt động rất rộng của reduce trong javascript.
<p>Với 6 cuốn sách này, nếu bạn chịu khó đọc những lúc rảnh rỗi thì bạn sẽ thấy những kỹ năng của bạn làm tức trước tới nay có khác hay không và khác thế nào? Với các cụm từ đang hot như Vue js, Express, Nodejs, React , es5 ... có thể làm các bạn điên đảo.</p>
<p>Trước tiên các bạn hãy ghi nhớ rằng hầu hết trong các cuộc phỏng vấn thì cấu trúc dữ liệu trong lập trình không thể bỏ qua. Và cụm từ Stack và Queue cũng được các PM nhắc tới. Cụm từ cấu trúc dữ liệu (Stack và Queue) các bạn cũng nghe cũng nhiều ở trường học ở công ty và ở đâu đó xung quanh về lĩnh vực tin học. Và các bạn cũng biết tầm quan trọng của cấu trúc dữ liệu nó như thế nào trong thực tế hay hay trước mắt mỗi lập trình viên. Hôm nay tôi sẽ gợi ý cho các bạn để lục lọi lại trí nhớ của bạn về Stack và Queue.</p>
<p>Trong bài viết này tôi sẽ giúp các bạn hiểu thêm về API Web Speech trong javascript. Như các bạn biết rồi, API Web Speech rất mạnh mẽ trong việc cho phép người dùng ghi lại lời nói của mình, dạng ghi âm vậy đó. Không những như vậy, API Web Speech giúp chúng ta có thể làm điều ngược lại, đó là đọc văn bản online.</p>
Array method trong javascript. Ngôn ngữ nào cũng vậy, phải nắm những chức năng quan trọng để giải quyết nhanh hơn chư không riêng gì về javascript. Giờ đây qua bài viết này các bạn lịa co thể trang bị thêm cho mình những bí kíp tuy nhỏ nhưng võ công lại thượng thừa.
<p>Bài viết này sẽ cung cấp một ví dụ. Trong thực tế cùng nhiều kết quả nhưng lại có nhiều phương pháp giải quyết khác nhau. Nhưng vấn đề ở chỗ ai được trả lương cao hơn, và vì sao họ luôn luôn được lựa chọn cho sự tin tuỏng. Và đây là một bài viết về tính hiệu quả của các devjs lõi làng.</p>
