Duncan_Du duncan60

## jsobjtogql.js
// Babel 2015 - ES6
// Convert a complex JS Object to GraphQL Query, should handle most use cases as of 21/01/2016
const o = {
  query: {
    fields: {
      complex: {
        aliasFor: "Products",
        processArgs: {
          coupon: (value) => {
            return `"${JSON.stringify(value).replace(/"/g, "\\\"")}"`; // passing json string as a argument

## framework-sizes.md

      
              1 file
            
          
              25 forks
            
          
              115 comments
            
          
              518 stars
            
          
                Restuta
                / framework-sizes.md
            
            
              Last active
              March 7, 2024 00:01
            
              
                Sizes of JS frameworks, just minified + minified and gzipped, (React, Angular 2, Vue, Ember)
              
          
    Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.
All files were downloaded from https://cdnjs.com and named accordingly.
Output from ls command is stripped out (irrelevant stuff)
As-is (minified)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js


## .eslintrc.js
{
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },

  "plugins": ["react"],

  "ecmaFeatures": {

## restfulapi.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              4 stars
            
          
                AlloVince
                / restfulapi.md
            
            
              Last active
              November 9, 2020 03:05
            
              
                npm install -g reveal-md && wget -q -O restful.md https://gist.githubusercontent.com/AlloVince/ba8c33138adbdd39d757/raw/restfulapi.md && reveal-md restful.md
              
          
    RESTFul API 设计

@AV 2015.04

什么是REST


Representational State Transfer


## README.md

      
              5 files
            
          
              303 forks
            
          
              50 comments
            
          
              2017 stars
            
          
                addyosmani
                / README.md
            
            
              Last active
              April 2, 2024 20:18
                — forked from 140bytes/LICENSE.txt
            
              
                108 byte CSS Layout Debugger
              
          
    CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version

  
## introrx.md

      
              7 files
            
          
              2515 forks
            
          
              471 comments
            
          
              21938 stars
            
          
                staltz
                / introrx.md
            
            
              Last active
              July 4, 2024 10:11
            
              
                The introduction to Reactive Programming you've been missing
              
          
    The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.


## README
Example code for exporting data in a table to a csv file.

## README.md

      
              5 files
            
          
              7 forks
            
          
              2 comments
            
          
              47 stars
            
          
                jonathantneal
                / README.md
            
            
              Last active
              November 9, 2023 21:10
            
              
                createElement.js // a 300 byte DOM Element creator
              
          
    createElement.js

createElement.js lets document.createElement use CSS selectors.
This is a pretty useful library for building out DOM elements. The whole thing runs on one regex and a for loop, so it’s plenty fast. The script is 300 bytes when compressed and gzipped. For 524 bytes (advanced), it includes nesting support and can generate entire DOM hierarchies, including text nodes.
Usage

document.createElement(); // generates <div />

  
## Front-end-Developer-Interview-Questions-TC.md

      
              1 file
            
          
              95 forks
            
          
              1 comment
            
          
              375 stars
            
          
                hanksudo
                / Front-end-Developer-Interview-Questions-TC.md
            
            
              Last active
              May 2, 2024 06:26
            
              
                Front-end-Developer-Interview-Questions - 前端工程師面試問題集(繁體中文版)
              
          
    前端工程師面試問題集

@版本 2.0.0
譯注：此翻譯版，主要給不能流利的讀英文的人看，相關專有名詞還是保留原文。翻譯不好地方請協助pull request.
此repository包含了一些前端開發的面試問題，來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目，應該就夠幫助你審查面試者是否擁有你需要的技能。
Rebecca Murphey 的 Baseline For Front-End Developers 也是一篇很棒且值得讀的文章在你開始面試之前。

  
## device.css
.visible-android {
  display:none;
}
.visible-ios {
  display:none;
}
.on-device .visible-android, .on-device .visible-android {
  display:inherit;
}
.device-ios .visible-android {
	// Babel 2015 - ES6
	// Convert a complex JS Object to GraphQL Query, should handle most use cases as of 21/01/2016
	const o = {
	query: {
	fields: {
	complex: {
	aliasFor: "Products",
	processArgs: {
	coupon: (value) => {
	return `"${JSON.stringify(value).replace(/"/g, "\\\"")}"`; // passing json string as a argument
	{
	"env": {
	"browser": true,
	"node": true,
	"es6": true
	},

	"plugins": ["react"],

	"ecmaFeatures": {
	.visible-android {
	display:none;
	}
	.visible-ios {
	display:none;
	}
	.on-device .visible-android, .on-device .visible-android {
	display:inherit;
	}
	.device-ios .visible-android {