Skip to content

Instantly share code, notes, and snippets.

View anonystick's full-sized avatar

AnonyStick anonystick

View GitHub Profile
var $=function(){"use strict";var e=function(e){this.elems="document"===e?[document]:"window"===e?[window]:document.querySelectorAll(e)};e.prototype.createMenuItem=function(e){let t=document.createElement("li");return t.style="list-style-type: circle",t.innerHTML=e,t},e.prototype.init=function(e){self=this;let t="h2",n=document;e.headingSelector&&(t=e.headingSelector),e.contentSelector&&(n=document.querySelector(e.contentSelector)),console.log("h2:::",t),this.each(function(e){const o=self.getElementsByTagNames(t,n);if(console.log("::toBeTOCced::",o.length),o.length>0)for(let t=0;t<o.length;t++){const n=o[t],r=n.textContent;n.id=`${r}`;let c=`<a href="#${r}">${r}</a>`;e.appendChild(self.createMenuItem(c))}})},e.prototype.each=function(e){if(e&&"function"==typeof e)for(var t=0;t<this.elems.length;t++)e(this.elems[t],t)},e.prototype.getElementsByTagNames=function(e,t){for(var n=e.split(","),o=new Array,r=0;r<n.length;r++)for(var c=t.getElementsByTagName(n[r]),l=0;l<c.length;l++)o.push(c[l]);var i=o[0];return i?(
@anonystick
anonystick / [Tips Javascript] - Thói quen xấu khi viết code trong javascript nên tránh
Last active July 20, 2019 04:07
[Tips Javascript] - Thói quen xấu khi viết code trong javascript nên tránh
Bạn đã rơi vào trường hợp này như thế này khi đọc một đoạn code (javascript) mà bạn có cảm thấy những điều này:
1 - Hầu như không hiểu code đó để làm gì?
2 - Code sử dụng quá nhiều thủ thuật trong đó?
3 - Tuỳ tiện đặt tên function và variable ?
Đó chính là điều mà tôi muốn nói trong bài viết hôm nay. Khi viết code, không ai tránh khỏi những thói quen xấu trong function
của mình. Do đó người khác đọc vào code của bạn cảm thấy khó hiểu đó là điều đương nhiên. Trong bài viết này, chúng ta sẽ bàn
luận qua những ví dụ hình thành những thói quen xấu đó, và quan trọng là tôi sẽ trình bày để loại bỏ những thói quen xấu khi
viết code.
@anonystick
anonystick / Trigger là gì? Sử dụng Trigger giữa javascript và jquery.
Created June 27, 2019 05:03
Trigger là gì? Sử dụng Trigger giữa javascript và jquery.
Trigger là gì? Sử dụng Trigger giữa javascript và jquery.
@anonystick
anonystick / extend.js
Created June 4, 2019 15:09 — forked from cferdinandi/extend.js
A native JS extend() function.
/**
* Merge defaults with user options
* @private
* @param {Object} defaults Default settings
* @param {Object} options User options
* @returns {Object} Merged values of defaults and options
*/
var extend = function ( defaults, options ) {
var extended = {};
var prop;
@anonystick
anonystick / Event loop javascript
Last active May 3, 2019 04:36
Event loop javascript
https://anonystick.com/blog-developer/event-loop-javascript-cung-giong-nhu-mot-nha-hang-pizza-20190503441197.jsx
@anonystick
anonystick / JavaScript with defer and async
Last active May 1, 2019 05:07
JavaScript with defer and async
Rất tiếc cho bạn nào đặt script xuống cuối trang, ngay trước thẻ </body> và nói là rất ổn.
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.
Khi tải tập lệnh trên trang HTML, bạn cần cẩn thận để không làm tổn hại đến hiệu suất tải của trang. Tùy thuộc vào vị trí và cách bạn thêm tập lệnh của mình vào trang HTML sẽ ảnh hưởng đến thời gian tải.
Theo truyền thống câu lệnh sẽ như cách này.
<script src="script.js"></script>
Readmore : https://anonystick.com/blog-developer/developer-javascript-nen-dung-lai-forin-ngay-bay-gio-2019042725015209.jsx
for...in loop đã giết chết developer bằng cách nào?
Tôi đảm bảo những ai chưa đọc bài viết này or chưa đọc các bài viết như thế này thì vẫn sẽ vô tư sử dụng loop for in một cách thoải mái và tự tin. Cũng như thầm cảm ơn for in một cách thần thánh.
Trước đây chúng ta đã nói về những cách lặp khác nhau trên array or object. Ví dụ như for or forEach. Và tôi cũng đã viết một bài về sự khác nhau giữa for và forEach.
JavaScript's for...in loop lặp vô số thuộc tính của một obejct hay array.
Thế nhưng trong bài viết này tôi sẽ đề cập đến một loại cũng giúp chúng ta hằng ngày để giải quyết vòng lặp đó là for..in.
Nhưng các bạn biết không trong quá trình làm việc mà code của tôi có vấn đề và phát hiện ra điều này không ai khác thủ phạm là for in.
see full: https://anonystick.com/blog-developer/choi-game-facebook-nhieu-ban-se-thanh-thao-developer-javascript-im-not-kidding-2019042365301310.jsx
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
Tôi đùa các bạn à! ồ không! tôi không đùa chút nào? Trước khi các bạn thực hiện các bước tôi hướng dẫn dưới đây, rồi sau đó
các bạn vẫn chơi game, xem facebook lúc đó cũng chưa muộn.
1 - Lời nói đầu:
Như tiêu đề của bài viết, hôm nay tôi cùng với các bạn cùng nhìn qua ES2019 để xem có những tính năng nào tiếp theo của
ECMAScript.ECMAScript là tiêu chuẩn dựa trên JavaScript và nó thường được viết tắt là ES. Có bạn nào biết phiên bản hiện tại
của ECMAScript là bao nhiêu không?
Theo mình được biết và tham khảo thì phiên bản ECMAScript hiện tại là ES2018. Để mình nói rõ hơn một chút về cụm từ này trước
khi chúng ta tham khảo một số tính năng của ES2019.
ESNext là gì? Có bạn nào đã nghe đến cụm từ này không? ESNext là tên luôn chỉ ra phiên bản tiếp theo của JavaScript.
Phiên bản ECMAScript hiện tại là ES2018 hình như là tháng 6/2018. Vì vậy chúng có thể mong đợi ECMAScript 2019
sẽ được phát hành vào mùa hè 2019. Một vài thông tin mình tham khảo được là như vậy.
Xin chào tất cả các bạn devjs. Đây là bài chia sẻ về những tình huống thực tế trong phỏng vấn mà bạn thường xuyên gặp.
Và trong bài biết này mình sẽ cho các bạn thấy mình đã thất bại thế nào khi phỏng vấn tại FPT. Có thể chúng ta thường xuyên sử
dụng chúng trong những project của công ty hay của cá nhân. Nhưng hầu như các bạn quên đi kiến thức cơ bản về chúng. Để rồi
có một ngày bạn chợt nhận ra rằng. Mình chẳng hiểu gì hết. Chỉ là copy/paste.
Okay, giờ mình sẽ bắt đầu cùng các bạn đi tìm hiểu về chủ đề "Contrustor và class" qua một bài viết của tác giả Tania Rascia.
Read more: https://anonystick.com/blog-developer/constructorjs-classjs-va-constructor-in-class-javascript-2019042062929853.jsx