Hoyang Tsai hoyangtsai

## useAfterPaintEffect.js
function useAfterPaintEffect(effect, dependencies) {
  useEffect(() => {
    requestAnimationFrame(() => {
      setTimeout(() => {
        effect();
      }, 0);
    });
  }, dependencies);
}

## min.js
function min(...values) {
    if (values.length < 1) {
        return Infinity;
    }

    let minValue = values.shift();

    for (const value of values) {
        if (value < minValue) {
            minValue = value;

## replace.js
'Brave New World'.split('New').join('Old')
// "Brave Old World"

## currency.js
const amount = new Intl.NumberFormat('id-ID', {
  style: 'currency',
  currency: 'IDR'
}).format("15000");

console.log(amount);

## qrcode.html
<html>

<body>
<div id="qrcode"></div>

<script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs/qrcode.min.js"></script>
<script>
const qrcode = new QRCode(document.getElementById('qrcode'), {
  text: 'http://jindo.dev.naver.com/collie',
  width: 128,

## toinline.js
const style = {
  width: 400,
  height: 300,
  position: 'fixed',
  top: 900,
  left: 60,
  'z-index': 1234
}

const inline = Object.entries(style).reduce((prev, curr) => {

## example.js
function Product(name, price) {
  this.name = name;
  this.price = price;
}

function Food(name, price) {
  Product.call(this, name, price);
  this.category = 'food';
}

## pagination.vue
<script>
import { ref, watch } from 'vue'

export default {
  props: {
    totalPages: Number,
    currentPage: Number,
  },
  setup(props) {
    let numShown = 5;

## qs.js
// convert objec to a query string
const qs = Object.keys(params)
    .map(key => `${key}=${params[key]}`)
    .join('&');

// OR
var queryString = Object.keys(params).map((key) => {
    return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])
}).join('&');

## style.css
/* target IE 6 and 7 */
@media screen\9 {
  /* custom style */
}

/* target IE 6, 7 and 8 */
@media \0screen\,screen\9 {
    /* custom style */
}
	function useAfterPaintEffect(effect, dependencies) {
	useEffect(() => {
	requestAnimationFrame(() => {
	setTimeout(() => {
	effect();
	}, 0);
	});
	}, dependencies);
	}
	function min(...values) {
	if (values.length < 1) {
	return Infinity;
	}

	let minValue = values.shift();

	for (const value of values) {
	if (value < minValue) {
	minValue = value;
	'Brave New World'.split('New').join('Old')
	// "Brave Old World"
	const amount = new Intl.NumberFormat('id-ID', {
	style: 'currency',
	currency: 'IDR'
	}).format("15000");

	console.log(amount);
	<html>

	<body>
	<div id="qrcode"></div>

	<script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs/qrcode.min.js"></script>
	<script>
	const qrcode = new QRCode(document.getElementById('qrcode'), {
	text: 'http://jindo.dev.naver.com/collie',
	width: 128,
	const style = {
	width: 400,
	height: 300,
	position: 'fixed',
	top: 900,
	left: 60,
	'z-index': 1234
	}

	const inline = Object.entries(style).reduce((prev, curr) => {
	function Product(name, price) {
	this.name = name;
	this.price = price;
	}

	function Food(name, price) {
	Product.call(this, name, price);
	this.category = 'food';
	}
	<script>
	import { ref, watch } from 'vue'

	export default {
	props: {
	totalPages: Number,
	currentPage: Number,
	},
	setup(props) {
	let numShown = 5;
	// convert objec to a query string
	const qs = Object.keys(params)
	.map(key => `${key}=${params[key]}`)
	.join('&');

	// OR
	var queryString = Object.keys(params).map((key) => {
	return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])
	}).join('&');
	/* target IE 6 and 7 */
	@media screen\9 {
	/* custom style */
	}

	/* target IE 6, 7 and 8 */
	@media \0screen\,screen\9 {
	/* custom style */
	}