Skip to content

Instantly share code, notes, and snippets.

View blvd20's full-sized avatar
🎯
Focusing

Vincent J blvd20

🎯
Focusing
17 followers · 40 following
  • Shenzhen
View GitHub Profile
@blvd20
blvd20 / svg-transform-order.html
Created April 26, 2017 01:46
<svg height="400px" width="100%">
<rect x="10" width="100" height="100" transform="matrix( 2 0 0 2 50 50)"></rect>
<rect x="10" width="100" height="100" fill="red" transform="matrix( 1 0 0 1 50 50)"></rect>
</svg>
<svg height="400px" width="100%" style="background:blue">
<rect x="10" width="100" height="100" transform="scale(2) translate(50 50)"></rect>
<rect x="10" width="100" height="100" fill="red" transform="translate(50 50)"></rect>
</svg>
<svg height="400px" width="100%" style="background:green">
<rect x="10" width="100" height="100" transform="translate(50 50) scale(2) "></rect>
@blvd20
blvd20 / vscode-awesome-extensions.md
Last active April 27, 2017 10:23
  • git blame
  • git history
  • guide (to show intendent)
  • vscodevim
  • eslint
  • colorpicker
  • Quokka (test a piece of code and get instant feedback)
@blvd20
blvd20 / rotate_vector.js
Last active May 9, 2017 01:54
function rotate_vector(vector, radians) {
let c = Math.hypot(vector.x, vector.y);
let r1 = Math.atan2(vector.x, vector.y); //vector's radian before
let r2 = r1 + radians; //vertor's radian after rotating coordination
let x = Math.cos(r2) * c;
let y = Math.sin(r2) * c;
return {x, y}
}
function rotate(cx, cy, x, y, angle) {
@blvd20
blvd20 / DynamicProxyDemo.java
Last active September 4, 2017 04:32
import java.lang.reflect.InvocationHandler;
import java.lang.reflect.Method;
import java.lang.reflect.Proxy;
import java.lang.reflect.Field;
import java.lang.reflect.Modifier;
// import sun.misc.ProxyGenerator;
// import java.io.*;
class DynamicProxyDemo {
public static String msg = "hi yo";
@blvd20
blvd20 / scrollTest.html
Created September 29, 2017 03:25
scroll view bahavior test
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>scroll view bahavior test</title>
<style type="text/css">
#container {
width: 80%;
@blvd20
blvd20 / flex_tests.html
Created February 11, 2018 02:53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>flex test</title>
<style>
.std_con {
height: 300px;
@blvd20
blvd20 / font_ready.html
Created February 11, 2018 03:48
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans|Raleway|Roboto" rel="stylesheet">
</head>
<body>
@blvd20
blvd20 / ppi_test.html
Created February 26, 2018 10:31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>PPI Test</title>
<style>
html,
@blvd20
blvd20 / about.md
Last active May 9, 2021 05:00

About

There is nothing.

@blvd20
blvd20 / show-nuxt-vue-devtools.js
Created July 25, 2021 10:17
A bookmarklet to enable vue devtools in prod mode. Only works for nuxt project.
// A bookmarklet to enable vue devtools in prod mode.
// Only works for nuxt project.
javascript:(function() {
window.postMessage({devtoolsEnabled: true, vueDetected: true}, '*');
__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue = $nuxt.constructor;
$nuxt.constructor.config.devtools = true;
})()