Skip to content

Instantly share code, notes, and snippets.

View loveyunk's full-sized avatar
🌻
Grinding

yw loveyunk

🌻
Grinding
19 followers · 56 following
  • 克莱登
  • Beijing, China
View GitHub Profile
@loveyunk
loveyunk / todoapp.css
Created May 15, 2021 07:38
html {
font-family: sans-serif;
}
body {
margin: 0;
}
form {
width: 90%;
@loveyunk
loveyunk / form-vue-jquery-native.html
Created December 14, 2019 05:33
<!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>Form</title>
</head>
<body>
<div id="app">
@loveyunk
loveyunk / vue-todo.html
Created August 14, 2019 15:25
<!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>Vue Todo</title>
<style>
html,
body {
@loveyunk
loveyunk / copyToClipBoard.html
Created August 9, 2019 07:30
copyToClipBoard
<!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>copyToClipBoard</title>
</head>
<body>
<div class="hl7MsgBox">
@loveyunk
loveyunk / nativeJavaScript.js
Created June 4, 2019 12:19 — forked from alexhawkins/nativeJavaScript.js
Implementation of Native JavaScript Methods (forEach, Map, Filter, Reduce, Every, Some)
'use strict';
/*****************NATIVE forEACH*********************/
Array.prototype.myEach = function(callback) {
for (var i = 0; i < this.length; i++)
callback(this[i], i, this);
};
//tests
@loveyunk
loveyunk / reduxtest.js
Created February 14, 2019 13:54
const { createStore } = require('redux');
const initialState = {
age: 21
};
const myReducer = (state = initialState, action) => {
let newState = { ...state };
if (action.type === 'ADD') {
newState.age += 1;
@loveyunk
loveyunk / react-typescript-function-component.tsx
Created February 7, 2019 09:01
import React, { useState } from 'react';
import className from 'classnames';
import CSSModules from 'react-css-modules';
import styles from './Foo.module.scss';
export interface FooProps {
className?: string;
prefixCls?: string;
}
@loveyunk
loveyunk / react-style.tsx
Created February 3, 2019 11:30
import React from 'react';
import classNames from 'classnames';
import CSSModules from 'react-css-modules';
import styles from './Foo.module.scss';
export interface FooProps {
className: string;
prefixCls: string;
type: 'default' | 'primary' | 'danger';
}
@loveyunk
loveyunk / ajax.js
Created November 28, 2018 07:02
// 参考：https://github.com/yanatan16/nanoajax
// Best place to find information on XHR features is:
// https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
function ajax(params, callback) {
var reqfields = [
'responseType', 'withCredentials', 'timeout', 'onprogress'
];
// Simple and small ajax function
// Takes a parameters object and a callback function
@loveyunk
loveyunk / arrow.html
Created November 18, 2018 05:18
<!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>
</head>