Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

まっは mach3

🏠
Working from home
View GitHub Profile
View mixin.js
export const vnodeRender = {
methods: {
vnodeRender(vnode) {
if (process.browser) {
if (!vnode.tag) {
return document.createTextNode(vnode.text)
}
const el = document.createElement(vnode.tag)
if (vnode.data) {
if (vnode.data.staticClass) {
@mach3
mach3 / delegate.js
Created Jan 23, 2017
$.fn.on(eventType, selector, selector, handler) みたいな物を。挙動はちょっと異なります。
View delegate.js
var _delegate = function(elms, type, selector, callback){
elms = (_type(elms) === "string") ? document.querySelectorAll(elms)
: (! elms.length) ? [elms]
: elms;
Array.from(elms).forEach(function(elm){
elm.addEventListener(type, function(e){
var valid = !! Array.from(this.querySelectorAll(selector))
.filter(function(el){
return el === e.target;
}).length;
View lottery.js
var lottery = function(data, rate, times){
var source = [];
rate = rate || (function(){
var i, rate;
i = data.length;
rate = [];
while(i--){
rate.push(1);
}
return rate;
@mach3
mach3 / grunt-resolve-json.js
Created Jul 25, 2014
grunt-resolve-json.js: Load map.json and resolve paths
View grunt-resolve-json.js
module.exports = function(grunt){
var path = require("path"),
_ = grunt.util._;
/**
* Resolve dest and src files' path
* @param {String} file
* @returns {Object}
*/
@mach3
mach3 / jquery.togglbuttons.js
Last active Aug 29, 2015
Polyfill to implement the toggle button by hidden radio input
View jquery.togglbuttons.js
/**
* Polyfill to implement the toggle button by hidden radio input
* Add "active" class to the buttonized element, for ":checked + el" expression
* @param {Object} options
*/
$.support.toggleButtons = "opacity" in document.createElement("div").style;
$.fn.toggleButtons = function(options){
var my = {};
if($.support.toggleButtons){
@mach3
mach3 / example.html
Last active Aug 29, 2015
jquery-multiline-overflow.js
View example.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.demo {
height: 3em;
line-height: 1.5em;
overflow: hidden;
@mach3
mach3 / grunt-phps.js
Created Mar 26, 2014
Grunt task to run php built-in server
View grunt-phps.js
/**
* Grunt Task : phps
* -----------------
* Run php built-in server
*/
module.exports = function(grunt) {
grunt.registerMultiTask("phps", "", function() {
var exec, cmd, options;
@mach3
mach3 / jquery-lineup.js
Last active Aug 29, 2015
test jquery-lineup update
View jquery-lineup.js
(function($){
/**
* LineUp
* ------
* Fix heights of the cols in the same row
*
* @class
* @param String selector
* @param Object option
@mach3
mach3 / test.html
Created Feb 6, 2014
Test jQuery.EqualRowHeights
View test.html
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./jquery-1.10.2.min.js"></script>
<script src="../dest/jquery.equalrowheights.js"></script>
<script>
$(function() {
View jquery.xgraident.js
/*
* jquery.xgradient.js
* http://blog.mach3.jp/
*
* Publish Date : 2010/5/13
* Requirement : jQuery 1.4 or later
* http://jquery.com/
*
* Copyright 2010, Mach3
*/
You can’t perform that action at this time.