-
Notifications
You must be signed in to change notification settings - Fork 20
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
gwiron
committed
Mar 14, 2017
1 parent
47e6366
commit 35aa2e6
Showing
732 changed files
with
132,875 additions
and
842 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,39 @@ | ||
# 前端工程师-高少辉 | ||
### 基本信息 | ||
姓名:高少辉 | ||
邮箱:[email protected] | ||
博客:[gwiron.github.io](gwiron.github.io) | ||
### 擅长的编程语言 | ||
1. JavaScript | ||
2. HTML5,CSS | ||
3. C语言 | ||
|
||
#####ps:[详细信息](https://github.com/gwiron/gw-resume/tree/master/detailed) | ||
|
||
###实习经历 | ||
前端实习经历: | ||
* 2016年8月至今 杭州杂丛科技有限公司 任市场部经理、前端工程师(副经理),市场:负责公司资源对接,合作谈判(建立公司资源号)。前端:负责公司手机端web前端开发 | ||
|
||
* 2016年4月-2016年8月 杭州必点网络科技有限公司 任前端工程师(经理)、市场部副经理,前端:公司食堂外卖系统前端开发、校园合伙人招募h5开发;市场:拿下苏州5个食堂,并成功说服苏州一个团队加入公司。 | ||
|
||
|
||
|
||
##个人项目经历 | ||
####杭电助手弹幕墙的开发(基于WebSocket) | ||
简介:此项目主要用于晚会等场合互动用的,就好像微信墙的一个项目。在起初我们开发的时候微信大屏幕等第三方平台还未开发此弹幕墙。【[项目源码](https://github.com/gwiron/gw-resume/tree/master/project/bullet-screen)】 | ||
####杭电助手图书馆web端开发 | ||
简介:基于手机端H5、CSS3的图书馆,主要是调用学校的图书馆的接口,我们负责查阅书籍,订阅书籍,查看历史等【[项目源码](https://github.com/gwiron/gw-resume/tree/master/project/library)】 | ||
####佰米科技app内嵌校园服务H5的开发 | ||
简介:佰米科技有限公司app中需要添加校园服务,如查课表等,而且希望嵌入的方式为H5的方式。【[项目源码](https://github.com/gwiron/gw-resume/tree/master/project/%E4%BD%B0%E7%B1%B3%E5%A4%96%E5%8C%85)】 | ||
####杭电助手招新系统的开发(基于bootstrap响应式布局) | ||
简介:由于学校社团之前的招新形式很有局限性,故开发一个社团招新系统,新生只需要扫二维码或者由网站入口就可以填表单报名,而社团有自己的后台管理系统,并且我们也为社团订制了面试排队功能,【[具体功能介绍](http://mp.weixin.qq.com/s?__biz=MjM5NDQ5MDAyMQ==&mid=215740136&idx=1&sn=a9a9f8f79216dcc037f18a162efc282c#rd),[排队功能使用介绍](http://mp.weixin.qq.com/s?__biz=MjM5NDQ5MDAyMQ==&mid=215834318&idx=1&sn=d5afc876e77a0e6d00ba6ac5335fca97#rd)】 | ||
####基于H5、CSS3的助手展示页面,外加单独招新表单(如易企秀那种展示页面) | ||
####杭电助手日常功能 | ||
* 平常的活动的一些报名页面、展示页面 | ||
* 一些社团的订制报名页面、展示页面 | ||
* 等等... | ||
|
||
####[杭电通信学院官网](http://comm.hdu.edu.cn/index.html)的日常维护 | ||
##其它项目经历 | ||
####获得国家电子设计大赛二等奖 | ||
简介:我们做的是程控题,我负责理逻辑和写程序。 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
#详细资料 | ||
##教育背景 | ||
时间:2013年9月至今 | ||
学校:杭州电子科技大学信息工程学院 | ||
专业:通信工程(本科) | ||
###获得奖励 | ||
* 两次校一等奖学金、两次校二等奖学金; | ||
* 一次国家励志奖学金; | ||
* 获得国家电子设计竞赛二等奖; | ||
* 校优秀团员,校三好学生,连任两年副班长; | ||
* 在暑期社会实践中获得杰出个人,优秀团队; | ||
* 策划组织多次班级活动,获得校先进班集体(全院仅6个班级名额); | ||
###学生干部 | ||
* 副班长 | ||
* 杭电助手副社长 | ||
* 杭电助手前端部部长 | ||
|
||
##自我介绍 | ||
本人对待工作认真,责任心较强,待人真诚,善于沟通,时刻保持学习,积极拥抱变化。喜 | ||
欢JavaScript 开发,具备一定的软件分析、设计、开发和应用能力,拥有较强的学习能力与团队精神,能够很快的适应工作环境。 |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,52 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>函数时编程学习</title> | ||
<style> | ||
html,body { | ||
height: 100%; | ||
margin:0; | ||
padding: 0; | ||
} | ||
body{ | ||
|
||
} | ||
|
||
</style> | ||
</head> | ||
<body > | ||
<canvas id="my-canvas" width="500" height="500"></canvas> | ||
|
||
<script> | ||
//1.0 bind | ||
Function.prototype.bind = Function.prototype.bind || function(othThis) { | ||
var thatArgs = Array.prototype.slice.call( arguments, 1 ), | ||
that = this | ||
function f() { | ||
var thisArgs = Array.prototype.slice.call( arguments ) | ||
thatArgs = thatArgs.concat( thisArgs ) | ||
this === window ? | ||
that.apply( othThis, thatArgs ) : that.apply( this, thatArgs ) | ||
} | ||
f.prototype = that.prototype | ||
return f | ||
} | ||
|
||
|
||
function temp() { | ||
console.log('-----') | ||
console.dir(this) | ||
console.log('++++++') | ||
} | ||
var obj = { | ||
name : "bind" | ||
} | ||
var Year = temp.bind(obj,1) | ||
var aaa = new Year(2,3,4) | ||
|
||
console.dir( aaa instanceof Year ) | ||
|
||
</script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,166 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> | ||
<title>自己实现 confirm</title> | ||
<style> | ||
div,body{ | ||
padding: 0; | ||
margin: 0; | ||
} | ||
html,body { | ||
height: 100%; | ||
} | ||
h1,h2,h3,h4{ | ||
margin:0; | ||
padding: 0; | ||
} | ||
.m-alert { | ||
width: 100%; | ||
height: 100%; | ||
background-color: rgba(0,0,0,0.3); | ||
position: fixed; | ||
left: 0px; | ||
right: 0px; | ||
/*display: ;*/ | ||
visibility:hidden; | ||
} | ||
.m-alert-page{ | ||
width: 300px; | ||
background-color: #fff; | ||
position: absolute; | ||
} | ||
.m-alert-page-header { | ||
height: 50px; | ||
background-color: #2599F2; | ||
color: #fff; | ||
} | ||
.m-alert-page-header .title { | ||
width: 100%; | ||
float: left; | ||
line-height: 50px; | ||
} | ||
.m-alert-page-header .title h2 { | ||
padding-right: 60px; | ||
} | ||
.m-alert-page-header span { | ||
width: 60px; | ||
line-height: 50px; | ||
display: block; | ||
float: left; | ||
margin-left: -60px; | ||
text-align: center; | ||
} | ||
.m-alert-page-content { | ||
min-height: 50px; | ||
padding: 20px; | ||
} | ||
.m-alert-config { | ||
height: 50px; | ||
} | ||
.m-alert-config div { | ||
width: 50%; | ||
line-height: 50px; | ||
float: left; | ||
text-align: center; | ||
} | ||
</style> | ||
|
||
</head> | ||
<body> | ||
<div id="m-alert" class="m-alert"> | ||
<div class="m-alert-page"> | ||
<header class="m-alert-page-header"> | ||
<div class="title"> | ||
<h2>123</h2> | ||
</div> | ||
<span class="m-alert-close">关闭</span> | ||
</header> | ||
<section class="m-alert-page-content"> | ||
这是内容区 | ||
</section> | ||
<div class="m-alert-config" > | ||
<div class="m-alert-sure"><h2>确定</h2></div> | ||
<div class="m-alert-close"><h2>关闭</h2></div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
|
||
<script> | ||
|
||
|
||
|
||
var AlertMe = function (){ | ||
var WINDOW_WIDTH = window.innerWidth | ||
, WINDOW_HEIGHT = window.innerHeight | ||
|
||
var mAlert = document.querySelector('#m-alert') | ||
, page = mAlert.querySelector('.m-alert-page') | ||
, content = mAlert.querySelector('.m-alert-page-content') | ||
, sure = mAlert.querySelector('.m-alert-sure') | ||
, close1 = mAlert.querySelector('.m-alert-config .m-alert-close') | ||
, close2 = mAlert.querySelector('.m-alert-page-header .m-alert-close') | ||
, pageWidth = page.offsetWidth | ||
, pageHeight = page.offsetHeight | ||
|
||
var thisCallBackSuccess = null | ||
, thisCallBackError = null | ||
|
||
page.style.left = (WINDOW_WIDTH - pageWidth)/2 + 'px' | ||
mAlert.style.display = 'none' | ||
mAlert.style.visibility = 'visible' | ||
|
||
sure.addEventListener('click', clickSure, false) | ||
close1.addEventListener('click', clickClose, false) | ||
close2.addEventListener('click', clickClose, false) | ||
|
||
function clickSure(event){ | ||
|
||
mAlert.style.display = 'none' | ||
if(thisCallBackSuccess){ | ||
thisCallBackSuccess() | ||
thisCallBackSuccess = null | ||
} | ||
event.stopPropagation() | ||
return false | ||
} | ||
function clickClose(event){ | ||
|
||
mAlert.style.display = 'none' | ||
if(thisCallBackError){ | ||
thisCallBackError() | ||
thisCallBackError = null | ||
} | ||
event.stopPropagation() | ||
return false | ||
} | ||
|
||
return function ( data, callBackSuccess, callBackError ){ | ||
mAlert.style.display = 'block' | ||
|
||
content.innerHTML = data || '' | ||
|
||
pageHeight = page.offsetHeight | ||
page.style.top = (WINDOW_HEIGHT - pageHeight)/2 + 'px' | ||
|
||
thisCallBackSuccess = callBackSuccess | ||
thisCallBackError = callBackError | ||
|
||
return true | ||
} | ||
}() | ||
|
||
|
||
document.onclick = function(){ | ||
AlertMe("测试", function(){ | ||
alert('成功') | ||
},function(){ | ||
alert('失败') | ||
}) | ||
} | ||
</script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
·<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>enum</title> | ||
<script> | ||
//本例在《js权威指南》例9-7 实现枚举类型 | ||
function enumeration( namesToValues ){ | ||
var enumeration = function (){ throw "Can't Instantiate Enumeration" }; | ||
var proto = enumeration.prototype = { | ||
constructor : enumeration, | ||
toString : function(){ return this.name; }, | ||
valueOf : function(){ return this.value; }, | ||
toJSON : function(){ return this.name; } | ||
}; | ||
enumeration.values = []; | ||
for( name in namesToValues ){ | ||
var e = inherit(proto); | ||
e.name = name; | ||
e.value = namesToValues[name]; | ||
enumeration[name] = e; | ||
enumeration.values.push(e); | ||
} | ||
enumeration.foreach = function( f, c ){ | ||
for( var i = 0; i < this.values.length; i++ ){ | ||
f.call( c, this.values[i] ); | ||
} | ||
}; | ||
return enumeration; | ||
} | ||
function inherit(proto) { | ||
//proto是一个对象,但不能是null | ||
if(proto == null) throw TypeError(); | ||
if(Object.create) return Object.create(proto); //如果Object.create()存在,使用它 | ||
var t = typeof proto; //否则进一步检查 | ||
if(t!=='object' && t!=='function') throw TypeError(); | ||
var F = function() {}; // 定义一个空构造函数 | ||
F.prototype = proto; // 将其原型属性设置为proto | ||
return new F(); // 使用F()创建proto的继承对象 | ||
} | ||
|
||
var Coin = enumeration( {Penny:1, Nickel:5, Dime:10, Quarter:25} ); | ||
|
||
console.log( ( Coin.Nickel ) ); | ||
|
||
</script> | ||
</head> | ||
<body> | ||
</body> | ||
</html> |
Oops, something went wrong.