├── 2016 ├── questionnaire │ ├── package.json │ ├── config.json │ ├── edit.html │ ├── js │ │ ├── edit.js │ │ └── editCommon.js │ ├── css │ │ ├── edit.css.map │ │ └── edit.css │ └── sass │ │ └── edit.scss ├── task0001 │ ├── img │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── bear1.png │ │ ├── bear2.png │ │ ├── bear3.png │ │ ├── bear4.png │ │ ├── bear5.png │ │ ├── list.png │ │ ├── psb.jpg │ │ ├── hz_icon.png │ │ ├── task7 │ │ │ ├── 2.jpg │ │ │ ├── icon-1.png │ │ │ ├── icon-2.jpg │ │ │ ├── icon-3.jpg │ │ │ ├── icon-4.jpg │ │ │ ├── icon-5.jpg │ │ │ ├── icon-6.jpg │ │ │ ├── icon-7.png │ │ │ ├── icon-8.png │ │ │ ├── pic01.jpg │ │ │ ├── pic03.jpg │ │ │ ├── pic04.jpg │ │ │ ├── pic05.jpg │ │ │ ├── pic06.jpg │ │ │ ├── pic07.jpg │ │ │ └── pic08.jpg │ │ └── banner-1.png │ ├── 4.html │ ├── css │ │ ├── css │ │ │ ├── 8.css.map │ │ │ ├── 8.css │ │ │ ├── 11.css.map │ │ │ ├── 7_01.css.map │ │ │ ├── 11.css │ │ │ └── 7_01.css │ │ ├── sass │ │ │ ├── 8.scss │ │ │ ├── 11.scss │ │ │ └── 7_01.scss │ │ ├── 4.css │ │ ├── 3.css │ │ ├── 11.css │ │ ├── stylesheets │ │ │ └── 11.css │ │ ├── 7bug.css │ │ ├── 8.css │ │ ├── 2.css │ │ ├── 5.css │ │ ├── 6.min.css │ │ └── 6.css │ ├── 8bug.html │ ├── .project │ ├── js │ │ └── rem.js │ ├── 8.html │ ├── 10.html │ ├── 3.html │ ├── 7_01.html │ ├── 6.html │ ├── 1.html │ ├── 11.html │ ├── 5.html │ ├── 2.html │ └── 7.html ├── mengMobile │ ├── img │ │ ├── pic1.png │ │ ├── pic2.png │ │ ├── pop1.png │ │ ├── pop2.png │ │ ├── sPic1.png │ │ ├── sPic2.png │ │ ├── sPic3.png │ │ ├── thing1.png │ │ ├── thing2.png │ │ ├── thing3.png │ │ ├── headicon1.png │ │ └── headicon2.png │ ├── js │ │ ├── rem.js │ │ ├── index.js │ │ └── lib │ │ │ └── angular-touch.min.js │ ├── css │ │ ├── index.css.map │ │ ├── index.css │ │ └── sass │ │ │ └── index.scss │ └── index.html └── task0002 │ ├── 14.html │ ├── 13.html │ ├── js │ ├── 13.js │ ├── 14.js │ ├── 15.js │ ├── 16.js │ ├── 19.js │ ├── 18.js │ ├── 20.js │ └── 17.js │ ├── 15.html │ ├── 16.html │ ├── 18.html │ ├── 20.html │ ├── 19.html │ └── 17.html ├── 2017 ├── frontendQuestion │ ├── README.md │ ├── RegExp.html │ └── js │ │ └── RegExp.js └── VueSource │ └── 1-VueObjectBinding.html ├── .gitignore ├── README.md └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | .idea -------------------------------------------------------------------------------- /2017/frontendQuestion/README.md: -------------------------------------------------------------------------------- 1 | ## 百度糯米前端技术学院任务 2 | 3 | - [正则表达式入门](RegExp.html) -------------------------------------------------------------------------------- /2016/questionnaire/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "underscore": "^1.8.3" 4 | } 5 | } -------------------------------------------------------------------------------- /2016/task0001/img/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/1.png -------------------------------------------------------------------------------- /2016/task0001/img/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/2.png -------------------------------------------------------------------------------- /2016/task0001/img/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/3.png -------------------------------------------------------------------------------- /2016/task0001/img/bear1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/bear1.png -------------------------------------------------------------------------------- /2016/task0001/img/bear2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/bear2.png -------------------------------------------------------------------------------- /2016/task0001/img/bear3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/bear3.png -------------------------------------------------------------------------------- /2016/task0001/img/bear4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/bear4.png -------------------------------------------------------------------------------- /2016/task0001/img/bear5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/bear5.png -------------------------------------------------------------------------------- /2016/task0001/img/list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/list.png -------------------------------------------------------------------------------- /2016/task0001/img/psb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/psb.jpg -------------------------------------------------------------------------------- /2016/mengMobile/img/pic1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/pic1.png -------------------------------------------------------------------------------- /2016/mengMobile/img/pic2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/pic2.png -------------------------------------------------------------------------------- /2016/mengMobile/img/pop1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/pop1.png -------------------------------------------------------------------------------- /2016/mengMobile/img/pop2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/pop2.png -------------------------------------------------------------------------------- /2016/mengMobile/img/sPic1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/sPic1.png -------------------------------------------------------------------------------- /2016/mengMobile/img/sPic2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/sPic2.png -------------------------------------------------------------------------------- /2016/mengMobile/img/sPic3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/sPic3.png -------------------------------------------------------------------------------- /2016/task0001/img/hz_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/hz_icon.png -------------------------------------------------------------------------------- /2016/task0001/img/task7/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/2.jpg -------------------------------------------------------------------------------- /2016/mengMobile/img/thing1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/thing1.png -------------------------------------------------------------------------------- /2016/mengMobile/img/thing2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/thing2.png -------------------------------------------------------------------------------- /2016/mengMobile/img/thing3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/thing3.png -------------------------------------------------------------------------------- /2016/task0001/img/banner-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/banner-1.png -------------------------------------------------------------------------------- /2016/mengMobile/img/headicon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/headicon1.png -------------------------------------------------------------------------------- /2016/mengMobile/img/headicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/mengMobile/img/headicon2.png -------------------------------------------------------------------------------- /2016/task0001/img/task7/icon-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/icon-1.png -------------------------------------------------------------------------------- /2016/task0001/img/task7/icon-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/icon-2.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/icon-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/icon-3.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/icon-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/icon-4.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/icon-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/icon-5.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/icon-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/icon-6.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/icon-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/icon-7.png -------------------------------------------------------------------------------- /2016/task0001/img/task7/icon-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/icon-8.png -------------------------------------------------------------------------------- /2016/task0001/img/task7/pic01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/pic01.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/pic03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/pic03.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/pic04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/pic04.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/pic05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/pic05.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/pic06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/pic06.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/pic07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/pic07.jpg -------------------------------------------------------------------------------- /2016/task0001/img/task7/pic08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frehaiku/ifeSpring/HEAD/2016/task0001/img/task7/pic08.jpg -------------------------------------------------------------------------------- /2017/frontendQuestion/RegExp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 正则表达式之入门 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /2016/task0001/4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | task0004 6 | 7 | 8 | 9 |
10 |
11 | 12 | -------------------------------------------------------------------------------- /2016/task0001/css/css/8.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": ";AACA,QAAQ;AAIR,IAAI;EACA,KAAK,EAHM,IAAI;;AAMnB,QAAS;EACL,kBAAsB,EAAC,GAAG;;AAG1B,MAAG;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,IAAI;EAChB,SAAE;IACE,MAAM,EAAE,IAAI;;AAIxB,CAAC;EAEO,YAAK,EAAC,GAAG;;AAIb,OAAO;EAAC,KAAK,EAAC,GAAG", 4 | "sources": ["../sass/8.scss"], 5 | "names": [], 6 | "file": "8.css" 7 | } -------------------------------------------------------------------------------- /2016/task0002/14.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | IFE JavaScript Task 01 7 | 8 | 9 | 10 | 11 |

污染城市列表

12 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /2016/task0001/css/css/8.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /*定义变量*/ 3 | body { 4 | color: #333; } 5 | 6 | .rounded { 7 | border-left-radius: 5px; } 8 | 9 | nav ul { 10 | margin: 0; 11 | padding: 0; 12 | list-style: none; } 13 | nav ul li { 14 | margin: 10px; } 15 | 16 | p { 17 | border-color: red; } 18 | 19 | a:hover { 20 | color: red; } 21 | 22 | /*# sourceMappingURL=8.css.map */ 23 | -------------------------------------------------------------------------------- /2016/task0002/13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | IFE JavaScript Task 01 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
您输入的值是:尚无录入
15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /2016/task0002/js/13.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | /* 3 | 在注释下方写下代码 4 | 给按钮button绑定一个点击事件 5 | 在事件处理函数中 6 | 获取aqi-input输入的值,并显示在aqi-display中 7 | */ 8 | var ip = document.getElementById("aqi-input"), 9 | btn = document.getElementById("button"), 10 | ad = document.getElementById("aqi-display"); 11 | btn.onclick = function () { 12 | ad.innerHTML = ip.value; 13 | } 14 | })(); -------------------------------------------------------------------------------- /2016/task0001/css/sass/8.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /*定义变量*/ 3 | 4 | $primary-color:#333; 5 | //变量调用 6 | body{ 7 | color:$primary-color; 8 | } 9 | $side : left; 10 | .rounded { 11 | border-#{$side}-radius:5px 12 | } 13 | nav { 14 | ul { 15 | margin: 0; 16 | padding: 0; 17 | list-style: none; 18 | li{ 19 | margin: 10px; 20 | } 21 | } 22 | } 23 | p{ 24 | border:{ 25 | color:red; 26 | } 27 | } 28 | a{ 29 | &:hover{color:red} 30 | } 31 | -------------------------------------------------------------------------------- /2016/questionnaire/config.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "researchID" : 1, 4 | "researchTitle" : "关于XXX的调查问卷", 5 | "deadline" : "2016-3-24", 6 | "state" : 1, 7 | "description" : "测试测试测试测试测试测试测试测试测试测试测试测试测试测试", 8 | "questionTeam" : [ 9 | { 10 | "titleDesc":"题目描述", 11 | "isMust" : true, 12 | "questType" : 1, 13 | "questOption" : [ 14 | "18岁以下", 15 | "18-25", 16 | "25-35", 17 | "35-50", 18 | "50岁以上" 19 | ], 20 | "answerNum" :[ 21 | 3, 22 | 4, 23 | 5, 24 | 1, 25 | 2 26 | ] 27 | 28 | } 29 | ] 30 | 31 | } 32 | ] -------------------------------------------------------------------------------- /2016/task0001/css/4.css: -------------------------------------------------------------------------------- 1 | 2 | #certer-block{ 3 | width: 400px; 4 | height: 200px; 5 | position:absolute; 6 | left:50%; 7 | top: 50%; 8 | margin-left: -200px; 9 | margin-top: -100px; 10 | background: #ccc; 11 | overflow: hidden; 12 | } 13 | #certer-block::before{ 14 | display:block; 15 | position:absolute; 16 | content:''; 17 | width: 100px; 18 | height: 100px; 19 | background: #fc0; 20 | top: -50px; 21 | left:-50px; 22 | border-radius:50%; 23 | 24 | } 25 | #certer-block::after{ 26 | display:block; 27 | content:''; 28 | width: 100px; 29 | height: 100px; 30 | background: #fc0; 31 | position:absolute; 32 | border-radius:50%; 33 | bottom: -50px; 34 | right: -50px; 35 | } -------------------------------------------------------------------------------- /2016/task0002/15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IFE JavaScript Task 01 6 | 7 | 8 | 9 | 18 | 19 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /2016/task0002/16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | IFE JavaScript Task 01 7 | 8 | 9 | 10 | 11 | 12 |
13 |
15 |
17 | 18 |
19 | 20 | 31 |
32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /2016/task0001/8bug.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 任务7 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | -------------------------------------------------------------------------------- /2016/task0001/.project: -------------------------------------------------------------------------------- 1 | 2 | 3 | task0001 4 | 5 | 6 | 7 | 8 | 9 | com.aptana.editor.php.aptanaPhpBuilder 10 | 11 | 12 | 13 | 14 | com.aptana.ide.core.unifiedBuilder 15 | 16 | 17 | 18 | 19 | com.pandora.projects.ui.MKeyBuilder 20 | 21 | 22 | 23 | 24 | 25 | com.pandora.projects.ui.MKeyNature 26 | com.aptana.projects.webnature 27 | com.aptana.editor.php.phpNature 28 | 29 | 30 | -------------------------------------------------------------------------------- /2016/task0001/css/3.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;list-style:none;font-family:'微软雅黑';} 2 | body,#wrapper,#left-wrap,#middle-content{ 3 | padding:20px; 4 | } 5 | #wrapper,#left-wrap,#middle-content,#right-wrap,#logo{ 6 | border:1px solid #999; 7 | } 8 | #wrapper{ 9 | overflow:auto; 10 | } 11 | #wrapper,#logo,.l-logo{ 12 | background:#eee; 13 | } 14 | #team-name{ 15 | margin-left: 120px; 16 | } 17 | #left-wrap{ 18 | width: 200px; 19 | float:left; 20 | background:#fff; 21 | } 22 | #middle-content{ 23 | /*float:right;*/ 24 | margin:0px 140px 0px 260px; 25 | background: #fff; 26 | } 27 | #right-wrap{ 28 | width: 120px; 29 | float:right; 30 | background: #fff; 31 | } 32 | #logo{ 33 | width: 80px; 34 | height: 80px; 35 | float:left; 36 | } 37 | .l-logo{ 38 | border:1px solid #999; 39 | text-align:center; 40 | width: 80px; 41 | height: 80px; 42 | margin: 20px; 43 | } -------------------------------------------------------------------------------- /2016/task0002/18.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 任务18 6 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 |
33 | 1 34 |
35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /2016/mengMobile/js/rem.js: -------------------------------------------------------------------------------- 1 | !function(a,b,c){function q(){var d=Math.min((o?e[h]().width:f.innerWidth)/(a/b),c);d!=p&&(k.innerHTML="html{font-size:"+d+"px!important;"+n+"}",p=d)}function r(){clearTimeout(l),l=setTimeout(q,500)}var l,d=document,e=d.documentElement,f=window,g="addEventListener",h="getBoundingClientRect",i="pageshow",j=d.head||d.getElementsByTagName("HEAD")[0],k=d.createElement("STYLE"),m="text-size-adjust:100%;",n="-webkit-"+m+"-moz-"+m+"-ms-"+m+"-o-"+m+m,o=h in e,p=null;a=a||320,b=b||16,c=c||32,j.appendChild(k),d[g]("DOMContentLoaded",q,!1),"on"+i in f?f[g](i,function(a){a.persisted&&r()},!1):f[g]("load",r,!1),f[g]("resize",r,!1),q()}( 2 | 320, // 设置设计稿基准宽度 3 | 16, // 设置开发时的被除数(见HOW TO USE第4步) 在设计稿基准宽度为320时最好设置为16(在在设计稿基准宽度为其他值时等比放大,如640时设置为32等)。因为浏览器默认的值就是16,这样代码失效或尚未起效时,不会有布局问题 4 | 32 // 设置最大根元素font-size,请注意这是一个css像素值,而非物理像素值。它的作用是,当用户用非常宽的屏幕(pad、pc)访问页面时,不至于使得根元素的font-size超过这个值,使得布局非常难看。见图“show/wide_max_rem.jpg” 5 | ); -------------------------------------------------------------------------------- /2016/task0001/js/rem.js: -------------------------------------------------------------------------------- 1 | !function(a,b,c){function q(){var d=Math.min((o?e[h]().width:f.innerWidth)/(a/b),c);d!=p&&(k.innerHTML="html{font-size:"+d+"px!important;"+n+"}",p=d)}function r(){clearTimeout(l),l=setTimeout(q,500)}var l,d=document,e=d.documentElement,f=window,g="addEventListener",h="getBoundingClientRect",i="pageshow",j=d.head||d.getElementsByTagName("HEAD")[0],k=d.createElement("STYLE"),m="text-size-adjust:100%;",n="-webkit-"+m+"-moz-"+m+"-ms-"+m+"-o-"+m+m,o=h in e,p=null;a=a||320,b=b||16,c=c||32,j.appendChild(k),d[g]("DOMContentLoaded",q,!1),"on"+i in f?f[g](i,function(a){a.persisted&&r()},!1):f[g]("load",r,!1),f[g]("resize",r,!1),q()}( 2 | 320, // 设置设计稿基准宽度 3 | 16, // 设置开发时的被除数(见HOW TO USE第4步) 在设计稿基准宽度为320时最好设置为16(在在设计稿基准宽度为其他值时等比放大,如640时设置为32等)。因为浏览器默认的值就是16,这样代码失效或尚未起效时,不会有布局问题 4 | 100 // 设置最大根元素font-size,请注意这是一个css像素值,而非物理像素值。它的作用是,当用户用非常宽的屏幕(pad、pc)访问页面时,不至于使得根元素的font-size超过这个值,使得布局非常难看。见图“show/wide_max_rem.jpg” 5 | ); 6 | -------------------------------------------------------------------------------- /2017/frontendQuestion/js/RegExp.js: -------------------------------------------------------------------------------- 1 | /* 2 | *任务描述 3 | *1. 编写一个判断给定数字是否为手机号码的正则表达式,测试用例参照但不限于: 4 | 18812011232 // 测试结果应该为 true 5 | 18812312 // false 6 | 12345678909 // false 7 | 8 | 2. 编写一个判断输入的字符串是否有相邻重复单词,测试用例可以参考但不限于: 9 | 10 | foo foo bar // true 11 | foo bar foo // false 有重复单词但是不相邻 12 | foo barbar bar // false 13 | * 14 | * */ 15 | 16 | var phoneReg = /^1[3578]\d{9}$/; 17 | 18 | document.write('18812011232 is valid? ' + phoneReg.test('18812011232') + '
') ; 19 | document.write('18812312 is valid? ' + phoneReg.test('18812312') + '
'); 20 | document.write('12345678909 is valid? ' + phoneReg.test('12345678909') + '
'); 21 | 22 | var nearRepeatReg = /\b([a-zA-Z]+)\b\s+\1\b/; 23 | 24 | document.write('foo foo bar is valid? ' + nearRepeatReg.test('foo foo bar') + '
'); 25 | document.write('foo bar foo is valid? ' + nearRepeatReg.test('foo bar foo') + '
'); 26 | document.write('foo barbar bar is valid? ' + nearRepeatReg.test('foo barbar bar') + '
'); -------------------------------------------------------------------------------- /2016/task0002/20.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 任务20 7 | 26 | 27 | 28 | 29 | 30 | 31 |
32 | HTML5 33 | HTML5 34 |
35 | 36 | 37 | 38 |
39 |
40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /2016/task0001/8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 任务7 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | -------------------------------------------------------------------------------- /2016/task0002/19.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | JS任务19 7 | 26 | 27 | 28 | 29 |
30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 |
38 |
39 | 1 40 | 45 41 |
42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /2016/task0002/js/14.js: -------------------------------------------------------------------------------- 1 | var aqiData = [ 2 | ["北京", 90], 3 | ["上海", 50], 4 | ["福州", 10], 5 | ["广州", 50], 6 | ["成都", 90], 7 | ["西安", 100] 8 | ]; 9 | (function () { 10 | /* 11 | 在注释下方编写代码 12 | 遍历读取aqiData中各个城市的数据 13 | 将空气质量指数大于60的城市显示到aqi-list的列表中 14 | */ 15 | var pos = 1, 16 | city = 0, 17 | arrRst = [], 18 | ul = document.getElementById("aqi-list"), 19 | str = "", 20 | lastRst = []; 21 | for (var i = 0; i < aqiData.length; i++) { 22 | if (aqiData[i][pos] > 60) { 23 | arrRst.push(aqiData[i][pos]); 24 | } 25 | } 26 | arrRst = arrRst.sort(); 27 | console.log(arrRst); 28 | for (var i = 0; i < arrRst.length; i++) { 29 | for (var j = 0; j < aqiData.length; j++) { 30 | if (arrRst[i] == aqiData[j][pos]) { 31 | lastRst.push(aqiData[j]); 32 | aqiData.splice(j, 1); //删除当前元素 33 | j = aqiData.length; //跳出循环 34 | } 35 | } 36 | } 37 | for (var i = 0; i < lastRst.length; i++) { 38 | str += "
  • 第" + (i + 1) + "名:" + lastRst[i][city] + "," + lastRst[i][pos] + "
  • "; 39 | } 40 | ul.innerHTML = str; 41 | })(); -------------------------------------------------------------------------------- /2016/task0001/10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Flexbox布局 6 | 41 | 42 | 43 |
    44 |
    45 |
    46 |
    47 |
    48 |
    49 | 50 | -------------------------------------------------------------------------------- /2016/task0001/3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | task0003 7 | 8 | 9 | 10 | 11 |
    12 |
    13 | 16 |

    团队名称

    17 |
    18 |
    19 | 25 |
    26 |
    27 |

    28 | 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践。 29 | 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关键的一部分。在学习这些资料时,要多思考,多提问,多质疑。相信通过和小伙伴们的交流,能让你的学习事半功倍。 30 | 任务目标 掌握HTML/CSS布局的概念 掌握盒模型的概念 掌握position与float的概念以及在布局时的用法 任务描述 使用 HTML 与 CSS 按照 示例图(点击查看) 实现三栏式布局。 31 | 左右两栏宽度固定,中间一栏根据父元素宽度填充满,最外面的框应理解为浏览器。背景色为 #eee 区域的高度取决于三个子元素中最高的高度。 32 |

    33 |
    34 |
    35 | 36 | -------------------------------------------------------------------------------- /2016/task0002/17.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 35 | 36 | 37 |
    38 | 请选择日期粒度: 39 | 40 | 41 | 42 |
    43 | 44 |
    45 | 请选择查看的城市: 46 | 49 |
    50 | 51 |
    52 |
    53 | 54 | 55 | -------------------------------------------------------------------------------- /2016/task0001/css/11.css: -------------------------------------------------------------------------------- 1 | /* 2 | Errno::ENOENT: No such file or directory @ rb_sysopen - 11.scss 3 | 4 | Backtrace: 5 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:484:in `read' 6 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:484:in `update_stylesheet' 7 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' 8 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `each' 9 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' 10 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin.rb:82:in `update_stylesheets' 11 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:340:in `watch_or_update' 12 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:51:in `process_result' 13 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:52:in `parse' 14 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:19:in `parse!' 15 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/bin/scss:13:in `' 16 | D:/Ruby23-x64/bin/scss:23:in `load' 17 | D:/Ruby23-x64/bin/scss:23:in `
    ' 18 | */ 19 | body:before { 20 | white-space: pre; 21 | font-family: monospace; 22 | content: "Errno::ENOENT: No such file or directory @ rb_sysopen - 11.scss"; } 23 | -------------------------------------------------------------------------------- /2016/task0001/css/stylesheets/11.css: -------------------------------------------------------------------------------- 1 | /* 2 | Errno::ENOENT: No such file or directory @ rb_sysopen - 11.scss 3 | 4 | Backtrace: 5 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:484:in `read' 6 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:484:in `update_stylesheet' 7 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' 8 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `each' 9 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' 10 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin.rb:82:in `update_stylesheets' 11 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:340:in `watch_or_update' 12 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:51:in `process_result' 13 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:52:in `parse' 14 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:19:in `parse!' 15 | D:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/bin/scss:13:in `' 16 | D:/Ruby23-x64/bin/scss:23:in `load' 17 | D:/Ruby23-x64/bin/scss:23:in `
    ' 18 | */ 19 | body:before { 20 | white-space: pre; 21 | font-family: monospace; 22 | content: "Errno::ENOENT: No such file or directory @ rb_sysopen - 11.scss"; } 23 | -------------------------------------------------------------------------------- /2016/task0001/css/7bug.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /*780px以下的设备*/ 3 | @media only screen and (max-width: 780px) { 4 | .col-xs-1{ 5 | width: 8.3333%; 6 | } 7 | .col-xs-2{ 8 | width: 16.666%; 9 | } 10 | .col-xs-3{ 11 | width: 25%; 12 | } 13 | .col-xs-4{ 14 | width: 33.333%; 15 | } 16 | .col-xs-5{ 17 | width: 41.666%; 18 | } 19 | .col-xs-6{ 20 | width: 50%; 21 | } 22 | .col-xs-7{ 23 | width: 58.333%; 24 | } 25 | .col-xs-8{ 26 | width: 66.666%; 27 | } 28 | .col-xs-9{ 29 | width: 75%; 30 | } 31 | .col-xs-10{ 32 | width: 83.333%; 33 | } 34 | .col-xs-11{ 35 | width: 91.666%; 36 | } 37 | .col-xs-12{ 38 | width: 100%; 39 | } 40 | } 41 | /*780px以上的设备*/ 42 | @media only screen and (min-width: 780px) { 43 | .col-md-1{ 44 | width: 8.3333%; 45 | } 46 | .col-md-2{ 47 | width: 16.666%; 48 | } 49 | .col-md-3{ 50 | width: 25%; 51 | } 52 | .col-md-4{ 53 | width: 33.333%; 54 | } 55 | .col-md-5{ 56 | width: 41.666%; 57 | } 58 | .col-md-6{ 59 | width: 50%; 60 | } 61 | .col-md-7{ 62 | width: 58.333%; 63 | } 64 | .col-md-8{ 65 | width: 66.666%; 66 | } 67 | .col-md-9{ 68 | width: 75%; 69 | } 70 | .col-md-10{ 71 | width: 83.333%; 72 | } 73 | .col-md-11{ 74 | width: 91.666%; 75 | } 76 | .col-md-12{ 77 | width: 100%; 78 | } 79 | } 80 | *{margin: 0;padding: 0;} 81 | #wrapper{ 82 | padding:10px; 83 | } 84 | .block{ 85 | border:1px solid #999; 86 | background: #eee; 87 | padding: 10px; 88 | height: 50px; 89 | float: left; 90 | box-sizing: border-box; 91 | } 92 | -------------------------------------------------------------------------------- /2016/task0001/css/8.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /*780px以下的设备*/ 3 | @media only screen and (max-width: 780px) { 4 | .col-xs-1{ 5 | width: 8.3333%; 6 | } 7 | .col-xs-2{ 8 | width: 16.666%; 9 | } 10 | .col-xs-3{ 11 | width: 25%; 12 | } 13 | .col-xs-4{ 14 | width: 33.333%; 15 | } 16 | .col-xs-5{ 17 | width: 41.666%; 18 | } 19 | .col-xs-6{ 20 | width: 50%; 21 | } 22 | .col-xs-7{ 23 | width: 58.333%; 24 | } 25 | .col-xs-8{ 26 | width: 66.666%; 27 | } 28 | .col-xs-9{ 29 | width: 75%; 30 | } 31 | .col-xs-10{ 32 | width: 83.333%; 33 | } 34 | .col-xs-11{ 35 | width: 91.666%; 36 | } 37 | .col-xs-12{ 38 | width: 100%; 39 | } 40 | } 41 | /*780px以上的设备*/ 42 | @media only screen and (min-width: 780px) { 43 | .col-md-1{ 44 | width: 8.3333%; 45 | } 46 | .col-md-2{ 47 | width: 16.666%; 48 | } 49 | .col-md-3{ 50 | width: 25%; 51 | } 52 | .col-md-4{ 53 | width: 33.333%; 54 | } 55 | .col-md-5{ 56 | width: 41.666%; 57 | } 58 | .col-md-6{ 59 | width: 50%; 60 | } 61 | .col-md-7{ 62 | width: 58.333%; 63 | } 64 | .col-md-8{ 65 | width: 66.666%; 66 | } 67 | .col-md-9{ 68 | width: 75%; 69 | } 70 | .col-md-10{ 71 | width: 83.333%; 72 | } 73 | .col-md-11{ 74 | width: 91.666%; 75 | } 76 | .col-md-12{ 77 | width: 100%; 78 | } 79 | } 80 | *{margin: 0;padding: 0;} 81 | #wrapper{ 82 | padding:10px; 83 | } 84 | [class*="col-"]{ 85 | box-sizing: border-box; 86 | float: left; 87 | 88 | padding: 10px; 89 | } 90 | .block{ 91 | border:1px solid #999; 92 | background: #eee; 93 | height: 50px; 94 | 95 | } 96 | -------------------------------------------------------------------------------- /2016/mengMobile/js/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by 海枯 on 2016/6/25. 3 | */ 4 | angular.module('xmApp', []) 5 | .controller('indexCtrl', function ($scope) { 6 | //伪造预约json,填充数据 7 | $scope.someGoods = [ 8 | { 9 | GoodsId: 1, 10 | GoodsPicUrl: './img/thing1.png', 11 | GoodsTitle: ['我已亭亭,无忧亦无惧'], 12 | GoodsDesc: '三亚 1day', 13 | GoodsPrice: '1,690', 14 | CreaterHeadIcon: './img/headicon1.png', 15 | CreaterUsername: '奇妙能力许小姐', 16 | CreaterLevel: '高级会员', 17 | CreaterYears: '8年' 18 | }, 19 | { 20 | GoodsId: 2, 21 | GoodsPicUrl: './img/thing2.png', 22 | GoodsTitle: ['多谢你如此精彩绕眼','做我平淡岁月里星辰'], 23 | GoodsDesc: '三亚 2day', 24 | GoodsPrice: '2,860', 25 | CreaterHeadIcon: './img/headicon2.png', 26 | CreaterUsername: '乌君', 27 | CreaterLevel: '人气之星', 28 | CreaterYears: '3年' 29 | }, 30 | { 31 | GoodsId: 3, 32 | GoodsPicUrl: './img/thing3.png', 33 | GoodsTitle: ['想要你的吻 做你爱的人'], 34 | GoodsDesc: '三亚 1day', 35 | GoodsPrice: '1,260', 36 | CreaterHeadIcon: './img/headicon1.png', 37 | CreaterUsername: '小偕婉株', 38 | CreaterLevel: '高级会员', 39 | CreaterYears: '5年' 40 | } 41 | ]; 42 | 43 | }); -------------------------------------------------------------------------------- /2016/task0002/js/15.js: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * getData方法 4 | * 读取id为source的列表,获取其中城市名字及城市对应的空气质量 5 | * 返回一个数组,格式见函数中示例 6 | */ 7 | function getData() { 8 | /* 9 | coding here 10 | */ 11 | var sr = document.getElementById("source"), 12 | li = sr.getElementsByTagName("li"), 13 | data = []; 14 | for(var i = 0,len = li.length;i"+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 |
    10 |
    问卷管理
    11 | 我的问卷 12 |
    13 |
    14 |
    15 |

    title

    16 |
    17 | 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 |
    21 |
    22 |

    frehaiku.GitHub.io

    23 |

    海枯个人站

    24 | View project on GitHub 25 |
    26 |
    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": "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", 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 触发元素标签,如 234 | 235 | 236 | 237 |
    238 |

    联系我们

    239 |

    为了更好的获取我们最新的产品资讯,您可以留下您的电子邮箱快速订阅我们的产品资讯 240 |
    241 | 也可以通过以下任何方式关注我们的动态

    242 |

    243 | 244 | 245 |

    246 | 250 |
    251 | 252 | --------------------------------------------------------------------------------