Skip to content

Instantly share code, notes, and snippets.

View 303182519's full-sized avatar

xiaolong 303182519

8 followers · 2 following
  • www.huya.com
  • guangzhou
View GitHub Profile
@303182519
303182519 / 组件库.md
Last active August 29, 2015 14:01
组件库

组件脚手架

#####目录结构，已puzzle为例如下：

puzzle
  -- build                  压缩的版本
  -- doc                    markdown 文档，除了 README 的其他文档
	   -- history.md        版本更新说明

-- src 存放 js, css 文件

@303182519
303182519 / 抛物线.md
Last active May 20, 2018 09:56

从整一份代码的规划来看的话，就是所有的方法，变量都放在funParabola函数里面 好处的话，大家都知道，防止全局变量的污染。假如是我的话，我估计是采用define包装下，其实都差不多，他里面也通过return exports暴露了一个对象

var exports = {
		mark: function() { return this; },
		position: function() { return this; },
		move: function() { return this; },
		init: function() { return this; }
};
@303182519
303182519 / grunt.md
Created May 26, 2014 02:45

grunt 运行分析

通过分析grunt，了解基于nodejs开发一些命令行工具，比如fis，spm、doxmate等等

grunt的安装（即工具的安装）

@303182519
303182519 / rem.md
Created June 6, 2014 09:05

福利中心APP响应式总结

在做福利中心APP的时候，遇到了一些响应式的问题，这里归纳一下

主要介绍文字的响应式、图片的响应式，配合媒体查询功能

@303182519
303182519 / router.js
Created June 14, 2014 11:03
/**
* router路由功能
*/
(function(){
//辅助方法
//===============================
var _={};
@303182519
303182519 / Promises.md
Created July 19, 2014 03:35
JavaScript Promises

一个Promise对象代表一个目前还不可用，但是在未来的某个时间点可以被解析的值。它允许你以一种同步的方式编写异步代码。

简单用法(原生)

@303182519
303182519 / CURL常用命令.md
Last active August 19, 2023 00:44
@303182519
303182519 / command.md
Created August 6, 2014 08:38
开发命令行工具

开发命令行工具

Commander写自己的Nodejs命令

在使用Nodejs过程中，有很多包都支持全局安装，然后提供一个命令，然后在命令行我们就可以完成一些任务，像 express, grunt, bower, yeoman, reap, karma, requirejs 等。有时候，我们也需要自己开发这样的命令行工具。

commander.js，可以帮助我们简化命令行的开发。

@303182519
303182519 / 动画.js
Created August 27, 2014 01:19
var yyAnimate={
//缓冲运动
buffer:function(obj, cur, target, fnDo, fnEnd, fs){
if(!fs)fs=6;
var now={};
var x=0;
var v=0;
if(!obj.__last_timer)obj.__last_timer=0;
var t=new Date().getTime();
@303182519
303182519 / test.html
Created October 28, 2014 09:10
一个解绑的测试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}