Skip to content

Instantly share code, notes, and snippets.

View hiepdqflame's full-sized avatar
🎯
First, solve the #Problem. Then, write the #Code

Quang Hiep hiepdqflame

🎯
First, solve the #Problem. Then, write the #Code
View GitHub Profile
<template>
  <div>
    <div class="header tw-flex tw-my-4">
      <div class="title tw-grow tw-text-[16px] tw-font-[500] tw-mr-auto">
        {{ translate('assessment.setSubject') }}
      </div>
      <div class="actions tw-shirk-0 tw-flex tw-items-center tw-px-4">
        <AntdButton type="primary" @click="autoSetWeightValue">
          <font-awesome-icon :icon="['fas', 'shuffle']" />
@hiepdqflame
hiepdqflame / code-naming-convention.md
Last active May 4, 2023 05:12
Đặt tên biến

Đối với biến là số nguyên

Đặt ở dạng: numberOf hoặc Count. Ví dụ: numberOfTickets, ticketCount

Đối với số dấu phẩy động

Đặt ở dạng: Amount. ví dụ: rainfallAmount, moneyAmount.

Nếu đơn vị không rõ ràng thì thêm đơn vị ở cuối tên biết: withInCentimet, rainFallAmountInInchesPerHourse, angleInDegrees, failPercent, failRatio.

Đối với biến boolean

Boolen sẽ có hai giá trị là true và false. Sẽ đặt theo các mẫu sau: isSomething, hasSomething, doesSomething, didSomething, shouldDoSomething hoặc willDoSomething, isDisabled, hasErrors, allowsWhitespace, didUpdate, shouldUpdate, willUpdate

Quản lý mục tiêu cá nhân giúp bạn nhìn nhận rõ ràng tiến trình công việc đã thực hiện và dễ dàng đạt được mục tiêu hơn.

Tuy nhiên nếu quản trị sai cách, bạn có thể bị lạc lối, mất cân bằng giữa việc quản lý và việc tập trung thực hiện mục tiêu, khiến đích đến trở nên xa vời, khó với tới.

1. Tại sao nên đặt mục tiêu cho bản thân?

Đặt mục tiêu cá nhân thoạt nghe có vẻ rất “sách vở” và có chút “kém hấp dẫn”. Tuy nhiên, việc làm đơn giản này có thể mang đến cho bạn rất nhiều lợi ích như:

  • Giúp bạn định hướng cho sự phát triển của bản thân
  • Tạo động lực cho bạn làm việc và phát triển theo chiều hướng tốt lên
  • Giữ cho bạn luôn tập trung vào điều cần làm, giữ vững phong độ

Tài Liệu BEM

CSS Coding guidline

Components

Những components dùng chung.

"Thiết kê các thành phần này để có thể tái sử dụng, và tồn tại một cách độc lập với các components khác.

/*
Tailwind - The Utility-First CSS Framework
A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink),
David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).
Welcome to the Tailwind config file. This is where you can customize
Tailwind specifically for your project. Don't be intimidated by the
length of this file. It's really just a big JavaScript object and
MỘT VÀI THỦ THUẬT GOOGLE SEARCH
Hình ảnh minh họa mang tính chống trôi
Ai biết rồi có thể bỏ qua
1) Cách tìm và tải xuống bất kỳ bộ phim nào bạn muốn
Cách 1: Vào google và gõ dòng lệnh sau:
index of Movie name
(Trong đó Movie name là tên bộ phim bạn muốn tải)
Ví dụ: Mình muốn tìm và tải Joker thì trên google bạn gõ như sau:
index of Joker
(sau đó chọn ngay link đầu tiên và sau đó nó sẽ hiện 1 danh sách link phim để bạn chọn và tải xuống)
MỘT VÀI THỦ THUẬT GOOGLE SEARCH
Hình ảnh minh họa mang tính chống trôi
Ai biết rồi có thể bỏ qua
1) Cách tìm và tải xuống bất kỳ bộ phim nào bạn muốn
Cách 1: Vào google và gõ dòng lệnh sau:
index of Movie name
(Trong đó Movie name là tên bộ phim bạn muốn tải)
Ví dụ: Mình muốn tìm và tải Joker thì trên google bạn gõ như sau:
index of Joker
(sau đó chọn ngay link đầu tiên và sau đó nó sẽ hiện 1 danh sách link phim để bạn chọn và tải xuống)
@hiepdqflame
hiepdqflame / remove missing separator Makefile
Last active December 6, 2019 06:57
remove missing separator Makefile using vim
:%s/^[ ]\+/\t/g
scp -r /path/to/file root@RemoteIP:/path/to/filedestination
@hiepdqflame
hiepdqflame / synthwave84.css
Created November 26, 2019 08:39
synthwave84.css
.mtk3 {
color: #f92aad;
text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3;
}
.mtk4 {
color: #6d77b3;
}
.mtk5 {