Skip to content

Instantly share code, notes, and snippets.

Edward Chu chuyik

Block or report user

Report or block chuyik

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@chuyik
chuyik / index.html
Created Jul 31, 2014
Simultaneous Ajax Demo of AngularJS
View index.html
<!DOCTYPE html>
<html ng-app="demoApp">
<head>
<script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
</head>
<body ng-controller="mainCtrl">
<h1>Simultaneous Ajax Demo of AngularJS</h1>
<div>status: {{ status }}</div>
@chuyik
chuyik / js_questions.js
Last active Mar 7, 2016
Interesting Quirkly Javascript Questions Collection (Planed to be used for interview)
View js_questions.js
/* ================== */
/**
* Concepts:
* Global Context
* Chained Assignment
*/
var x = 1;
var y = 2;
var z = 3;
@chuyik
chuyik / app.html
Created Sep 6, 2014
Angular Learning
View app.html
<h1>{{view.name}}.html!</h1>
{{dataFromInjector}}
<button ng-click="startRoute()">Route to Guangdong/canton</button>
@chuyik
chuyik / oh-my-zsh.md
Last active Aug 29, 2015
oh-my-zsh cheatsheet
View oh-my-zsh.md

zsh

  • md - aliases mkdir -p
  • rd - aliases rmdir
  • d - aliases dirs -v, lists last used directories
  • j -s - print out the stat of autojump
  • x/extract - extract an archive

osx

  • tab - open the current directory in a new tab
  • pfd - return the path of the frontmost Finder window
@chuyik
chuyik / README.md
Last active Aug 29, 2015
How to debug node app
View README.md

Debug Node App

node --debug index
node-inspector index

Debug Node App with nodemon

Monitor any changes and reload the app

nodemon --debug index
@chuyik
chuyik / index.html
Created Nov 27, 2014
AngularJS simple implementation
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
Input: <input type="text" ng-model="hello"><br>
View dabblet.css
/* CSS States */
h1 {
font-family: Helvetica, Arial, sans-serif;
text-align: center;
font-size: 1.6em;
}
.device {
display: inline-block;
position: relative;
background:#AD0F0F;
@chuyik
chuyik / detect-pesudo-animation.js
Last active Nov 27, 2015
Detect CSS Animation support on :before :after pseudo-elements with javascript
View detect-pesudo-animation.js
/**
* Inspired from:
* http://davidwalsh.name/pseudo-element-animation
* http://stackoverflow.com/a/1016701/3828891
*/
var addCssRule = function(selector, rule) {
if (document.styleSheets) {
if (!document.styleSheets.length) {
var head = document.getElementsByTagName('head')[0];
head.appendChild(document.createElement('style'));
View urls
动画和HTML5游戏引擎
视频库
http://www.videojs.com/
http://mediaelementjs.com/
大数据图形化
http://echarts.baidu.com/
http://www.highcharts.com/
绘图
View dabblet.css
.wrap {}
.btn {padding: 10px;}
.up:active ~ .char {
margin-top: -84px;
}
.down:active ~ .char {
margin-top: 84px;
}
You can’t perform that action at this time.