第"+number[i]+"名:"+data[i][0]+"空气质量:"+data[i][1]+"";
55 | }
56 | resort.innerHTML=str;
57 | }
58 |
59 | function btnHandle() {
60 | var aqiData = getData();
61 | aqiData = sortAqiData(aqiData);
62 | render(aqiData);
63 | }
64 |
65 |
66 | function init() {
67 |
68 | // 在这下面给sort-btn绑定一个点击事件,点击时触发btnHandle函数
69 | var bt = document.getElementById("sort-btn");
70 | bt.onclick=btnHandle;
71 | }
72 |
73 | init();
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | # IFE career
3 |
4 | 该repo为在百度前端学院练习的仓库
5 |
6 | ## What is ife
7 |
8 | 百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。在这里,你可以在自己的时间中自由地书写代码,不需要花一分钱。同时,这里还提供了交流的平台,我们可以互相review代码,看别人写的代码跟自己的有什么不同,我跟Ta的代码差距在哪里,在这个过程中我们能更快地成长~
9 |
10 | ## [2016IFE](http://ife.baidu.com/2016/task/all)
11 |
12 | ### 第一阶段
13 |
14 | - [任务1](https://frehaiku.github.io/ifeSpring/2016/task0001/1.html)
15 | - [任务2](https://frehaiku.github.io/ifeSpring/2016/task0001/2.html)
16 | - [任务3](https://frehaiku.github.io/ifeSpring/2016/task0001/3.html)
17 | - [任务4](https://frehaiku.github.io/ifeSpring/2016/task0001/4.html)
18 | - [任务5](https://frehaiku.github.io/ifeSpring/2016/task0001/5.html)
19 | - [任务6](https://frehaiku.github.io/ifeSpring/2016/task0001/6.html)
20 | - [任务7](https://frehaiku.github.io/ifeSpring/2016/task0001/7.html)
21 | - [任务8](https://frehaiku.github.io/ifeSpring/2016/task0001/8.html)
22 | - [任务10](https://frehaiku.github.io/ifeSpring/2016/task0001/10.html)
23 | - [任务11](https://frehaiku.github.io/ifeSpring/2016/task0001/11.html)
24 |
25 | ### 第二阶段
26 |
27 | - [任务13](https://frehaiku.github.io/ifeSpring/2016/task0002/13.html)
28 | - [任务14](https://frehaiku.github.io/ifeSpring/2016/task0002/14.html)
29 | - [任务15](https://frehaiku.github.io/ifeSpring/2016/task0002/15.html)
30 | - [任务16](https://frehaiku.github.io/ifeSpring/2016/task0002/16.html)
31 | - [任务17](https://frehaiku.github.io/ifeSpring/2016/task0002/17.html)
32 | - [任务18](https://frehaiku.github.io/ifeSpring/2016/task0002/18.html)
33 | - [任务19](https://frehaiku.github.io/ifeSpring/2016/task0002/19.html)
34 | - [任务20](https://frehaiku.github.io/ifeSpring/2016/task0002/20.html)
35 |
36 | ### 第四阶段
37 |
38 | - [任务50 - 问卷编辑](http://we-are-the-world.github.io/try/task50/questList.html)
39 |
--------------------------------------------------------------------------------
/2016/questionnaire/edit.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 问卷编辑页
6 |
7 |
8 |
9 |
13 |
14 |
15 |
title
16 |
17 |
18 | 单选题
19 |
20 |
21 |
22 | 多选题
23 |
24 |
25 |
26 | 文本题
27 |
28 |
29 |
30 |
31 |
32 |
33 | 添加问题
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
15 |
16 | frehaiku.GitHub.io by frehaiku
17 |
18 |
19 |
20 |
27 |
28 |
29 |
30 |
31 |
32 | frehaiku.github.io
33 |
34 | 海枯个人站
35 |
36 |
37 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/2016/task0002/js/16.js:
--------------------------------------------------------------------------------
1 | /**
2 | * aqiData,存储用户输入的空气指数数据
3 | * 示例格式:
4 | * aqiData = {
5 | * "北京": 90,
6 | * "上海": 40
7 | * };
8 | */
9 | var aqiData = {};
10 |
11 | function trim(str) {
12 | return str.replace(/\s/g, '');
13 | }
14 | /**
15 | * 从用户输入中获取数据,向aqiData中增加一条数据
16 | * 然后渲染aqi-list列表,增加新增的数据
17 | */
18 | function addAqiData() {
19 | var city = trim(document.getElementById("aqi-city-input").value),
20 | vl = trim(document.getElementById("aqi-value-input").value);
21 | cityReg = /^[\u4e00-\u9fa5a-zA-Z]*$/,
22 | valReg = /^[\d]*$/;
23 | if (city.length == 0 || vl.length == 0) {
24 | alert("任意一项不能为空");
25 | return false;
26 | } else if (!cityReg.test(city)) {
27 | alert("城市名称输入错误");
28 | return false;
29 | } else if (!valReg.test(vl)) {
30 | alert("空气质量指数输入错误");
31 | return false;
32 | } else {
33 | aqiData[city] = vl;
34 | return true;
35 | }
36 | }
37 |
38 | /**
39 | * 渲染aqi-table表格
40 | */
41 | function renderAqiList() {
42 | var tb = document.getElementById("aqi-table");
43 | var item = "| 城市 | 空气质量 | 操作 |
";
44 | for (var attr in aqiData) {
45 | item += "| " + attr + " | " + aqiData[attr] + " | |
"
46 | }
47 | tb.innerHTML = item;
48 | }
49 |
50 | /**
51 | * 点击add-btn时的处理逻辑
52 | * 获取用户输入,更新数据,并进行页面呈现的更新
53 | */
54 | function addBtnHandle() {
55 | if (addAqiData())
56 | renderAqiList();
57 |
58 | }
59 |
60 | /**
61 | * 点击各个删除按钮的时候的处理逻辑
62 | * 获取哪个城市数据被删,删除数据,更新表格显示
63 | */
64 | function delBtnHandle(key) {
65 | // do sth.
66 | delete aqiData[key];
67 | renderAqiList();
68 | }
69 |
70 | function init() {
71 | // var e = e||window.event,
72 | // target = e.target||e.srcElement;
73 | var add = document.getElementById("add-btn"),
74 | del = document.getElementById("aqi-table");
75 | // 在这下面给add-btn绑定一个点击事件,点击时触发点击时触发addBtnHandle函数函数
76 | add.onclick = addBtnHandle;
77 | // 想办法给aqi-table中的所有删除按钮绑定事件,触发delBtnHandle函数
78 | del.onclick = function(e) {
79 | delegate(e);
80 | }
81 | }
82 | /**
83 | * 事件代理
84 | * @param {Object} e
85 | */
86 | function delegate(e) {
87 | var e = e || window.event,
88 | target = e.target || e.srcElement;
89 | if (target.tagName.toLowerCase() == "button") {
90 | delBtnHandle.call(null, target.parentNode.parentNode.firstChild.innerHTML);
91 | }
92 | }
93 | init();
--------------------------------------------------------------------------------
/2016/task0002/js/19.js:
--------------------------------------------------------------------------------
1 | var $ = function(obj) {
2 | if (/^#/.test(obj)) {
3 | return document.querySelector(obj);
4 | } else {
5 | return document.querySelectorAll(obj);
6 | }
7 | }
8 | var searchStr = function(obj, str) {
9 | [].map.call(obj,function(ele) {
10 | var content = ele.innerHTML;
11 | //先清除
12 | var afterStr = content.replace(/<.+>/,'');
13 | ele.innerHTML = afterStr.replace(str, "" + str + "");
14 | });
15 | }
16 | $('#Linsert').onclick = function() {
17 | var addData = render();
18 | for (var i = 0, leng = addData.length; i < leng; i++) {
19 | var num = $('.num'),
20 | newElement = document.createElement('span');
21 | newElement.setAttribute('class', 'num');
22 | newElement.innerHTML = addData[i];
23 | if (num.length == 0) {
24 | $('#result').appendChild(newElement);
25 | } else {
26 | $("#result").insertBefore(newElement, num[0]);
27 | }
28 | }
29 | };
30 | $('#Rinsert').onclick = function() {
31 | var addData = render();
32 | for (var i = 0, len = addData.length; i < len; i++) {
33 | var newElement = document.createElement('span');
34 | newElement.setAttribute('class', 'num');
35 | newElement.innerHTML = addData[i];
36 | $('#result').appendChild(newElement);
37 | }
38 | };
39 | $("#LOut").onclick = function () {
40 | var numFirst = $(".num"),
41 | leng = numFirst.length;
42 | if(leng>0){
43 | numFirst[0].remove();
44 | }
45 | }
46 | $("#ROut").onclick = function () {
47 | var numFirst = $(".num"),
48 | leng = numFirst.length;
49 | if(leng>0){
50 | numFirst[leng-1].remove();
51 | }
52 | }
53 | $("#search").onclick = function() {
54 | searchStr($(".num"), $("#searchInput").value);
55 | }
56 | $("#result").onclick = function (e) {
57 | var event = e || window.event;
58 | var tg = event.target || event.srcElement;
59 | if(tg.tagName.toLocaleLowerCase()=='span'){
60 | tg.remove();
61 | }
62 | }
63 | function render() {
64 | var val = $(".textInput")[0].value;
65 | var arrData = val.split(/[^0-9a-zA-Z\u4e00-\u9fa5]+/).filter(function(ele) {
66 | if (ele.length == 0 || ele == null) {
67 | return false;
68 | } else {
69 | return true;
70 | }
71 | });
72 | return arrData;
73 | }
--------------------------------------------------------------------------------
/2016/task0001/css/2.css:
--------------------------------------------------------------------------------
1 | body {
2 | background: #dedede;
3 | }
4 |
5 | * {
6 | margin: 0;
7 | padding: 0;
8 | font-family: '微软雅黑';
9 |
10 | }
11 |
12 | #top-nav {
13 | width: 100%;
14 | height: 60px;
15 | background: #333333;
16 | }
17 |
18 | #top-nav #wrapper_right {
19 | float: right;
20 | padding: 20px;
21 | }
22 |
23 | #top-nav .top-nav-l {
24 | margin-left: 25px;
25 | float: left;
26 | }
27 |
28 | #top-nav .top-nav-l a {
29 | color: #fff;
30 | font-size: 13px;
31 | }
32 |
33 | .logo {
34 | margin-left: 20px;
35 | padding: 10px;
36 | }
37 |
38 | .article {
39 | background: #dedede;
40 | }
41 |
42 | .article-wrap {
43 | background: #fff !important;
44 | width: 90%;
45 | margin: 32px auto;
46 | box-shadow: 3px 1px 5px #333333;
47 | }
48 |
49 | p {
50 | text-indent: 2em;
51 | }
52 |
53 | .article-content {
54 | padding: 25px;
55 | }
56 |
57 | .article-content dd {
58 | margin: 15px 0 0 40px;
59 | border: 1px solid #ccc;
60 | display: block;
61 | width: 300px;
62 | text-align: center;
63 | }
64 |
65 | .article-u {
66 | list-style: none;
67 | margin-left: 20px;
68 | }
69 |
70 | .article-content thead {
71 | background: #333;
72 | color: #fff;
73 | }
74 |
75 | .article-content tfoot {
76 | background: #ccc;
77 | }
78 |
79 | .article-content table,
80 | tr,
81 | td {
82 | border: 1px solid #ccc;
83 | border-collapse: collapse;
84 | padding: 5px;
85 | }
86 |
87 | .rank-o {
88 | margin-left: 20px;
89 | padding: 20px;
90 | }
91 |
92 | .sideBar {
93 | margin: 20px;
94 | border-left: 5px solid #ccc;
95 | padding: 3px;
96 | text-indent:0.5em;
97 | }
98 |
99 | .form-detail {
100 | margin-left: 300px;
101 | }
102 |
103 | .form-group {
104 | margin-top: 15px;
105 | }
106 |
107 | .mes-submit {
108 | width: 95%;
109 | margin: 0 auto;
110 | background: #3355D0;
111 | color: #fff;
112 | font-size: 15px;
113 | padding: 5px;
114 | border-radius: 5px;
115 | }
--------------------------------------------------------------------------------
/2017/VueSource/1-VueObjectBinding.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | Document
9 |
10 |
11 | Vue的源码学习--如何监听一个对象的变化
12 | https://github.com/youngwind/blog/issues/84
13 |
14 |
84 |
85 |
--------------------------------------------------------------------------------
/2016/task0001/css/5.css:
--------------------------------------------------------------------------------
1 | body {
2 | background: #dedede;
3 | }
4 |
5 | * {
6 | margin: 0;
7 | padding: 0;
8 | font-family: '微软雅黑';
9 | }
10 |
11 | #top-nav {
12 | width: 100%;
13 | height: 60px;
14 | background: #333333;
15 | }
16 |
17 | #top-nav #wrapper_right {
18 | float: right;
19 | padding: 20px;
20 | }
21 |
22 | #top-nav .top-nav-l {
23 | margin-left: 25px;
24 | float: left;
25 | }
26 |
27 | #top-nav .top-nav-l a {
28 | color: #fff;
29 | font-size: 13px;
30 | }
31 |
32 | .logo {
33 | margin-left: 20px;
34 | padding: 10px;
35 | }
36 |
37 | .article {
38 | background: #dedede;
39 | }
40 |
41 | .article-wrap {
42 | background: #fff !important;
43 | box-shadow: 3px 1px 5px #333333;
44 | }
45 |
46 | p {
47 | text-indent: 2em;
48 | }
49 |
50 | .article-content {
51 | padding: 25px;
52 | overflow: auto;
53 | }
54 |
55 | .article-content dd {
56 | margin: 15px 0 0 40px;
57 | border: 1px solid #ccc;
58 | display: block;
59 | width: 300px;
60 | text-align: center;
61 | float: left;
62 | }
63 |
64 | .article-u {
65 | list-style: none;
66 | margin-left: 20px;
67 | }
68 |
69 | .article-content thead {
70 | background: #333;
71 | color: #fff;
72 | }
73 |
74 | .article-content tfoot {
75 | background: #ccc;
76 | }
77 |
78 | .article-content table,
79 | tr,
80 | td {
81 | border: 1px solid #ccc;
82 | border-collapse: collapse;
83 | padding: 5px;
84 | }
85 |
86 | .rank-o {
87 | margin-left: 20px;
88 | padding: 20px;
89 | }
90 |
91 | .sideBar {
92 | margin: 20px;
93 | border-left: 5px solid #ccc;
94 | padding: 3px;
95 | text-indent:0.5em;
96 | }
97 |
98 | /* .form-detail {
99 | margin-left: 300px;
100 | } */
101 |
102 | .form-group {
103 | margin-top: 15px;
104 | }
105 |
106 | .mes-submit {
107 | width: 95%;
108 | margin: 0 auto;
109 | background: #3355D0;
110 | color: #fff;
111 | font-size: 15px;
112 | padding: 5px;
113 | border-radius: 5px;
114 | }
115 | #right-block{
116 | width:400px;
117 | position:absolute;
118 | right: 20px;
119 | top: 80px;
120 | }
121 | .left-block{
122 | margin:0 440px 0 10px;
123 | }
--------------------------------------------------------------------------------
/2016/task0001/css/css/11.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "AAYA,CAAE;EACA,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,WAAW,EAAE,oCAAoC;;AAEnD,MAAM;EACJ,OAAO,EAAC,UAAe;EACvB,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAC,IAAI;EACV,UAAU,EAAE,MAAM;EAClB,SAAS,EAAC,OAAa;EACvB,QAAQ,EAAE,QAAQ;EAClB,cAAQ;IACN,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,SAAa;IACxB,IAAI,EAAC,QAAa;IAClB,GAAG,EAAC,SAAa;;AAGrB,kBAAiB;EACf,OAAO,EAAE,YAAY;EACrB,MAAM,EAAE,SAAa;EACrB,cAAc,EAAE,MAAM;EACtB,KAAK,EAAE,GAAG;EACV,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,SAAa;EACxB,kBAAkB,EAAE,UAAU;EAC9B,eAAe,EAAE,UAAU;EAC3B,UAAU,EAAE,UAAU;EACtB,OAAO,EAAC,UAAe;EACvB,KAAK,EAAC,OAAO;;AAEf,+BAA6B;EAC3B,aAAa,EAAC,iBAAiB;;AAEjC,aAAa;EACX,KAAK,EAAC,IAAI;;AAEZ,UAAW;EACT,OAAO,EAAE,QAAa;EACtB,aAAa,EAAC,iBAAiB;;AAEjC,WAAY;EACR,KAAK,EAAE,GAAG;EACV,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,MAAM;EACtB,UAAU,EAAE,MAAM;EACpB,uBAAY;IACV,OAAO,EAAE,YAAY;IACrB,gBAAgB,EAAE,OAAO;IACzB,aAAa,EAAC,GAAG;IACjB,OAAO,EAAE,IAAI;EAEf,iBAAM;IACJ,SAAS,EAAE,SAAa;IACxB,OAAO,EAAE,YAAY;IACrB,UAAU,EAAE,IAAI;;AAGpB,aAAc;EACZ,OAAO,EAAE,QAAa;EACtB,uBAAS;IACP,MAAM,EAAE,KAAK;IACb,2BAAG;MACD,cAAc,EAAE,MAAM;EAG1B,gBAAE;IACA,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,MAAM;EAExB,mCAAsB;IACpB,WAAW,EAAC,iBAAiB;EAE/B,sBAAS;IACP,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,SAAa;IACxB,UAAU,EAAC,IAAI;IAvFjB,WAAW,EAAC,SAAY;IACxB,cAAc,EAAC,SAAY;EAyF3B,qBAAQ;IACN,SAAS,EAAE,SAAa;IACxB,KAAK,EAAE,OAAO;;AAGlB,aAAY;EA/FV,WAAW,EAAC,QAAY;EACxB,cAAc,EAAC,QAAY;EAiG3B,aAAa,EAAE,iBAAiB;;AAElC,QAAQ;EACN,OAAO,EAAE,IAAI;EACb,qBAAY;IACV,UAAU,EAAE,IAAI;EAElB,2BAAgB;IACd,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,MAAM;EAGxB,qBACA;IACE,KAAK,EAAE,GAAG;IACV,yBAAI;MACF,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,IAAa;EAIzB,sBAAa;IACX,KAAK,EAAE,GAAG;IACV,6BAAO;MACL,UAAU,EAAE,UAAU;MACtB,gBAAgB,EAAE,OAAO;MACzB,UAAU,EAAE,MAAM;MAClB,KAAK,EAAE,KAAK;MACZ,SAAS,EAAE,SAAa;MACxB,MAAM,EAAE,QAAa;MACrB,KAAK,EAAE,GAAG;MACV,UAAU,EAAE,GAAG;MACf,WAAW,EAAC,GAAG;MACf,WAAW,EAAE,QAAa;MAC1B,OAAO,EAAC,SAAY;;AAI1B,aAAc;EACZ,OAAO,EAAE,QAAa;EACtB,uBAAU;IA1IV,WAAW,EAAC,QAAY;IACxB,cAAc,EAAC,QAAY;IA2IzB,aAAa,EAAE,iBAAiB;EAElC,sBAAQ;IACN,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,MAAM;IACtB,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,GAAG;IACV,0BAAG;MACD,OAAO,EAAE,YAAY;MACrB,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,QAAa;EAGzB,yBAAW;IACT,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,QAAa;IACrB,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,SAAa;IACxB,qCAAW;MACT,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,OAAa;MACxB,QAAQ,EAAE,QAAQ;MAClB,IAAI,EAAC,GAAG;MACR,MAAM,EAAC,GAAG;;AAIhB,YAAa;EArKX,YAAY,EAAC,QAAY;EACzB,aAAa,EAAC,QAAY;EAuK1B,uBAAW;IACT,SAAS,EAAE,SAAa;IA7K1B,WAAW,EAAC,QAAY;IACxB,cAAc,EAAC,QAAY;IA8KzB,KAAK,EAAE,OAAO;EAEhB,6BAAiB;IACf,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,GAAG;IACV,WAAW,EAAE,GAAG;EAElB,wBAAY;IACV,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAa;IACzB,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,SAAa",
4 | "sources": ["../sass/11.scss"],
5 | "names": [],
6 | "file": "11.css"
7 | }
--------------------------------------------------------------------------------
/2016/mengMobile/css/index.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["sass/index.scss"],
5 | "names": [],
6 | "file": "index.css"
7 | }
--------------------------------------------------------------------------------
/2016/mengMobile/js/lib/angular-touch.min.js:
--------------------------------------------------------------------------------
1 | /*
2 | AngularJS v1.3.0-beta.14
3 | (c) 2010-2014 Google, Inc. http://angularjs.org
4 | License: MIT
5 | */
6 | (function(y,u,z){'use strict';function t(h,k,s){r.directive(h,["$parse","$swipe",function(b,d){var p=75,m=0.3,g=30;return function(f,q,e){function l(a){if(!c)return!1;var b=Math.abs(a.y-c.y);a=(a.x-c.x)*k;return v&&bg&&b/am&&10>g||(g>m?(e=!1,d.cancel&&d.cancel(a)):(a.preventDefault(),d.move&&d.move(c,a)))}});b.on(k(p,"end"),function(a){e&&(e=!1,d.end&&d.end(h(a),a))})}}}]);r.config(["$provide",function(h){h.decorator("ngClickDirective",
9 | ["$delegate",function(k){k.shift();return k}])}]);r.directive("ngClick",["$parse","$timeout","$rootElement",function(h,k,s){function b(a,c,b){for(var n=0;nm)){var c=a.touches&&a.touches.length?a.touches:[a],d=c[0].clientX,c=c[0].clientY;1>d&&1>c||l&&l[0]===d&&l[1]===c||(l&&(l=null),"label"===a.target.tagName.toLowerCase()&&(l=[d,c]),b(e,d,c)||(a.stopPropagation(),a.preventDefault(),
10 | a.target&&a.target.blur()))}}function p(a){a=a.touches&&a.touches.length?a.touches:[a];var c=a[0].clientX,b=a[0].clientY;e.push(c,b);k(function(){for(var a=0;al&&12>x)&&(e||(s[0].addEventListener("click",d,!0),s[0].addEventListener("touchstart",p,!0),e=[]),q=Date.now(),
12 | b(e,f,h),g&&g.blur(),u.isDefined(k.disabled)&&!1!==k.disabled||c.triggerHandler("click",[a]));n()});c.onclick=function(a){};c.on("click",function(b,c){a.$apply(function(){l(a,{$event:c||b})})});c.on("mousedown",function(a){c.addClass(f)});c.on("mousemove mouseup",function(a){c.removeClass(f)})}}]);t("ngSwipeLeft",-1,"swipeleft");t("ngSwipeRight",1,"swiperight")})(window,window.angular);
13 | //# sourceMappingURL=angular-touch.min.js.map
14 |
--------------------------------------------------------------------------------
/2016/task0001/css/6.min.css:
--------------------------------------------------------------------------------
1 | *{margin:0;padding:0;font-family:'微软雅黑';list-style:none}.wrapper{width:980px;margin:0 auto}.top-wrap{border-bottom:3px solid #B5B2B0;overflow:auto}.left-font{width:100px;height:60px;color:#fff;background-color:#D45D5C;float:left;line-height:90px;text-align:center;font-size:12px}.right-font{float:right;font-size:12px;color:#d45d5c;margin-bottom:0;padding-top:35px}.show-page{width:100%;height:300px;margin-top:20px}.show-pic{width:640px;background:no-repeat url(../img/1.png?1603212249);background-size:cover;height:301px;float:left;position:relative}#green-z{width:191px;height:301px;background:#75b86b;opacity:.5;position:absolute;left:0;top:0}#red-z{width:191px;height:301px;background:#cc8091;position:absolute;opacity:.5;right:0;top:0}.show-desc{border-top:2px solid #cc8091;margin-left:50px;float:left;position:absolute}.show-desc p.title{font-size:24px;color:#000;text-decoration:underline}.show-desc p.desc{font-size:12px;color:#676767;font-family:"楷体"}.show-desc p.big{font-size:116px;color:#75b86b}#big,.show-desc dt.d-tit{color:#cc8091;font-size:55px}#big{font-size:21px;position:absolute;left:80px;top:25px}.show-page dl{position:relative;bottom:5px;left:20px}#d-small{color:#ccc;font-size:12px;position:absolute;left:80px;top:45px}.middle{overflow:auto;clear:both}.txt{float:left;width:200px;margin:10px 20px}footer{width:100%;border-top:3px solid #B5B2B0}.bottom-f{float:right;font-size:12px;color:#d45d5c}.middle .under-title{font-size:16px;text-decoration:underline;font-weight:700}.middle p{font-size:12px;color:#231815;line-height:16px}.ut1{color:#75b86b}.ut2{color:#d2994f}.ut3{color:#cc7680}.what-detail li{font-size:12px;margin-bottom:10px}.what-detail b{font-size:12px;color:#cd4a48}.p-pic{float:right}#bottom{width:100%;margin-top:20px;overflow:hidden}#bottom .bottom-title{width:100%;font-size:42px;color:#11456b;font-family:"黑体"}#b-left{margin-top:20px;width:470px;border-top:2px solid #11456b}#b-left b.p-kt{font-size:70px;color:#F5E327;font-family:"微软雅黑";float:left;line-height:70px;font-weight:400}#b-left p{padding-top:10px;font-size:12px;color:#767777;font-family:"宋体";line-height:18px}#b-left-img{display:block;width:75px;height:128px;margin:-300px 0 0 300px}#bottom b.title-the{font-size:72px;color:#f5e327;font-weight:700;font-style:italic}#bottom-left-block,#bottom-right-block{float:left}#bottom-right-block{width:458px;margin-left:20px}.header-pic{width:458px;height:275px;background:url(../img/2.png?1603212249);background-size:cover;position:relative}.pic-zz{position:absolute;width:100%;height:61px;bottom:0;left:0;background:rgba(0,0,0,.5)}.inner-font{margin:8px 35px;border-left:3px solid #72b16a;height:44px}.pad-font{padding-left:5px;line-height:44px;font-size:26px;color:#fff}.pad-font-desc{font-size:12px;color:#72B16A;letter-spacing:140%;font-style:italic}.cont-wrap{background-color:#eeeed6;width:459px;height:318px}.p-jh{margin-top:20px;padding-top:10px}.cont-wrap .cont-wrap-l{color:#5a5b5b;font-size:16px;padding:7px 0 0 70px;position:relative}.cont-wrap .cont-wrap-l:before{display:block;content:'';width:0;height:0;border-color:transparent transparent #11456B;border-width:8px;border-style:solid;position:absolute;top:9px;left:50px}.cont-wrap .cont-wrap-l span{color:#5a5b5b;font-size:12px;font-style:italic;font-family:'宋体'}.cont-js,.cont-wrap-l{margin-top:20px}.cont-js{background-color:#D45D5C;padding:30px 5px;width:260px;float:left;margin-right:10px}.b-num{font-size:110px;color:#fff;float:left;line-height:86px;border-right:2px solid #fff}.whit-title{font-size:21px;color:#fff;font-family:"黑体"}.whit-desc{font-size:12px;color:#fff;font-family:"黑体"}.cont-js p{margin-left:80px}.a-hua{font-size:14px;color:#5A5B5B;font-family:"黑体";line-height:18px;font-style:italic;margin-top:20px;padding-left:10px}.yin{font-size:72px;color:#D45D5C;font-family:"黑体";line-height:18px}.a-hua .zuo{float:left;margin-top:30px;margin-left:-50px;padding-right:13px}.a-hua .you{float:right;margin-top:10px}
--------------------------------------------------------------------------------
/2016/task0002/js/18.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 复习一下事件委托
3 | * @param {Object} e 事件对象,根据要根据事件对象来判断是哪个元素触发的
4 | * @param {String} element 触发元素标签,如