Đoạn mã 2025, Tháng BảY

Xử lý sự kiện hiện đại - Thủ thuật CSS

Xử lý sự kiện hiện đại - Thủ thuật CSS

Điều này tốt hơn so với thực hiện sự kiện "window.onload" truyền thống, vì nó có thể đính kèm nhiều trình xử lý sự kiện vào một sự kiện duy nhất và tất cả chúng đều được gọi. "

Làm sáng / Làm tối màu - Thủ thuật CSS

Làm sáng / Làm tối màu - Thủ thuật CSS

Các bộ tiền xử lý CSS Sass và Less có thể lấy bất kỳ màu nào và làm tối () hoặc làm sáng () nó theo một giá trị cụ thể. Nhưng không có khả năng nào như vậy được tích hợp vào JavaScript. "

Di chuyển con trỏ đến cuối đầu vào - Thủ thuật CSS

Di chuyển con trỏ đến cuối đầu vào - Thủ thuật CSS

Trong đó el là một tham chiếu đến một đầu vào hoặc vùng văn bản. function moveCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Biến chuỗi nhiều dòng trong JavaScript - Thủ thuật CSS

Biến chuỗi nhiều dòng trong JavaScript - Thủ thuật CSS

Điều này hoạt động: var htmlString = "Đây là một chuỗi."; Điều này không thành công: var htmlSTring = "Đây là một chuỗi."; Đôi khi điều này là mong muốn để dễ đọc. Thêm vào"

Làm cho các phần tử HTML5 hoạt động trong IE cũ - Thủ thuật CSS

Làm cho các phần tử HTML5 hoạt động trong IE cũ - Thủ thuật CSS

Để DOM (và do đó CSS) nhận ra chúng là các phần tử thực: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop Over querySelectorAll Matches - Thủ thuật CSS

Loop Over querySelectorAll Matches - Thủ thuật CSS

Hãy xem xét một số tùy chọn để lặp qua NodeList, khi bạn quay lại sau khi chạy document.querySelectorAll. Chúng tôi đã viết một bài báo cập nhật về "

Loop Through Array mà không cần tra cứu lãng phí - Thủ thuật CSS

Loop Through Array mà không cần tra cứu lãng phí - Thủ thuật CSS

Tìm độ dài của mảng trước khi sử dụng nó trong hàm for, vì vậy nó không cần đếm độ dài của mảng mỗi lần lặp (giả sử độ dài "

Giá trị KeyboardEvent (keyCodes, metaKey, v.v.) - Thủ thuật CSS

Giá trị KeyboardEvent (keyCodes, metaKey, v.v.) - Thủ thuật CSS

Khi một KeyboardEvent kích hoạt, bạn có thể kiểm tra phím nào đã được nhấn vì sự kiện đó chứa thông tin mà bạn có thể viết logic dựa vào. "

Nhận URL và Phần URL trong JavaScript - Thủ thuật CSS

Nhận URL và Phần URL trong JavaScript - Thủ thuật CSS

JavaScript có thể truy cập URL hiện tại theo từng phần. Đối với URL này: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - Thủ thuật CSS

JavaScript MD5 - Thủ thuật CSS

Var MD5 = function (string) (function RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) function AddUnsigned (lX, lY) (var "

JavaScript chứa mảng - Thủ thuật CSS

JavaScript chứa mảng - Thủ thuật CSS

Các đối tượng Javascript thực sự rất đẹp, nhưng đôi khi chúng thiếu một số hàm / phương thức nhỏ hữu ích. Ví dụ trên là với Mảng. Nó thực sự"

Nhập với hình nền biến mất - Thủ thuật CSS

Nhập với hình nền biến mất - Thủ thuật CSS

Điều này sao chép chức năng của các trường Tìm kiếm của Google có thể nhúng chuẩn. Chúng có một hình ảnh trong nền và khi đầu vào được nhấp vào "

Khoảng thời gian - Thủ thuật CSS

Khoảng thời gian - Thủ thuật CSS

Chuẩn Bạn không cần tạo biến, nhưng đó là một phương pháp hay vì bạn có thể sử dụng biến đó với clearInterval để dừng hoạt động hiện đang chạy "

Chèn HTML từ một chuỗi HTML - Thủ thuật CSS

Chèn HTML từ một chuỗi HTML - Thủ thuật CSS

Giả sử bạn có một số HTML là một chuỗi: let string_of_html = `

Cool
`; Có thể nó đến từ một API hoặc bạn đã tự xây dựng nó từ "

Chèn quy tắc CSS mới - Thủ thuật CSS

Chèn quy tắc CSS mới - Thủ thuật CSS

Nếu bạn cần thay đổi kiểu của một phần tử bằng JavaScript, thường tốt hơn là thay đổi tên lớp và đặt CSS đã có trên trang "

Nút "Quay lại" - Thủ thuật CSS

Nút "Quay lại" - Thủ thuật CSS

Các trình duyệt đã có các nút "quay lại", vì vậy tốt hơn bạn nên có lý do chính đáng để đặt một nút này trên trang của mình! Nút nhập bằng JavaScript nội tuyến "

Nhận khóa YouTube từ một liên kết - Thủ thuật CSS

Nhận khóa YouTube từ một liên kết - Thủ thuật CSS

Liên kết ví dụ: // Liên kết Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEntities cho JavaScript - Thủ thuật CSS

HtmlEntities cho JavaScript - Thủ thuật CSS

Htmlentities () là một hàm PHP chuyển đổi các ký tự đặc biệt (như <) thành các giá trị thoát / mã hóa của chúng (như <). Điều này cho phép bạn hiển thị "

Nhận các biến URL - Thủ thuật CSS

Nhận các biến URL - Thủ thuật CSS

Hàm getQueryVariable (biến) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Biến toàn cục - Thủ thuật CSS

Biến toàn cục - Thủ thuật CSS

Khai báo biến bên ngoài hàm ... var oneVariable; function setVariable () (oneVariable = "Tập hợp biến từ bên trong một hàm!";) "

Nhận tất cả các sự kiện DOM có thể có - Thủ thuật CSS

Nhận tất cả các sự kiện DOM có thể có - Thủ thuật CSS

Bạn có thể lấy một mảng tất cả các sự kiện bắt đầu bằng "on" (ví dụ: onclick) bằng cách chạy nó trong Console của Firefox. .filter (function (i) (return "

Lấy kích thước đối tượng - Thủ thuật CSS

Lấy kích thước đối tượng - Thủ thuật CSS

Như trong, số lượng chìa khóa. function objectSize (the_object) (/ * hàm để xác thực sự tồn tại của mỗi khóa trong đối tượng để lấy số lượng hợp lệ "

Gọi chức năng với bộ hẹn giờ ngẫu nhiên - Thủ thuật CSS

Gọi chức năng với bộ hẹn giờ ngẫu nhiên - Thủ thuật CSS

Function randRange (data) (var newTime = data; return newTime;) function toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, "

Định dạng tiền tệ - Thủ thuật CSS

Định dạng tiền tệ - Thủ thuật CSS

Hàm này sẽ làm tròn số đến hai chữ số thập phân và đảm bảo rằng giá trị trả về có hai chữ số thập phân. Ví dụ: 12.006 sẽ trả về 12.01, "

Sửa lỗi IE 10 trên Windows Phone 8 Viewport - Thủ thuật CSS

Sửa lỗi IE 10 trên Windows Phone 8 Viewport - Thủ thuật CSS

(function () (if (Navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("style"); msViewportStyle.appendChild ("

Làm trống một mảng - Thủ thuật CSS

Làm trống một mảng - Thủ thuật CSS

Đây là một trong những cách nhanh nhất và dễ nhất để làm trống một mảng. Tất nhiên có thể có những cách khác, nhưng những cách đó thường bao gồm việc tạo một mảng mới. "

Nội dung yêu cầu JavaScript với nội dung dự phòng - Thủ thuật CSS

Nội dung yêu cầu JavaScript với nội dung dự phòng - Thủ thuật CSS

Khu vực yêu cầu JavaScript được ẩn bằng CSS nội tuyến, và sau đó được hiển thị sau khi tải bằng một đoạn JavaScript nhỏ. Dưới đó, thẻ noscript được sử dụng "

Ghi nhật ký bảng điều khiển không có lỗi - Thủ thuật CSS

Ghi nhật ký bảng điều khiển không có lỗi - Thủ thuật CSS

Var Fb = (); // Một đối tượng trống theo nghĩa đen để giữ hàm Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Biểu định kiểu khác nhau đang chờ xử lý trong ngày - Thủ thuật CSS

Biểu định kiểu khác nhau đang chờ xử lý trong ngày - Thủ thuật CSS

Đặt tên cho các tệp css của bạn tương ứng: night.css, day.css, v.v. Một phần thưởng thú vị là vì JavaScript lấy thời gian từ máy cục bộ thay vì từ "