### Bleach vs Naruto

- [**v3.11**](https://drive.google.com/file/d/1W2l-P_xHvWNpzH2KedBeVHpf_IvfON6H/view?usp=sharing)
- [**v3.6**](https://drive.google.com/file/d/1GNVefoJkvQXVbsZPGTBBB8faOTm78HS6/view?usp=sharing)
- Discover:
  - [**BvN Mod 540+ Character**](https://www.youtube.com/watch?v=ro_AKpxKRqo)
  - [**BvN v3.6 Gameplay**](https://www.youtube.com/watch?v=fMIBHRx1r4A)

### Baba Is You

- [**GG Drive**](https://drive.google.com/file/d/1pfBUedXCEAfZ6hNN0gWW-abP2j3S9Iec/view?usp=share_link)

Kho game miễn phí (Cập nhật liên tục)

### Xem lại pass Wifi

`netsh wlan show profile "_name_" key=clear`

### Ẩn thư mục hoàn toàn

- Mở powershell (shift + left click)
- Gõ `attrib +s +h "__folder_name__"` để ẩn
- Gõ `attrib -s -h "__folder_name__"` để hiện

### Kiểm tra tình trạng Pin Laptop

- Run as Administrator PowerShell
- Gõ `powercfg /batteryreport`

### Cài "Auto Shutdown" máy

- Gõ `shutdown -a` : tắt auto shutdown
- Gõ `shutdown -s -t __time__` : tắt máy theo thời gian (giây)

Thủ thuật hay khi sử dụng máy tính cá nhân (Cập nhật liên tục)

## Ứng dụng mặc định trên điện thoại

- Trên các dòng máy Android, các ứng dụng hệ thống được cài đặt sẵn và không thể xóa được theo cách thông thường. Thế nên trong bài viết này, tôi sẽ hướng dẫn chi tiết cách xóa những ứng dụng này một cách nhanh gọn và hoàn toàn miễn phí với tỉ lệ thành công là 100%

## Các bước thực hiện

### Bước 1 - Tải adb

- Link tải: [**GGDrive**](https://drive.google.com/file/d/1vOEbIMZ95zEnfJPqHSyN5RRBodfTYKDM/view?usp=sharing)

### Bước 2 - Chuẩn bị những thứ cần thiết

- Trên điện thoại mở chế độ nhà phát triển và bật những chế độ sau:

  - Gỡ lỗi USB
  - Xác thực ứng dụng bằng USB
  - Mở khóa OEM

- Tải app [**Application Inspector**](https://play.google.com/store/apps/details?id=com.ubqsoft.sec01&hl=vi&gl=US)

### Bước 3 - Kết nối

- Kết nối điện thoại của bạn với máy tính bằng cáp USB và cho phép truy cập vào hệ thống

### Bước 4 - Tiến hành

- Mở cmd
- Trong giao diện của cmd, gõ lệnh `adb devices` để kiểm tra xem điện thoại đã kết nối với máy tính hay chưa
- Gõ `adb shell` -> Enter -> gõ `pm uninstall -k --user 0 address_of_app`

• Để lấy address vào app vừa tải -> chọn ứng dụng cần xóa -> gõ dòng com.google....... đối với nhg ứng dụng của google và tương tự vs những app khác

### Hoàn thành !

- Chúc bạn thành công !

> Nếu thấy bài viết hay và ý nghĩa, hãy share cho mọi người cùng đọc nhé !

Xóa ứng dụng hệ thống trên điện thoại (Thành công 100%)

## Everything you need is free and easy to use

- Screenshots:

![image](https://cdn.sanity.io/images/ip9dfnbp/production/639613cbf30af97421a68db8b0580d0d877e976d-1165x336.png?w=450)

![image](https://cdn.sanity.io/images/ip9dfnbp/production/f1e882e6b31021acafd62d73ff6635bb68921851-1161x523.png?w=450)

### Sources

- [***TailwindCSS***](https://tailwindcss.com/docs/installation)
- [***Mamba UI***](https://mambaui.com/components)

### Others

- [***Daisy UI***](https://daisyui.com/)

MambaUI - Simple UI Library for your TailwindCSS project

# Visualize fireworks with pure Javascript from scratch

## Prerequisite

- HTML/CSS: not required
- Javascrip:t ES6 (class), Array methods (map, ...)

## Step 1 - HTML base

- The folder structure will look like this

```
fireworks
├── index.html
├── fireworks.js
```

- `index.html`

```html
<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
</style>
<canvas id="fireworks"></canvas>
<script src="index.js"></script>
```

- `fireworks.js`

```js
const canvas = document.querySelector('#fireworks');
const ctx = canvas.getContext('2d');
```

## Step 2 - Particle Class

- In `fireworks.js`

```diff
const canvas = document.querySelector('#fireworks');
const ctx = canvas.getContext('2d');

+  class Particle {
+    constructor(x, y, radius, color, velocity) {
+      this.x = x;
+      this.y = y;
+      this.radius = radius;
+      this.color = color;
+      this.velocity = velocity;
+  }
}
```

Fireworks Visualization with Canvas - JavaScript

# 7+ Web Features You May Not Know

## 1. Link sharing

```js
export const sharingHandle = () => {
  document.querySelector('#share').onclick = async () => {
    const shareData = {
      url: 'https://scorie.vercel.app',
      title: 'PWAs are awesome',
      text: 'Visit my other PWA: ',
    };

    if (!('share' in navigator) || !navigator.canShare(shareData)) {
      alert('Web Share API is not compatible || Cannot share the data');
      return;
    }

    try {
      await navigator.share(shareData);
      alert('Content shared!');
    } catch (error) {
      alert('Content was not shared by the user');
    }
  };
};
```

## 2. Device Motion

```js
export const deviceMotionHandle = () => {
  'navigator' in window && navigator.geolocation.getCurrentPosition(console.log);

  addEventListener('devicemotion', (e) => {
    const output = document.querySelector('#motion');

    output.innerHTML = `
<div>
  Acceleration: ${Math.round(((e?.acceleration?.x || 0) + Number.EPSILON) * 100) / 100} m/s2
</div>
<div class="w-full">
  <span>X: ${+(e?.acceleration?.x || 0).toFixed(2)}</span>
  <span>Y: ${+(e?.acceleration?.y || 0).toFixed(2)}</span>
  <span>Z: ${+(e?.acceleration?.z || 0).toFixed(2)}</span>
</div>
<div>
  <span>Alpha: ${+(e?.rotationRate?.alpha || 0).toFixed(2)}</span>
  <span>Beta: ${+(e?.rotationRate?.beta || 0).toFixed(2)}</span>
  <span>Gamma: ${+(e?.rotationRate?.gamma || 0).toFixed(2)}</span>
</div>`;
  });
};
```

## 3. Bluetooth Detection

```js
export const bluetoothHandle = () => {
  document.querySelector('#ble').addEventListener('click', () => connectBluetooth());

  const connectBluetooth = async () => {
    if (!('navigator' in window)) return;

    // Connect Device
    const device = await navigator.bluetooth.requestDevice({
      filters: [
        {
          services: ['heart_rate'],
        },
      ],
    });
    const server = await device.gatt.connect();

    // Get heart rate data
    const hr = await server.getPrimaryService('heart_rate');
    const hrMeasurement = await hr.getCharacteristic('heart_rate_measurement');

    // Listen to changes on device
    await hrMeasurement.startNotifications();

    hrMeasurement.addEventListener('characteristicvaluechanged', (e) => {
      console.log(parseHeartRate(e.target.value));
    });
  };

  const parseHeartRate = (initialValue) => {
    // In Chrome 50+, a DataView is returned instead of an ArrayBuffer.
    const value = initialValue.buffer ? initialValue : new DataView(initialValue);
    const flags = value.getUint8(0);

    const rate16Bits = flags & 0x1;
    const contactDetected = flags & 0x2;
    const contactSensorPresent = flags & 0x4;
    const energyPresent = flags & 0x8;
    const rrIntervalPresent = flags & 0x10;

    const result = {};

    let index = 1;

    result.heartRate = value.getUint16(index, !!rate16Bits);
    index += 1 + +!!rate16Bits;

    contactSensorPresent && (result.contactDetected = !!contactDetected);

    if (energyPresent) {
      result.energyExpended = value.getUint16(index, true);
      index += 2;
    }

    if (rrIntervalPresent) {
      const rrIntervals = [];
      for (; index + 1 < value.byteLength; index += 2) {
        rrIntervals.push(value.getUint16(index, true));
      }
      result.rrIntervals = rrIntervals;
    }

    return result;
  };
};
```

## 4. Contact Picker

```js
const props = ['name', 'email', 'tel', 'address', 'icon'];
const opts = { multiple: true };
const supported = 'contacts' in navigator && 'ContactsManager' in window;

export const contactPickerHandle = () => {
  const getContacts = async () => {
    if (!supported) return;

    const contacts = await navigator.contacts.select(props, opts);
    console.log(contacts);
  };

  const button = document.querySelector('#contacts');
  button.addEventListener('click', getContacts);
};
```

## 5. File System

```js
export const fileSystemHandle = () => {
  const getFileBtn = document.querySelector('#fs-get');
  const saveFileBtn = document.querySelector('#fs-save');

  getFileBtn.onclick = async () => {
    const [handle] = await window.showOpenFilePicker();
    const file = await handle.getFile();

    console.log(file);
  };

  saveFileBtn.onclick = async () => {
    const textFile = new File(['hello world'], 'hello.txt', { type: 'text/plain' });
    const handle = await window.showSaveFilePicker();
    const writable = await handle.createWritable();

    await writable.write(textFile);
    await writable.close();
  };
};
```

## 6. Idle Detection

```js
export const idleDetectionHandle = () => {
  if (!('IdleDetector' in window)) return;

  const idleBtn = document.querySelector('#idle');
  const idleStatus = document.querySelector('#idle-status');

  const runIdleDetection = async () => {
    // @ts-ignore
    await IdleDetector.requestPermission();
    // @ts-ignore
    const idleDetector = new IdleDetector();

    idleDetector.addEventListener('change', () => {
      const { userState, screenState } = idleDetector;

      idleStatus && (idleStatus.innerHTML = userState + ' ' + screenState);

      if (userState == 'idle') {
        // update database with status
        console.log(userState);
      }
    });

    await idleDetector.start({ threshold: 120000 });
  };

  idleBtn.addEventListener('click', () => runIdleDetection());
};
```

## 7. Geolocation

```js
const geoOptions = {
  timeout: 10 * 1000,
  enableHighAccuracy: true,
  maximumAge: 0,
};

window.navigator.geolocation.getCurrentPosition(
  (position) => {
    const cords = position.coords;
    console.log(`Latitude :  ${cords.latitude}`);
    console.log(`Longitude :  ${cords.longitude}`);
  },
  (error) => {
    console.debug(`Error: ${error.code}:${error.message}`);
    /**
     * Invoke the IP based location services
     * to fetch the latitude and longitude of the user.
     */
  },
  geoOptions
);
```

## And more ...

### Thanks for reading !

Welcome.

Kho game miễn phí (Cập nhật liên tục)

More.

Thủ thuật hay khi sử dụng máy tính cá nhân (Cập nhật liên tục)

Xóa ứng dụng hệ thống trên điện thoại (Thành công 100%)

MambaUI - Simple UI Library for your TailwindCSS project

Fireworks Visualization with Canvas - JavaScript

7+ web features