├── .gitignore ├── README.md ├── bootstrap ├── date.html ├── form_layout.html ├── index.html └── lib │ ├── laydate.js │ └── theme │ └── default │ ├── font │ ├── iconfont.eot │ ├── iconfont.svg │ ├── iconfont.ttf │ └── iconfont.woff │ └── laydate.css ├── build ├── gulp-demo │ ├── .gitignore │ ├── gulpfile.js │ ├── package.json │ └── src │ │ ├── css │ │ ├── index.css │ │ └── index.css.map │ │ ├── images │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ └── 3.png │ │ ├── index.html │ │ ├── js │ │ ├── index.js │ │ └── util.js │ │ ├── less │ │ └── index.less │ │ └── page │ │ ├── include │ │ ├── footer.html │ │ └── header.html │ │ └── layout.html ├── gulp │ └── gulptest │ │ ├── .babelrc │ │ ├── css │ │ └── index.css │ │ ├── gulpfile.js │ │ ├── index.html │ │ ├── js │ │ └── index.js │ │ ├── package.json │ │ ├── resource │ │ └── index.js │ │ └── sass │ │ └── index.scss ├── parceldemo │ ├── .babelrc │ ├── .gitignore │ ├── .postcssrc │ ├── css │ │ └── index.css │ ├── img │ │ ├── 1.jpg │ │ ├── capping.jpg │ │ └── hat.jpg │ ├── index.html │ ├── js │ │ ├── index.js │ │ ├── setButton.js │ │ └── setColor.js │ └── package.json └── scss │ ├── app.css │ ├── app.css.map │ ├── app.scss │ ├── components │ ├── _buttons.scss │ ├── _comments.scss │ ├── _footer.scss │ ├── _header.scss │ ├── _navigation.scss │ └── _pagination.scss │ ├── helpers │ ├── _functions.scss │ ├── _mixins.scss │ └── _variables.scss │ ├── index.css │ ├── index.css.map │ ├── index.html │ ├── index.scss │ ├── layout │ └── _responsive.scss │ └── pages │ ├── _about.scss │ ├── _blog.scss │ └── _post.scss ├── components ├── 写一个点赞的组件.html └── 写一个简单组件.html ├── docs ├── .nojekyll ├── README.md ├── _sidebar.md ├── component.txt ├── index.html ├── navigation.md ├── package.json └── zh-cn │ ├── README.md │ ├── _sidebar.md │ ├── navigation.md │ └── reading │ └── daily_reading.md ├── hello-docsify └── docs │ ├── .nojekyll │ ├── README.md │ ├── _coverpage.md │ ├── _sidebar.md │ ├── guide.md │ ├── index.html │ ├── test1.md │ ├── test2.md │ └── zh-cn │ ├── README.md │ ├── _sidebar.md │ ├── guide.md │ ├── test1.md │ └── test2.md ├── hello.txt ├── html5 ├── car │ ├── car.html │ ├── car.json │ └── jsonhandler.html ├── citys │ ├── city.js │ ├── ref │ │ ├── index.html │ │ ├── school-list.js │ │ └── v2 │ │ │ ├── SchoolBox.css │ │ │ ├── SchoolBox.js │ │ │ └── index.html │ └── refdemo │ │ ├── city.js │ │ ├── city02.js │ │ ├── index.html │ │ ├── method01.js │ │ ├── method02.js │ │ ├── method03.js │ │ └── style.css ├── componnents │ └── index.html ├── css3 │ ├── ai │ │ ├── ai-res.html │ │ ├── ai-res2.html │ │ ├── ai.html │ │ ├── ai_event.html │ │ ├── demo.html │ │ ├── gulpfile.js │ │ ├── index.html │ │ ├── package.json │ │ ├── pretest.html │ │ ├── public │ │ │ └── m │ │ │ │ ├── css │ │ │ │ ├── ai-event-5a44f55788.css │ │ │ │ ├── ai-f69f934769.css │ │ │ │ ├── ai-res-0377634de7.css │ │ │ │ ├── ai-res2-b2c0f09ae5.css │ │ │ │ ├── demo-585a71ad43.css │ │ │ │ ├── rev-manifest.json │ │ │ │ └── test-90091b9cd3.css │ │ │ │ ├── img │ │ │ │ ├── ai-enter-avatar.png │ │ │ │ ├── ai-enter-bg.jpg │ │ │ │ ├── ai-enter-loading.png │ │ │ │ ├── ai-test-bg.jpg │ │ │ │ ├── ai-test-bgcar.png │ │ │ │ ├── ai-test-face1.png │ │ │ │ ├── ai-test-face2.png │ │ │ │ ├── ai-test-face3.png │ │ │ │ ├── ai-test-logo.png │ │ │ │ ├── ai-test-namebg.png │ │ │ │ ├── ai-test-pbg1.png │ │ │ │ ├── ai-test-pbg2.png │ │ │ │ ├── ai-test-pbg3.png │ │ │ │ ├── ai-test-pbg4.png │ │ │ │ ├── ai-test-pbg5.png │ │ │ │ ├── ai-test-pic1.jpeg │ │ │ │ ├── ai-test-pic2.jpeg │ │ │ │ ├── ai-test-res-bg.jpg │ │ │ │ ├── ai-test-res-cont-bg.png │ │ │ │ ├── ai-test-res-cont-inner-bg.png │ │ │ │ ├── ai-test-res-namebg.png │ │ │ │ ├── ai-test-res-qrcode.png │ │ │ │ ├── ai-test-res-titlebg.png │ │ │ │ ├── ai-test-res-txt-bg.png │ │ │ │ ├── ai-test-startbg.png │ │ │ │ ├── ai-test-startline.png │ │ │ │ └── ai-test-xiaop.png │ │ │ │ └── lib │ │ │ │ ├── exif.js │ │ │ │ └── html2canvas.js │ │ ├── resources │ │ │ └── m │ │ │ │ ├── img │ │ │ │ ├── ai-enter-avatar.png │ │ │ │ ├── ai-enter-bg.jpg │ │ │ │ ├── ai-enter-loading.png │ │ │ │ ├── ai-test-bg.jpg │ │ │ │ ├── ai-test-bgcar.png │ │ │ │ ├── ai-test-face1.png │ │ │ │ ├── ai-test-face2.png │ │ │ │ ├── ai-test-face3.png │ │ │ │ ├── ai-test-logo.png │ │ │ │ ├── ai-test-namebg.png │ │ │ │ ├── ai-test-pbg1.png │ │ │ │ ├── ai-test-pbg2.png │ │ │ │ ├── ai-test-pbg3.png │ │ │ │ ├── ai-test-pbg4.png │ │ │ │ ├── ai-test-pbg5.png │ │ │ │ ├── ai-test-pic1.jpeg │ │ │ │ ├── ai-test-pic2.jpeg │ │ │ │ ├── ai-test-res-bg.jpg │ │ │ │ ├── ai-test-res-cont-bg.png │ │ │ │ ├── ai-test-res-cont-inner-bg.png │ │ │ │ ├── ai-test-res-namebg.png │ │ │ │ ├── ai-test-res-qrcode.png │ │ │ │ ├── ai-test-res-titlebg.png │ │ │ │ ├── ai-test-res-txt-bg.png │ │ │ │ ├── ai-test-startbg.png │ │ │ │ ├── ai-test-startline.png │ │ │ │ └── ai-test-xiaop.png │ │ │ │ ├── lib │ │ │ │ ├── exif.js │ │ │ │ └── html2canvas.js │ │ │ │ └── scss │ │ │ │ ├── ai-event.scss │ │ │ │ ├── ai-res.scss │ │ │ │ ├── ai-res2.scss │ │ │ │ ├── ai.scss │ │ │ │ ├── demo.scss │ │ │ │ └── test.scss │ │ └── test.html │ ├── ani.html │ ├── autoheight.html │ ├── bg │ │ ├── css │ │ │ ├── component.css │ │ │ ├── demo.css │ │ │ └── normalize.css │ │ ├── img │ │ │ └── demo-1-bg.jpg │ │ ├── index.html │ │ └── js │ │ │ ├── EasePack.min.js │ │ │ ├── TweenLite.min.js │ │ │ ├── demo-1.js │ │ │ └── rAF.js │ ├── clip-path │ │ ├── button.svg │ │ └── clip-path.html │ ├── csscode.txt │ ├── effect │ │ ├── linear.html │ │ └── linear.png │ ├── exp │ │ └── index.html │ ├── filter.html │ ├── imgtransform.html │ ├── index.html │ ├── loading │ │ ├── index.css │ │ └── index.html │ ├── ref │ │ ├── fullpage.html │ │ └── sideshow │ │ │ ├── css │ │ │ ├── component.css │ │ │ ├── demo.css │ │ │ └── normalize.css │ │ │ ├── fonts │ │ │ └── codropsicons │ │ │ │ ├── codropsicons.eot │ │ │ │ ├── codropsicons.svg │ │ │ │ ├── codropsicons.ttf │ │ │ │ ├── codropsicons.woff │ │ │ │ └── license.txt │ │ │ ├── img │ │ │ ├── Thumbs.db │ │ │ ├── demo-1-bg.jpg │ │ │ └── demo-2-bg.jpg │ │ │ ├── index.html │ │ │ ├── index2.html │ │ │ ├── index3.html │ │ │ ├── index4.html │ │ │ └── js │ │ │ ├── EasePack.min.js │ │ │ ├── TweenLite.min.js │ │ │ ├── demo-1.js │ │ │ ├── demo-2.js │ │ │ ├── demo-3.js │ │ │ ├── demo-4.js │ │ │ ├── html5.js │ │ │ └── rAF.js │ ├── scroll.html │ ├── search.html │ ├── skeleton.html │ └── skeleton │ │ ├── list.html │ │ └── skeleton.html ├── effect │ ├── according.html │ ├── accordion │ │ ├── according.html │ │ ├── accordion.css │ │ ├── accordion.scss │ │ └── lib │ │ │ ├── index.js │ │ │ ├── style.css │ │ │ └── translateelement.css │ ├── header.html │ ├── index.html │ ├── index2.html │ ├── lucky │ │ ├── ref │ │ │ ├── Luckdraw.js │ │ │ ├── index.html │ │ │ └── style.css │ │ └── year │ │ │ ├── img │ │ │ └── bg.jpg │ │ │ ├── index.css │ │ │ ├── index.css.map │ │ │ ├── index.html │ │ │ ├── index.js │ │ │ └── index.scss │ ├── ref │ │ └── index.js │ ├── tab.html │ └── tagyun │ │ ├── ref │ │ ├── index.html │ │ └── zzsc.js │ │ ├── ref2 │ │ ├── tagCloud.html │ │ └── tagcloud.js │ │ ├── ref3 │ │ └── tag.html │ │ ├── tag-ref1.html │ │ ├── tag-ref2.html │ │ ├── tag-ref3.html │ │ ├── tag-ref4.html │ │ ├── tag.html │ │ └── tag.plugin.js ├── game │ ├── apple │ │ ├── assets │ │ │ ├── audio │ │ │ │ ├── addscore.mp3 │ │ │ │ ├── bgMusic.mp3 │ │ │ │ └── boom.mp3 │ │ │ └── images │ │ │ │ ├── bg.png │ │ │ │ ├── bomb.png │ │ │ │ ├── dude.png │ │ │ │ ├── five.png │ │ │ │ ├── green.png │ │ │ │ ├── one.png │ │ │ │ ├── red.png │ │ │ │ ├── three.png │ │ │ │ └── yellow.png │ │ └── index.html │ ├── lib │ │ └── phaser │ │ │ └── 2.6.2 │ │ │ └── phaser.min.js │ └── run │ │ ├── assets │ │ └── images │ │ │ ├── background.jpg │ │ │ ├── badi.png │ │ │ ├── bk.jpg │ │ │ ├── btn-ready.png │ │ │ ├── buddy.png │ │ │ └── ground.jpg │ │ └── index.html ├── h5game │ ├── gulpfile.js │ ├── index.html │ ├── package.json │ ├── public │ │ └── m │ │ │ ├── audio │ │ │ ├── addscore.mp3 │ │ │ ├── bgMusic.mp3 │ │ │ └── boom.mp3 │ │ │ ├── css │ │ │ ├── index-59a8f2bd30.css │ │ │ ├── rev-manifest.json │ │ │ └── test-fd4e1e85b5.css │ │ │ ├── img │ │ │ ├── bg.png │ │ │ ├── bomb.png │ │ │ ├── dude.png │ │ │ ├── five.png │ │ │ ├── green.png │ │ │ ├── one.png │ │ │ ├── red.png │ │ │ ├── three.png │ │ │ └── yellow.png │ │ │ └── lib │ │ │ ├── hilo-standalone.min.js │ │ │ ├── phaser2.11.1.min.js │ │ │ └── phaser3.16.2.min.js │ ├── resources │ │ └── m │ │ │ ├── audio │ │ │ ├── addscore.mp3 │ │ │ ├── bgMusic.mp3 │ │ │ └── boom.mp3 │ │ │ ├── img │ │ │ ├── bg.png │ │ │ ├── bomb.png │ │ │ ├── dude.png │ │ │ ├── five.png │ │ │ ├── green.png │ │ │ ├── one.png │ │ │ ├── red.png │ │ │ ├── three.png │ │ │ └── yellow.png │ │ │ ├── lib │ │ │ ├── hilo-standalone.min.js │ │ │ ├── phaser │ │ │ │ └── 2.6.2 │ │ │ │ │ └── phaser.min.js │ │ │ ├── phaser2.11.1.min.js │ │ │ └── phaser3.16.2.min.js │ │ │ └── scss │ │ │ ├── index.scss │ │ │ └── test.scss │ └── test │ │ ├── hilodemo.html │ │ └── phaserdemo.html ├── images │ ├── line.png │ └── line_active.png ├── jsgame │ └── plane │ │ ├── css │ │ └── main.css │ │ ├── image │ │ ├── background_1.png │ │ ├── bong.gif │ │ ├── enemy3_fly_1.png │ │ ├── myplane.gif │ │ └── startbg.png │ │ ├── index.html │ │ └── js │ │ └── main.js ├── lucky │ ├── img │ │ ├── bg.png │ │ ├── bg2.png │ │ ├── box.png │ │ ├── btn.png │ │ ├── cj_bg1.png │ │ ├── cj_bg2.png │ │ ├── cj_border1.png │ │ ├── cj_border2.png │ │ ├── cj_prize.png │ │ ├── cj_start.png │ │ └── face.png │ ├── js │ │ └── jquery.rotate.min.js │ └── lucky.html ├── shipei │ └── vmvh.html ├── slideshow │ ├── img │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ └── example.png │ ├── index.html │ ├── slide2.html │ ├── slide3.html │ ├── slide4.html │ ├── slide5.html │ ├── swiper.html │ ├── swiper3.4.html │ └── swiperdemo.html ├── t │ ├── CSS 实现三角形的2种方法(1).html │ ├── CSS 实现三角形的2种方法(2).html │ ├── CSS实现图片模糊效果.html │ ├── CSS实现带遮罩效果的弹出对话框.html │ ├── anchor.html │ ├── box-sizing用法.html │ ├── css3实现翻书动画效果.html │ ├── css动画.html │ ├── html5.html │ ├── htmlparse.html │ ├── layout_res.html │ ├── lib │ │ └── webpjs-0.0.2.min.js │ ├── placeholder.html │ ├── scroll.html │ ├── select.html │ ├── select2.html │ ├── select3.html │ ├── table自定义样式.html │ ├── timeline.html │ ├── timeline_ref.html │ ├── video.html │ ├── video2.html │ ├── webp.html │ ├── 数字滚动效果.html │ └── 文本超出显示省略号.html └── table │ ├── data.json │ ├── sourcedata.json │ ├── table.html │ ├── test.html │ ├── test2.html │ └── test3.html ├── img ├── chinamap.png ├── chinamap2.png ├── flow1.png ├── flow2.png ├── flow3.png ├── flow4.png ├── flow5.png ├── order1.png ├── order2.png └── order3.png ├── index.html ├── javascript ├── 2019 │ ├── base.js │ ├── index.html │ ├── page.html │ ├── test.js │ └── throttle.html ├── amd │ ├── a.js │ ├── b.js │ ├── base.js │ ├── index.html │ ├── lib │ │ └── do.min.js │ └── utils.js ├── es6 │ └── index.html ├── jquery │ ├── jq.html │ └── jqplugin │ │ ├── index.html │ │ ├── jquery.myplugin.js │ │ └── jquery.myplugin2.js ├── lazyimg │ ├── index.html │ ├── index2.html │ ├── indexx.html │ ├── jieliu.html │ └── t1.jpeg ├── loop │ └── index.html ├── mockjs │ └── mockdata.html ├── mymvvm │ ├── index.html │ ├── mvvm.js │ ├── observe.html │ └── observe.js ├── o │ ├── IIFE.html │ ├── call&apply用法.html │ ├── callback回调函数.html │ ├── changeJson.html │ ├── document.html │ ├── es5实现es6的map字典.html │ ├── flatten嵌套数组扁平化处理.html │ ├── index.html │ ├── js变量提升.html │ ├── js深拷贝.html │ ├── js闭包.html │ ├── js闭包2.html │ ├── map数组遍历.html │ ├── monitor.html │ ├── settimeout.html │ ├── urlparser.js │ ├── 使用js实现文字在页面中一个个显示.html │ ├── 原型链继承.html │ ├── 快速排序.html │ ├── 数组排序.html │ ├── 日历.html │ └── 自执行匿名函数.html ├── plugins │ ├── fullpage │ │ ├── demo01.html │ │ ├── images │ │ │ ├── 1.jpg │ │ │ ├── 2.jpg │ │ │ ├── 3.jpg │ │ │ └── 4.jpg │ │ └── index.html │ ├── ramda │ │ └── index.html │ └── scrollreveal │ │ └── scrollreveal.html └── promise │ ├── all.html │ ├── ball.html │ ├── ball_promise.html │ └── index.html ├── n.txt ├── node ├── hello-koa │ ├── app.js │ ├── package.json │ └── static │ │ ├── china.json │ │ └── user.html ├── javascript │ ├── fileRead.js │ └── package.json └── note.txt ├── parceldemo ├── .cache │ ├── 14ceecbd50b352ff792280c1a2615d19.json │ ├── 30a85f72c37df99f0853797175ba61f2.json │ ├── 3637806b98ee7bb28dd90ce5f2a98db0.json │ ├── 40e9df4c3b1cf6507332c839e15e160b.json │ ├── 41ec615e4703247e5e3bbe66ba57633c.json │ ├── 5b0c2d0bbc05d37ed4367908701ea6a5.json │ ├── 6b2a2ad215106a471f010860de4237fd.json │ ├── 7c0de988209aa3b96565d7c0bfa25f36.json │ ├── 7e08bdfe80eae05f14c85dcb64cd8990.json │ ├── 917289c42460f3d5ba5e00098afbeb15.json │ ├── 9b9cc9cf9b9a7d40acccd5c340794559.json │ ├── ae190f18c778309fb2f2865db55ce014.json │ ├── c1e60f318802ae5d02f0b362fb27e60a.json │ ├── cd736a10468f094af84dda344911760e.json │ ├── d0336821e9483c4fcbae8a88a4daae53.json │ ├── d1c8b1557255c9631ed09150492a490d.json │ └── fdbbadad15bfb17554ade1fd6d3a032f.json └── dist │ ├── capping.22e4387d.jpg │ ├── capping.54453d73.jpg │ ├── css.16cbd1bc.css │ ├── css.d5b71a78.css │ ├── css.d5b71a78.js │ ├── css.d5b71a78.map │ ├── hat.9baa57f4.jpg │ ├── hat.ae45d035.jpg │ ├── index.html │ ├── js.23d59d51.js │ ├── js.23d59d51.map │ ├── js.fe169229.js │ └── js.fe169229.map ├── plugins ├── antv │ ├── chinamap.html │ ├── data.js │ ├── index.html │ ├── index.js │ └── map.html ├── d3 │ ├── china.json │ ├── d3.v3.min.js │ ├── index.html │ ├── map.html │ ├── map.js │ ├── map2.html │ ├── mapref.html │ └── math.min.js ├── echarts │ ├── index.html │ ├── index2.html │ ├── index3.html │ └── theme │ │ └── macarons.js ├── heatmap │ ├── data.js │ ├── index.html │ └── index2.html ├── html2canvas │ └── index.html ├── lib │ ├── html2canvas.js │ ├── html2canvas.min.js │ └── vue.min.js ├── map │ ├── chinaMapConfig.js │ ├── index.html │ ├── lib │ │ └── raphael-min.js │ ├── map.js │ └── worldMapConfig.js ├── math.html ├── nprogress │ └── index.html ├── requirejs │ ├── index.html │ ├── js │ │ ├── a.js │ │ └── util.js │ └── main.js └── seajs │ ├── index.html │ ├── init.js │ ├── js │ ├── M1.js │ └── M2.js │ └── lib │ └── jquery.min.js ├── react ├── hello-react │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ └── manifest.json │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── components │ │ ├── C1.css │ │ ├── C1.js │ │ ├── C2.css │ │ ├── C2.js │ │ └── C3.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ └── serviceWorker.js ├── todolist-react │ ├── .gitignore │ ├── README.md │ ├── config │ │ ├── env.js │ │ ├── jest │ │ │ ├── cssTransform.js │ │ │ └── fileTransform.js │ │ ├── paths.js │ │ ├── webpack.config.js │ │ └── webpackDevServer.config.js │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ └── manifest.json │ ├── scripts │ │ ├── build.js │ │ ├── start.js │ │ └── test.js │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── components │ │ ├── AppForm.js │ │ ├── AppList.js │ │ ├── AppTabs.js │ │ └── AppTodos.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ └── serviceWorker.js └── todolist-redux │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public │ ├── favicon.ico │ ├── index.html │ └── manifest.json │ └── src │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── components │ ├── ComA.js │ └── ComB.js │ ├── index.css │ ├── index.js │ ├── logo.svg │ ├── serviceWorker.js │ └── store │ ├── actions.js │ ├── index.js │ └── reducers.js ├── server ├── app.js ├── package.json └── static │ ├── index.html │ ├── optionslide.html │ ├── optionslide.plugin.js │ ├── swiper.html │ ├── swiper0.html │ ├── swiper1.html │ ├── swiper2.html │ ├── tag │ ├── index.html │ └── zzsc.js │ ├── tag1.html │ └── user.html ├── shelldemo ├── gitautopush.sh ├── test1.sh └── test2.sh ├── sql └── ref │ ├── demo.sql │ └── sql.txt ├── src ├── 01 │ ├── images │ │ └── hb_1.jpg │ ├── index.html │ └── test.html ├── 02 │ ├── css │ │ └── index.css │ ├── index.html │ └── js │ │ └── index.js └── 03 │ └── index.html ├── static.html ├── static ├── css │ └── main.css └── images │ ├── CSS 实现三角形的2种方法1.png │ ├── CSS 实现三角形的2种方法2.png │ ├── CSS实现图片模糊效果.png │ ├── CSS实现带遮罩效果的弹出对话框.png │ ├── demo_checkbox_radio.gif │ ├── demo_upload.gif │ └── scroll.png ├── test ├── animation.html ├── index.html ├── pre.html ├── swiperl.html ├── t.html ├── table1.html ├── table2.html └── test.html ├── vuejs ├── checkbox.html ├── checkbox2.html ├── components │ └── dialog.html ├── doc.txt ├── img │ └── icon.png ├── index.html ├── index2.html ├── mult-page │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── page1.html │ │ └── page2.html │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ └── HelloWorld.vue │ │ └── pages │ │ │ ├── index │ │ │ ├── App.vue │ │ │ ├── main.js │ │ │ ├── router.js │ │ │ ├── store.js │ │ │ └── views │ │ │ │ ├── About.vue │ │ │ │ └── Home.vue │ │ │ ├── page1 │ │ │ ├── App.vue │ │ │ ├── main.js │ │ │ ├── router.js │ │ │ ├── store.js │ │ │ └── views │ │ │ │ ├── About.vue │ │ │ │ └── Home.vue │ │ │ └── page2 │ │ │ ├── App.vue │ │ │ ├── main.js │ │ │ ├── router.js │ │ │ ├── store.js │ │ │ └── views │ │ │ ├── About.vue │ │ │ └── Home.vue │ └── vue.config.js ├── nuxtd │ ├── .editorconfig │ ├── .eslintrc.js │ ├── .gitignore │ ├── .prettierrc │ ├── README.md │ ├── assets │ │ └── README.md │ ├── components │ │ ├── Logo.vue │ │ └── README.md │ ├── layouts │ │ ├── README.md │ │ └── default.vue │ ├── middleware │ │ └── README.md │ ├── nuxt.config.js │ ├── package.json │ ├── pages │ │ ├── README.md │ │ ├── about.vue │ │ └── index.vue │ ├── plugins │ │ └── README.md │ ├── server │ │ └── index.js │ ├── static │ │ ├── README.md │ │ └── favicon.ico │ └── store │ │ └── README.md ├── paging.html ├── paging2.html ├── vue-components │ ├── .babelrc │ ├── .editorconfig │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .gitignore │ ├── .postcssrc.js │ ├── README.md │ ├── build │ │ ├── build.js │ │ ├── check-versions.js │ │ ├── logo.png │ │ ├── utils.js │ │ ├── vue-loader.conf.js │ │ ├── webpack.base.conf.js │ │ ├── webpack.dev.conf.js │ │ └── webpack.prod.conf.js │ ├── config │ │ ├── dev.env.js │ │ ├── index.js │ │ ├── prod.env.js │ │ └── test.env.js │ ├── img │ │ └── paging.png │ ├── index.html │ ├── package.json │ ├── src │ │ ├── App.vue │ │ ├── Index.vue │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ ├── HelloWorld.vue │ │ │ └── Paging.vue │ │ ├── main.js │ │ └── router │ │ │ └── index.js │ ├── static │ │ └── .gitkeep │ └── test │ │ ├── e2e │ │ ├── custom-assertions │ │ │ └── elementCount.js │ │ ├── nightwatch.conf.js │ │ ├── runner.js │ │ └── specs │ │ │ └── test.js │ │ └── unit │ │ ├── .eslintrc │ │ ├── jest.conf.js │ │ ├── setup.js │ │ └── specs │ │ └── HelloWorld.spec.js └── vuex │ └── hellovuex.html └── ydt ├── .gitignore ├── README.md ├── build.sh ├── mock ├── data.json ├── index.js └── router.js ├── package.json ├── server └── index.js ├── src ├── api │ ├── config.js │ └── index.js ├── app │ ├── App.vue │ ├── index.html │ ├── main.js │ ├── router │ │ └── index.js │ └── views │ │ └── Index.vue ├── assets │ ├── app.less │ ├── base │ │ └── index.less │ ├── examples │ │ ├── app.less │ │ └── web.less │ ├── normalize │ │ └── index.less │ └── web.less ├── components │ └── Index.vue ├── examples │ ├── app │ │ ├── App.vue │ │ ├── index.html │ │ ├── main.js │ │ ├── router │ │ │ └── index.js │ │ └── views │ │ │ └── Index.vue │ └── web │ │ ├── index.html │ │ └── index.js ├── utils │ └── test.js └── web │ ├── index.html │ └── index.js └── static ├── .gitkeep └── img └── logo.png /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | ./node/node_modules/ 3 | .DS_Store 4 | # 任意层文件下node_modules 5 | **/node_modules/ 6 | **/package-lock.json 7 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # fozero的个人博客 2 | 3 | 用于总结自己平时工作和学习中的经验。[线上地址](http://blog.diankr.cn) 4 | 5 | 订阅请 watch， 收藏点赞请 star， fork 好像没必要 6 | 7 | 8 | 9 | # 文章索引 -------------------------------------------------------------------------------- /bootstrap/lib/theme/default/font/iconfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/bootstrap/lib/theme/default/font/iconfont.eot -------------------------------------------------------------------------------- /bootstrap/lib/theme/default/font/iconfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/bootstrap/lib/theme/default/font/iconfont.ttf -------------------------------------------------------------------------------- /bootstrap/lib/theme/default/font/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/bootstrap/lib/theme/default/font/iconfont.woff -------------------------------------------------------------------------------- /build/gulp-demo/.gitignore: -------------------------------------------------------------------------------- 1 | dist/ 2 | node_modules/ 3 | rev/ 4 | package-lock.json -------------------------------------------------------------------------------- /build/gulp-demo/src/css/index.css: -------------------------------------------------------------------------------- 1 | a { 2 | border-radius: 5px; 3 | } 4 | .win { 5 | -webkit-transform: translateX(-50%); 6 | transform: translateX(-50%); 7 | } 8 | .header { 9 | background: red; 10 | color: red; 11 | } 12 | .main { 13 | font-size: 18px; 14 | color: red; 15 | } 16 | .main__login { 17 | border: 1px solid #eee; 18 | width: 400px; 19 | height: 310px; 20 | color: red; 21 | } 22 | .main__login__item { 23 | margin-top: 20px; 24 | } 25 | 26 | /*# sourceMappingURL=index.css.map */ 27 | -------------------------------------------------------------------------------- /build/gulp-demo/src/css/index.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["index.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;CACpB;AACD;EACE,oCAA4B;UAA5B,4BAA4B;CAC7B;AACD;EACE,gBAAgB;EAChB,WAAW;CACZ;AACD;EACE,gBAAgB;EAChB,WAAW;CACZ;AACD;EACE,uBAAuB;EACvB,aAAa;EACb,cAAc;EACd,WAAW;CACZ;AACD;EACE,iBAAiB;CAClB","file":"index.css","sourcesContent":["a {\n border-radius: 5px;\n}\n.win {\n transform: translateX(-50%);\n}\n.header {\n background: red;\n color: red;\n}\n.main {\n font-size: 18px;\n color: red;\n}\n.main__login {\n border: 1px solid #eee;\n width: 400px;\n height: 310px;\n color: red;\n}\n.main__login__item {\n margin-top: 20px;\n}\n"]} -------------------------------------------------------------------------------- /build/gulp-demo/src/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/build/gulp-demo/src/images/1.jpg -------------------------------------------------------------------------------- /build/gulp-demo/src/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/build/gulp-demo/src/images/2.jpg -------------------------------------------------------------------------------- /build/gulp-demo/src/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/build/gulp-demo/src/images/3.png -------------------------------------------------------------------------------- /build/gulp-demo/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | index 6 | 7 | 8 | 9 | 10 |
11 |
12 | 16 | 20 | 21 |
22 |
23 | 24 | -------------------------------------------------------------------------------- /build/gulp-demo/src/js/index.js: -------------------------------------------------------------------------------- 1 | // 用户登录 2 | function login(){ 3 | alert("登录成功"); 4 | } 5 | 6 | // 用户退出 7 | function logout(){ 8 | alert("用户退出"); 9 | } -------------------------------------------------------------------------------- /build/gulp-demo/src/js/util.js: -------------------------------------------------------------------------------- 1 | 2 | // 获取当天日期 3 | function getDate(){ 4 | var date = new Date(); 5 | return date; 6 | } -------------------------------------------------------------------------------- /build/gulp-demo/src/less/index.less: -------------------------------------------------------------------------------- 1 | 2 | a{border-radius: 5px;} 3 | .win{transform: translateX(-50%);} 4 | 5 | .header{background: red;color:red;} 6 | 7 | .main{font-size: 18px;color: red;} 8 | .main__login{border:1px solid #eee;width: 400px;height: 310px;color: red;} 9 | .main__login__item{margin-top:20px;} -------------------------------------------------------------------------------- /build/gulp-demo/src/page/include/footer.html: -------------------------------------------------------------------------------- 1 |

这是 footer 的内容

-------------------------------------------------------------------------------- /build/gulp-demo/src/page/include/header.html: -------------------------------------------------------------------------------- 1 |

这是 header 的内容

-------------------------------------------------------------------------------- /build/gulp-demo/src/page/layout.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | layout.html 6 | 7 | 8 | @@include('include/header.html') 9 |

这是 layout 的内容

10 | @@include('include/footer.html') 11 | 12 | -------------------------------------------------------------------------------- /build/gulp/gulptest/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015"] 3 | } -------------------------------------------------------------------------------- /build/gulp/gulptest/css/index.css: -------------------------------------------------------------------------------- 1 | .container .section { 2 | color: #fff; 3 | background: #fff; 4 | font-size: 60px; 5 | -webkit-box-sizing: border-box; 6 | box-sizing: border-box; 7 | -webkit-transform: rotate(30deg); 8 | transform: rotate(30deg); } 9 | -------------------------------------------------------------------------------- /build/gulp/gulptest/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | gulp 6 | 7 | 8 | 9 |
10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /build/gulp/gulptest/js/index.js: -------------------------------------------------------------------------------- 1 | function a(){return"hello2222222"}function c(){return"hello33333333333"}var a=0; -------------------------------------------------------------------------------- /build/gulp/gulptest/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gulptest", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "dev": "gulp dev", 8 | "build": "gulp build", 9 | "test": "echo \"Error: no test specified\" && exit 1" 10 | }, 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "@babel/core": "^7.1.2", 15 | "@babel/preset-env": "^7.1.0", 16 | "gulp": "^3.9.1", 17 | "gulp-autoprefixer": "^6.0.0", 18 | "gulp-babel": "^8.0.0", 19 | "gulp-sass": "^4.0.1", 20 | "gulp-uglify": "^3.0.1" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /build/gulp/gulptest/resource/index.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2018-09-30 18:14:58 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2018-09-30 18:59:40 6 | */ 7 | 8 | 9 | function a(){ 10 | return 'hello2222222'; 11 | } 12 | function c(){ 13 | return 'hello33333333333' 14 | } 15 | 16 | var a = 0; -------------------------------------------------------------------------------- /build/gulp/gulptest/sass/index.scss: -------------------------------------------------------------------------------- 1 | .container{ 2 | .section{ 3 | color:#fff; 4 | background:#fff; 5 | font-size:60px; 6 | box-sizing:border-box; 7 | transform:rotate(30deg); 8 | } 9 | } -------------------------------------------------------------------------------- /build/parceldemo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["env"] 3 | } -------------------------------------------------------------------------------- /build/parceldemo/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .cache/ 3 | dist/ 4 | package-lock.json -------------------------------------------------------------------------------- /build/parceldemo/.postcssrc: -------------------------------------------------------------------------------- 1 | { 2 | "modules": true, 3 | "plugins": { 4 | "autoprefixer": { 5 | "grid": true 6 | } 7 | } -------------------------------------------------------------------------------- /build/parceldemo/css/index.css: -------------------------------------------------------------------------------- 1 | /* index.css */ 2 | 3 | .imgBox { 4 | position: relative; 5 | } 6 | .hat { 7 | background-color: #fff; 8 | position: absolute; 9 | top: 126px; 10 | left: 310px; 11 | width: 143px; 12 | transform: rotate(-6deg); 13 | } -------------------------------------------------------------------------------- /build/parceldemo/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/build/parceldemo/img/1.jpg -------------------------------------------------------------------------------- /build/parceldemo/img/capping.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/build/parceldemo/img/capping.jpg -------------------------------------------------------------------------------- /build/parceldemo/img/hat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/build/parceldemo/img/hat.jpg -------------------------------------------------------------------------------- /build/parceldemo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | test 8 | 9 | 10 | 11 |

点击给大佬戴帽：

12 |
13 |
14 | 15 | 16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /build/parceldemo/js/index.js: -------------------------------------------------------------------------------- 1 | // index.js 2 | 3 | const setButton = require('./setButton').setButton; 4 | const setColor = require('./setColor').setColor; 5 | 6 | const btnsTxt = ['原谅的颜色', '寂寞的颜色', '花儿的颜色']; 7 | document.getElementById('btnBox').innerHTML = setButton(btnsTxt); 8 | 9 | const btns = document.getElementsByClassName('btn'); 10 | for(let i = 0; i < btns.length; i++) { 11 | btns[i].onclick = function () { 12 | const color = setColor(this.textContent) 13 | document.getElementsByClassName('hat')[0].style.backgroundColor = color 14 | document.getElementById('txt').style.color = color 15 | } 16 | } -------------------------------------------------------------------------------- /build/parceldemo/js/setButton.js: -------------------------------------------------------------------------------- 1 | // setButton.js 2 | 3 | function setButton(arr) { 4 | let btnHtml = ''; 5 | for(let i of arr) { 6 | btnHtml += ` 7 | 8 | ` 9 | } 10 | return btnHtml; 11 | } 12 | 13 | module.exports = { 14 | setButton: setButton 15 | } -------------------------------------------------------------------------------- /build/parceldemo/js/setColor.js: -------------------------------------------------------------------------------- 1 | //setColor.js 2 | 3 | function setColor(tip) { 4 | let color; 5 | switch (tip) { 6 | case '原谅的颜色': 7 | color = '#00db00' 8 | break; 9 | case '寂寞的颜色': 10 | color = '#ffff37' 11 | break; 12 | case '花儿的颜色': 13 | color = '#f75000' 14 | break; 15 | default: 16 | color = '#000' 17 | break; 18 | } 19 | return color; 20 | } 21 | 22 | module.exports = { 23 | setColor: setColor 24 | } -------------------------------------------------------------------------------- /build/parceldemo/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "parceldemo", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "dev": "parcel index.html", 9 | "build": "parcel build index.html" 10 | }, 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "babel-core": "^6.26.3", 15 | "babel-polyfill": "^6.26.0", 16 | "babel-preset-env": "^1.7.0" 17 | }, 18 | "dependencies": { 19 | "autoprefixer": "^8.6.0", 20 | "postcss-modules": "^1.1.0" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /build/scss/app.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;AVgBF,IAAI;EACH,KAAK,ECdC,IAAI;EEgBV,SAAS,EHDK,IAAI", 4 | "sources": ["app.scss","helpers/_variables.scss","helpers/_functions.scss","helpers/_mixins.scss","components/_buttons.scss","components/_footer.scss","components/_header.scss","pages/_about.scss","pages/_blog.scss","pages/_post.scss","layout/_responsive.scss"], 5 | "names": [], 6 | "file": "app.css" 7 | } 8 | -------------------------------------------------------------------------------- /build/scss/app.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:27:28 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:43:49 6 | */ 7 | // 在此文件中通过@import将所有子文件导入进来 8 | @import 'helpers/variables'; 9 | @import 'helpers/functions'; 10 | @import 'helpers/mixins'; 11 | 12 | @import 'components/buttons'; 13 | @import 'components/footer'; 14 | @import 'components/header'; 15 | 16 | @import 'pages/about'; 17 | @import 'pages/blog'; 18 | @import 'pages/post'; 19 | 20 | @import 'layout/responsive'; 21 | 22 | body{ 23 | color:$black; 24 | @include size(30px); 25 | } -------------------------------------------------------------------------------- /build/scss/components/_buttons.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:22:00 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:22:00 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/components/_comments.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:22:14 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:22:14 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/components/_footer.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:22:37 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:22:37 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/components/_header.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:22:28 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:22:28 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/components/_navigation.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:22:46 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:22:46 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/components/_pagination.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:22:55 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:22:55 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/helpers/_functions.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-21 23:35:49 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:37:01 6 | */ 7 | // px转em 8 | @function pxToEm($px, $base: 16) { 9 | @return ($px / $base) * 1em; 10 | } -------------------------------------------------------------------------------- /build/scss/helpers/_mixins.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:20:24 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:36:58 6 | */ 7 | 8 | // 清除浮动 9 | @mixin clearfix() { 10 | &::after { 11 | display: block; 12 | clear: both; 13 | content: ""; 14 | } 15 | } 16 | 17 | // 链接 18 | @mixin colorlink($normal, $hover, $visited){ 19 | color: $normal; 20 | &:hover { color: $hover; } 21 | &:visited { color: $visited; } 22 | } 23 | 24 | @mixin size($size:50px){ 25 | font-size: $size; 26 | } -------------------------------------------------------------------------------- /build/scss/helpers/_variables.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-21 22:59:07 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:34:47 6 | */ 7 | 8 | $white:#fff; 9 | $black:#000; -------------------------------------------------------------------------------- /build/scss/index.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;ACLF;;;;;EAKE;AHIF,WAAW;EACV,UAAU,EAAE,IAAI;EAChB,KAAK,ECHC,IAAI;EDIV,mBAAO;IACN,UAAU,EAAE,GAAG;EAEhB,aAAC;IACA,KAAK,EAAC,GAAG;IACT,mBAAO;MACN,KAAK,EAAC,IAAI;EAIZ,kBAAM;IGEN,SAAS,EHAM,IAAI;EAInB,iBAAK;IACJ,UAAU,EAAE,IAAI;IGpBhB,wBAAS;MACP,OAAO,EAAE,KAAK;MACd,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,EAAE;IHmBb,uBAAK;MACJ,KAAK,EAAE,IAAI;MACX,KAAK,EAAE,IAAI;MGfb,KAAK,EHkBO,IAAI;MGjBd,6BAAQ;QAAE,KAAK,EHmBD,GAAG;MGlBjB,+BAAU;QAAE,KAAK,EHiBD,KAAK;EAUnB,iBACA;IACE,UAAU,EAAE,uDAA6D;EAF3E,iBACA;IACE,UAAU,EAAE,uDAA6D;EAF3E,iBACA;IACE,UAAU,EAAE,uDAA6D;EAF3E,iBACA;IACE,UAAU,EAAE,uDAA6D;EAF3E,iBACA;IACE,UAAU,EAAE,uDAA6D", 4 | "sources": ["index.scss","helpers/_variables.scss","helpers/_functions.scss","helpers/_mixins.scss"], 5 | "names": [], 6 | "file": "index.css" 7 | } 8 | -------------------------------------------------------------------------------- /build/scss/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 |
11 | 12 | 百度 13 | 18 |
19 | 选择你的爱好 20 |
21 |
22 | 23 | -------------------------------------------------------------------------------- /build/scss/index.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-21 22:49:17 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:37:39 6 | */ 7 | @import 'helpers/variables'; 8 | @import 'helpers/functions'; 9 | @import 'helpers/mixins'; 10 | .containner{ 11 | background: #eee; 12 | color:$black; 13 | .banner{ 14 | background: red; 15 | } 16 | a{ 17 | color:red; 18 | &:hover{ 19 | color:blue; 20 | } 21 | } 22 | 23 | .title{ 24 | // @include size(); 25 | @include size(20px); 26 | } 27 | 28 | 29 | .list{ 30 | list-style: none; 31 | @include clearfix(); 32 | .item{ 33 | float: left; 34 | width: 80px; 35 | // @include colorlink(blue,red,green); 36 | @include colorlink( 37 | $normal: blue, 38 | $visited: green, 39 | $hover: red 40 | ); 41 | } 42 | } 43 | 44 | // 45 | // 46 | @for $i from 1 through 5 47 | { 48 | .bg-#{$i} 49 | { 50 | background: url(brand_day_review#{$i}.jpg) no-repeat center / 1560px auto; 51 | } 52 | } 53 | } -------------------------------------------------------------------------------- /build/scss/layout/_responsive.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:25:26 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:25:26 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/pages/_about.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:24:12 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:24:12 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/pages/_blog.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:24:22 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:24:22 6 | */ 7 | -------------------------------------------------------------------------------- /build/scss/pages/_post.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-02-22 01:24:32 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-02-22 01:24:32 6 | */ 7 | -------------------------------------------------------------------------------- /components/写一个简单组件.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 封装一个简单组件 6 | 7 | 8 | 9 | 10 | 17 | 18 | 19 |
111
20 | 33 | 34 | -------------------------------------------------------------------------------- /docs/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/docs/.nojekyll -------------------------------------------------------------------------------- /docs/README.md: -------------------------------------------------------------------------------- 1 | # 略 -------------------------------------------------------------------------------- /docs/_sidebar.md: -------------------------------------------------------------------------------- 1 | * [首页](zh-cn/) 2 | * [资源](zh-cn/navigation) -------------------------------------------------------------------------------- /docs/component.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/docs/component.txt -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 | 11 | 12 | 16 |
17 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /docs/navigation.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # dddd -------------------------------------------------------------------------------- /docs/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "docs", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "dev": "docsify serve" 9 | }, 10 | "author": "fozero", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /docs/zh-cn/README.md: -------------------------------------------------------------------------------- 1 | # 略 -------------------------------------------------------------------------------- /docs/zh-cn/_sidebar.md: -------------------------------------------------------------------------------- 1 | - [首页](zh-cn/) 2 | - [资源](zh-cn/navigation) 3 | - [每日阅读](zh-cn/reading/daily_reading) 4 | - [2019-1](zh-cn/reading/daily_reading?id=_2019-1) 5 | - [2019-2](zh-cn/reading/daily_reading?id=_2019-2) 6 | - [2019-3](zh-cn/reading/daily_reading?id=_2019-3) 7 | - [2019-4](zh-cn/reading/daily_reading?id=_2019-4) 8 | - [2019-5](zh-cn/reading/daily_reading?id=_2019-5) 9 | - [2019-6](zh-cn/reading/daily_reading?id=_2019-6) -------------------------------------------------------------------------------- /docs/zh-cn/navigation.md: -------------------------------------------------------------------------------- 1 | 2 | # 前端 3 | 4 | ### 技术博客 5 | 6 | - [W3cplus](https://www.w3cplus.com/) 7 | 8 | 9 | ### Javascript 10 | 11 | - [阮一峰ES6手册](http://es6.ruanyifeng.com/) 12 | - [深入理解JS模块](https://www.jianshu.com/p/5226bd9644b6)] 13 | - [js:面向对象编程，带你认识封装、继承和多态](https://blog.csdn.net/sunshine940326/article/details/72872386) 14 | - [纯CSS实现Scroll Indicator(滚动指示器)](https://www.w3cplus.com/css/pure-css-create-scroll-indicator.html) 15 | 16 | 17 | 18 | ### html5 19 | 20 | ### Vue 21 | 22 | ### React 23 | 24 | ### RN 25 | 26 | ### 学习网站 27 | 28 | [MDN](https://developer.mozilla.org/zh-CN/#) 29 | 30 | 小程序开发 31 | - wepy 32 | - mpvue 33 | - [Taro](https://taro.aotu.io/) 一套遵循 React 语法规范的多端统一开发框架 34 | [Taro UI](https://taro-ui.aotu.io/#/) 35 | 36 | [小程序第三方框架对比 ( wepy / mpvue / taro )](https://www.cnblogs.com/Smiled/p/9806781.html) 37 | -------------------------------------------------------------------------------- /hello-docsify/docs/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/hello-docsify/docs/.nojekyll -------------------------------------------------------------------------------- /hello-docsify/docs/README.md: -------------------------------------------------------------------------------- 1 | # fozero-cli 2 | [![Build Status](https://travis-ci.org/fozero/fozero-cli.svg?branch=master)](https://travis-ci.org/fozero/fozero-cli) 3 | [![npm package](https://img.shields.io/npm/v/fozero-cli.svg)](https://www.npmjs.com/package/fozero-cli) 4 | [![NPM downloads](http://img.shields.io/npm/dm/fozero-cli.svg)](https://www.npmjs.com/package/fozero-cli) 5 | ![JS gzip size](http://img.badgesize.io/https://unpkg.com/fozero-cli/src/lib/index.js?compression=gzip&label=gzip%20size:%20JS) 6 | [![license](https://img.shields.io/github/license/fozero/fozero-cli.svg?style=flat-square)](https://github.com/fozero/fozero-cli) 7 | [![GitHub stars](https://img.shields.io/github/stars/fozero/fozero-cli.svg?label=Stars&style=social)](https://github.com/fozero/fozero-cli) 8 | 9 | > A light tool to generate projects in an easy way，you can choise the template with you like. 10 | 11 | ## npm 12 | 13 | 推荐 npm 安装。 14 | 15 | ``` 16 | npm install -g fozero-cli 17 | ``` -------------------------------------------------------------------------------- /hello-docsify/docs/_coverpage.md: -------------------------------------------------------------------------------- 1 | ![logo](_media/icon.svg) 2 | 3 | # fozero-cli 4 | 5 | > A light tool to generate projects in an easy way，you can choise the template with you like. 6 | 7 | * Simple and lightweight (~12kb gzipped) 8 | * Multiple themes 9 | * Not build static html files 10 | [GitHub](https://github.com/docsifyjs/docsify/) 11 | [Get Started](#quick-start) 12 | 13 | 14 | 15 | 16 | 17 | ![](_media/bg.png) 18 | 19 | 20 | 21 | ![color](#f0f0f0) -------------------------------------------------------------------------------- /hello-docsify/docs/_sidebar.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | - test 5 | - [test1](/test1) 6 | - [test2](/test2) 7 | -------------------------------------------------------------------------------- /hello-docsify/docs/guide.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # guide 4 | 5 | 6 | -------------------------------------------------------------------------------- /hello-docsify/docs/test1.md: -------------------------------------------------------------------------------- 1 | # test1 2 | 3 | 4 | 全文搜索插件会根据当前页面上的超链接获取文档内容，在 localStorage 内建立文档索引。默认过期时间为一天，当然我们可以自己指定需要缓存的文件列表或者配置过期时间。 5 | 6 | -------------------------------------------------------------------------------- /hello-docsify/docs/test2.md: -------------------------------------------------------------------------------- 1 | # test2 -------------------------------------------------------------------------------- /hello-docsify/docs/zh-cn/README.md: -------------------------------------------------------------------------------- 1 | # fozero-cli 2 | [![Build Status](https://travis-ci.org/fozero/fozero-cli.svg?branch=master)](https://travis-ci.org/fozero/fozero-cli) 3 | [![npm package](https://img.shields.io/npm/v/fozero-cli.svg)](https://www.npmjs.com/package/fozero-cli) 4 | [![NPM downloads](http://img.shields.io/npm/dm/fozero-cli.svg)](https://www.npmjs.com/package/fozero-cli) 5 | ![JS gzip size](http://img.badgesize.io/https://unpkg.com/fozero-cli/src/lib/index.js?compression=gzip&label=gzip%20size:%20JS) 6 | [![license](https://img.shields.io/github/license/fozero/fozero-cli.svg?style=flat-square)](https://github.com/fozero/fozero-cli) 7 | [![GitHub stars](https://img.shields.io/github/stars/fozero/fozero-cli.svg?label=Stars&style=social)](https://github.com/fozero/fozero-cli) 8 | 9 | > A light tool to generate projects in an easy way，you can choise the template with you like. 10 | 11 | ## npm 12 | 13 | 推荐 npm 安装。 14 | 15 | ``` 16 | npm install -g fozero-cli 17 | ``` -------------------------------------------------------------------------------- /hello-docsify/docs/zh-cn/_sidebar.md: -------------------------------------------------------------------------------- 1 | - 测试 2 | - [测试1](/zh-cn/test1) 3 | - [测试2](/zh-cn/test2) 4 | -------------------------------------------------------------------------------- /hello-docsify/docs/zh-cn/guide.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # guide22 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /hello-docsify/docs/zh-cn/test1.md: -------------------------------------------------------------------------------- 1 | test1 -------------------------------------------------------------------------------- /hello-docsify/docs/zh-cn/test2.md: -------------------------------------------------------------------------------- 1 | test2 -------------------------------------------------------------------------------- /hello.txt: -------------------------------------------------------------------------------- 1 | hello 2 | -------------------------------------------------------------------------------- /html5/componnents/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 组件 6 | 22 | 23 | 26 | 27 |
28 |
请输入姓名
29 |
30 | 38 | 39 | -------------------------------------------------------------------------------- /html5/css3/ai/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ai", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "m:build": "gulp m:clean & cross-env NODE_ENV=prod gulp m:build", 8 | "m:test": "gulp m:clean & cross-env NODE_ENV=test gulp m:build", 9 | "m:dev": "cross-env NODE_ENV=dev gulp m:dev" 10 | }, 11 | "author": "fozero", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "browser-sync": "^2.26.3", 15 | "cross-env": "^5.2.0", 16 | "del": "^4.0.0", 17 | "gulp": "^3.9.1", 18 | "gulp-autoprefixer": "^6.0.0", 19 | "gulp-babel": "^8.0.0", 20 | "gulp-clean": "^0.4.0", 21 | "gulp-postcss": "^8.0.0", 22 | "gulp-rev": "^9.0.0", 23 | "gulp-rev-collector": "^1.3.1", 24 | "gulp-sass": "^4.0.1", 25 | "gulp-sass-variables": "1.2.0", 26 | "gulp-uglify": "^3.0.1", 27 | "gulp-url-prefixer": "0.0.6", 28 | "postcss-aspect-ratio-mini": "0.0.2", 29 | "postcss-px-to-viewport": "^1.1.0", 30 | "postcss-viewport-units": "^0.1.4", 31 | "postcss-write-svg": "^3.0.1" 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /html5/css3/ai/public/m/css/demo-585a71ad43.css: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-03-28 19:59:13 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-03-29 14:55:48 6 | */ 7 | .demo .pic { 8 | width: 49.867vw; 9 | height: 60vw; 10 | background: url("../img/pic1.jpeg") no-repeat; 11 | background-size: 100%; 12 | content: 'viewport-units-buggyfill; width: 49.867vw; height: 60vw'; } 13 | -------------------------------------------------------------------------------- /html5/css3/ai/public/m/css/rev-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "ai-event.css": "ai-event-5a44f55788.css", 3 | "ai-res.css": "ai-res-0377634de7.css", 4 | "ai-res2.css": "ai-res2-b2c0f09ae5.css", 5 | "ai.css": "ai-f69f934769.css", 6 | "demo.css": "demo-585a71ad43.css", 7 | "test.css": "test-90091b9cd3.css" 8 | } -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-enter-avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-enter-avatar.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-enter-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-enter-bg.jpg -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-enter-loading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-enter-loading.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-bg.jpg -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-bgcar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-bgcar.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-face1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-face1.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-face2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-face2.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-face3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-face3.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-logo.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-namebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-namebg.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-pbg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-pbg1.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-pbg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-pbg2.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-pbg3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-pbg3.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-pbg4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-pbg4.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-pbg5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-pbg5.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-pic1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-pic1.jpeg -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-pic2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-pic2.jpeg -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-res-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-res-bg.jpg -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-res-cont-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-res-cont-bg.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-res-cont-inner-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-res-cont-inner-bg.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-res-namebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-res-namebg.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-res-qrcode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-res-qrcode.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-res-titlebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-res-titlebg.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-res-txt-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-res-txt-bg.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-startbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-startbg.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-startline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-startline.png -------------------------------------------------------------------------------- /html5/css3/ai/public/m/img/ai-test-xiaop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/public/m/img/ai-test-xiaop.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-enter-avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-enter-avatar.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-enter-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-enter-bg.jpg -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-enter-loading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-enter-loading.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-bg.jpg -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-bgcar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-bgcar.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-face1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-face1.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-face2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-face2.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-face3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-face3.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-logo.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-namebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-namebg.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-pbg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-pbg1.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-pbg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-pbg2.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-pbg3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-pbg3.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-pbg4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-pbg4.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-pbg5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-pbg5.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-pic1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-pic1.jpeg -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-pic2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-pic2.jpeg -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-res-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-res-bg.jpg -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-res-cont-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-res-cont-bg.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-res-cont-inner-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-res-cont-inner-bg.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-res-namebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-res-namebg.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-res-qrcode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-res-qrcode.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-res-titlebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-res-titlebg.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-res-txt-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-res-txt-bg.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-startbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-startbg.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-startline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-startline.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/img/ai-test-xiaop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ai/resources/m/img/ai-test-xiaop.png -------------------------------------------------------------------------------- /html5/css3/ai/resources/m/scss/demo.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-03-28 19:59:13 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-03-29 14:55:48 6 | */ 7 | .demo{ 8 | .pic{ 9 | width: 374px; 10 | height: 450px; 11 | background: url('pic1.jpeg') no-repeat; 12 | background-size: 100%; 13 | } 14 | 15 | 16 | 17 | } -------------------------------------------------------------------------------- /html5/css3/bg/img/demo-1-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/bg/img/demo-1-bg.jpg -------------------------------------------------------------------------------- /html5/css3/bg/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | html5 canvas首屏自适应背景动画循环效果代码 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 19 | 20 |
21 |
22 |
23 | 24 |
dsfdsfdfsdfdsfdsf
25 |
26 |
27 |
28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /html5/css3/clip-path/button.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | button 6 | 7 | 8 | -------------------------------------------------------------------------------- /html5/css3/csscode.txt: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | --清除浮动 6 | 7 | .clearfix:after { 8 | visibility: hidden; 9 | display: block; 10 | font-size: 0; 11 | content: " "; 12 | clear: both; 13 | height: 0; 14 | } 15 | .clearfix { display: inline-block; } -------------------------------------------------------------------------------- /html5/css3/effect/linear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/effect/linear.png -------------------------------------------------------------------------------- /html5/css3/filter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /html5/css3/ref/sideshow/fonts/codropsicons/codropsicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ref/sideshow/fonts/codropsicons/codropsicons.eot -------------------------------------------------------------------------------- /html5/css3/ref/sideshow/fonts/codropsicons/codropsicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ref/sideshow/fonts/codropsicons/codropsicons.ttf -------------------------------------------------------------------------------- /html5/css3/ref/sideshow/fonts/codropsicons/codropsicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ref/sideshow/fonts/codropsicons/codropsicons.woff -------------------------------------------------------------------------------- /html5/css3/ref/sideshow/fonts/codropsicons/license.txt: -------------------------------------------------------------------------------- 1 | Icon Set: Font Awesome -- http://fortawesome.github.com/Font-Awesome/ 2 | License: SIL -- http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL 3 | 4 | 5 | Icon Set: Eco Ico -- http://dribbble.com/shots/665585-Eco-Ico 6 | License: CC0 -- http://creativecommons.org/publicdomain/zero/1.0/ -------------------------------------------------------------------------------- /html5/css3/ref/sideshow/img/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ref/sideshow/img/Thumbs.db -------------------------------------------------------------------------------- /html5/css3/ref/sideshow/img/demo-1-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ref/sideshow/img/demo-1-bg.jpg -------------------------------------------------------------------------------- /html5/css3/ref/sideshow/img/demo-2-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/css3/ref/sideshow/img/demo-2-bg.jpg -------------------------------------------------------------------------------- /html5/css3/search.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | search 8 | 19 | 20 | 21 |
22 | 29 |
30 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /html5/effect/accordion/lib/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/effect/accordion/lib/index.js -------------------------------------------------------------------------------- /html5/effect/lucky/year/img/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/effect/lucky/year/img/bg.jpg -------------------------------------------------------------------------------- /html5/effect/lucky/year/index.css: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-01-11 20:06:57 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-01-12 13:20:04 6 | */ 7 | * { 8 | box-sizing: border-box; } 9 | 10 | html, body { 11 | height: 100%; } 12 | 13 | .containner { 14 | width: 100%; 15 | height: 100%; 16 | background: url("./img/bg.jpg"); 17 | background-size: 100%; 18 | padding-top: 180px; 19 | color: #fff; } 20 | .containner .title { 21 | text-align: center; 22 | font-size: 40px; } 23 | .containner .luckuser { 24 | margin-top: 50px; } 25 | .containner .luckuser .slot { 26 | width: 200px; 27 | height: 200px; 28 | border-radius: 200px; 29 | background-size: 200px auto; 30 | margin: 0 auto; } 31 | .containner .start-btn { 32 | text-align: center; 33 | margin-top: 30px; } 34 | .containner .start-btn .item-btn { 35 | text-decoration: none; 36 | display: none; 37 | color: #fff; } 38 | .containner .start-btn .item-btn.active { 39 | display: block; } 40 | 41 | /*# sourceMappingURL=index.css.map */ 42 | -------------------------------------------------------------------------------- /html5/effect/lucky/year/index.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA;;;;;EAKE;AACF,CAAC;EACA,UAAU,EAAE,UAAU;;AAEvB,UAAS;EACR,MAAM,EAAE,IAAI;;AAEb,WAAW;EACV,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,mBAAmB;EAC/B,eAAe,EAAC,IAAI;EACnB,WAAW,EAAE,KAAK;EAClB,KAAK,EAAE,IAAI;EACZ,kBAAM;IACL,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,IAAI;EAEhB,qBAAS;IACR,UAAU,EAAE,IAAI;IAChB,2BAAK;MACJ,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;MACb,aAAa,EAAE,KAAK;MAEpB,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE,MAAM;EAGhB,sBAAU;IACT,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,IAAI;IAChB,gCAAS;MACR,eAAe,EAAE,IAAI;MACrB,OAAO,EAAE,IAAI;MACb,KAAK,EAAE,IAAI;MACX,uCAAQ;QACP,OAAO,EAAE,KAAK", 4 | "sources": ["index.scss"], 5 | "names": [], 6 | "file": "index.css" 7 | } 8 | -------------------------------------------------------------------------------- /html5/effect/lucky/year/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 14 | 15 | 16 |
17 |
缘来你是程序猿年会抽奖
18 |
19 |
20 |
21 |
22 | 开始 23 | 停止 24 |
25 |
26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /html5/effect/lucky/year/index.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-01-11 20:06:57 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-01-12 13:20:04 6 | */ 7 | *{ 8 | box-sizing: border-box;; 9 | } 10 | html,body{ 11 | height: 100%; 12 | } 13 | .containner{ 14 | width: 100%; 15 | height: 100%; 16 | background: url('./img/bg.jpg'); 17 | background-size:100%; 18 | padding-top: 180px; 19 | color: #fff; 20 | .title{ 21 | text-align: center; 22 | font-size: 40px; 23 | } 24 | .luckuser{ 25 | margin-top: 50px; 26 | .slot{ 27 | width: 200px; 28 | height: 200px; 29 | border-radius: 200px; 30 | // background: url(http://www.jsdaima.com/Upload/1486617283/1.jpg) no-repeat; 31 | background-size: 200px auto; 32 | margin: 0 auto; 33 | } 34 | } 35 | .start-btn{ 36 | text-align: center; 37 | margin-top: 30px; 38 | .item-btn{ 39 | text-decoration: none; 40 | display: none; 41 | color: #fff; 42 | &.active{ 43 | display: block; 44 | } 45 | } 46 | } 47 | } -------------------------------------------------------------------------------- /html5/game/apple/assets/audio/addscore.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/audio/addscore.mp3 -------------------------------------------------------------------------------- /html5/game/apple/assets/audio/bgMusic.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/audio/bgMusic.mp3 -------------------------------------------------------------------------------- /html5/game/apple/assets/audio/boom.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/audio/boom.mp3 -------------------------------------------------------------------------------- /html5/game/apple/assets/images/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/bg.png -------------------------------------------------------------------------------- /html5/game/apple/assets/images/bomb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/bomb.png -------------------------------------------------------------------------------- /html5/game/apple/assets/images/dude.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/dude.png -------------------------------------------------------------------------------- /html5/game/apple/assets/images/five.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/five.png -------------------------------------------------------------------------------- /html5/game/apple/assets/images/green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/green.png -------------------------------------------------------------------------------- /html5/game/apple/assets/images/one.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/one.png -------------------------------------------------------------------------------- /html5/game/apple/assets/images/red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/red.png -------------------------------------------------------------------------------- /html5/game/apple/assets/images/three.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/three.png -------------------------------------------------------------------------------- /html5/game/apple/assets/images/yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/apple/assets/images/yellow.png -------------------------------------------------------------------------------- /html5/game/run/assets/images/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/run/assets/images/background.jpg -------------------------------------------------------------------------------- /html5/game/run/assets/images/badi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/run/assets/images/badi.png -------------------------------------------------------------------------------- /html5/game/run/assets/images/bk.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/run/assets/images/bk.jpg -------------------------------------------------------------------------------- /html5/game/run/assets/images/btn-ready.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/run/assets/images/btn-ready.png -------------------------------------------------------------------------------- /html5/game/run/assets/images/buddy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/run/assets/images/buddy.png -------------------------------------------------------------------------------- /html5/game/run/assets/images/ground.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/game/run/assets/images/ground.jpg -------------------------------------------------------------------------------- /html5/h5game/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ai", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "m:build": "gulp m:clean & cross-env NODE_ENV=prod gulp m:build", 8 | "m:test": "gulp m:clean & cross-env NODE_ENV=test gulp m:build", 9 | "m:dev": "cross-env NODE_ENV=dev gulp m:dev" 10 | }, 11 | "author": "fozero", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "browser-sync": "^2.26.3", 15 | "cross-env": "^5.2.0", 16 | "del": "^4.0.0", 17 | "gulp": "^3.9.1", 18 | "gulp-autoprefixer": "^6.0.0", 19 | "gulp-babel": "^8.0.0", 20 | "gulp-clean": "^0.4.0", 21 | "gulp-postcss": "^8.0.0", 22 | "gulp-rev": "^9.0.0", 23 | "gulp-rev-collector": "^1.3.1", 24 | "gulp-sass": "^4.0.1", 25 | "gulp-sass-variables": "1.2.0", 26 | "gulp-uglify": "^3.0.1", 27 | "gulp-url-prefixer": "0.0.6", 28 | "postcss-aspect-ratio-mini": "0.0.2", 29 | "postcss-px-to-viewport": "^1.1.0", 30 | "postcss-viewport-units": "^0.1.4", 31 | "postcss-write-svg": "^3.0.1" 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /html5/h5game/public/m/audio/addscore.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/audio/addscore.mp3 -------------------------------------------------------------------------------- /html5/h5game/public/m/audio/bgMusic.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/audio/bgMusic.mp3 -------------------------------------------------------------------------------- /html5/h5game/public/m/audio/boom.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/audio/boom.mp3 -------------------------------------------------------------------------------- /html5/h5game/public/m/css/index-59a8f2bd30.css: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126.com 3 | * @Date: 2019-04-24 17:02:04 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-04-24 17:02:29 6 | */ 7 | -------------------------------------------------------------------------------- /html5/h5game/public/m/css/rev-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "index.css": "index-59a8f2bd30.css", 3 | "test.css": "test-fd4e1e85b5.css" 4 | } -------------------------------------------------------------------------------- /html5/h5game/public/m/css/test-fd4e1e85b5.css: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-04-25 17:16:21 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-04-25 17:16:50 6 | */ 7 | html, body { 8 | margin: 0; 9 | padding: 0; } 10 | -------------------------------------------------------------------------------- /html5/h5game/public/m/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/bg.png -------------------------------------------------------------------------------- /html5/h5game/public/m/img/bomb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/bomb.png -------------------------------------------------------------------------------- /html5/h5game/public/m/img/dude.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/dude.png -------------------------------------------------------------------------------- /html5/h5game/public/m/img/five.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/five.png -------------------------------------------------------------------------------- /html5/h5game/public/m/img/green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/green.png -------------------------------------------------------------------------------- /html5/h5game/public/m/img/one.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/one.png -------------------------------------------------------------------------------- /html5/h5game/public/m/img/red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/red.png -------------------------------------------------------------------------------- /html5/h5game/public/m/img/three.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/three.png -------------------------------------------------------------------------------- /html5/h5game/public/m/img/yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/public/m/img/yellow.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/audio/addscore.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/audio/addscore.mp3 -------------------------------------------------------------------------------- /html5/h5game/resources/m/audio/bgMusic.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/audio/bgMusic.mp3 -------------------------------------------------------------------------------- /html5/h5game/resources/m/audio/boom.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/audio/boom.mp3 -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/bg.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/bomb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/bomb.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/dude.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/dude.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/five.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/five.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/green.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/one.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/one.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/red.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/three.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/three.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/img/yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/h5game/resources/m/img/yellow.png -------------------------------------------------------------------------------- /html5/h5game/resources/m/scss/index.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126.com 3 | * @Date: 2019-04-24 17:02:04 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-04-24 17:02:29 6 | */ 7 | .containner{ 8 | 9 | } -------------------------------------------------------------------------------- /html5/h5game/resources/m/scss/test.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-04-25 17:16:21 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-04-25 17:16:50 6 | */ 7 | html,body{ 8 | margin: 0; 9 | padding: 0; 10 | } -------------------------------------------------------------------------------- /html5/h5game/test/hilodemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | hilo demo 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /html5/images/line.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/images/line.png -------------------------------------------------------------------------------- /html5/images/line_active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/images/line_active.png -------------------------------------------------------------------------------- /html5/jsgame/plane/image/background_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/jsgame/plane/image/background_1.png -------------------------------------------------------------------------------- /html5/jsgame/plane/image/bong.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/jsgame/plane/image/bong.gif -------------------------------------------------------------------------------- /html5/jsgame/plane/image/enemy3_fly_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/jsgame/plane/image/enemy3_fly_1.png -------------------------------------------------------------------------------- /html5/jsgame/plane/image/myplane.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/jsgame/plane/image/myplane.gif -------------------------------------------------------------------------------- /html5/jsgame/plane/image/startbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/jsgame/plane/image/startbg.png -------------------------------------------------------------------------------- /html5/jsgame/plane/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 纯js实现的飞机大战HTML5小游戏代码 6 | 7 | 8 | 9 | 10 |
11 |
12 | 13 |
14 |
15 |
16 | 17 | 18 |
19 |
20 |
21 |
22 | 23 |
24 |
25 |

飞机大战分数

26 |

0

27 |
28 |
29 |
30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /html5/lucky/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/bg.png -------------------------------------------------------------------------------- /html5/lucky/img/bg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/bg2.png -------------------------------------------------------------------------------- /html5/lucky/img/box.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/box.png -------------------------------------------------------------------------------- /html5/lucky/img/btn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/btn.png -------------------------------------------------------------------------------- /html5/lucky/img/cj_bg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/cj_bg1.png -------------------------------------------------------------------------------- /html5/lucky/img/cj_bg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/cj_bg2.png -------------------------------------------------------------------------------- /html5/lucky/img/cj_border1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/cj_border1.png -------------------------------------------------------------------------------- /html5/lucky/img/cj_border2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/cj_border2.png -------------------------------------------------------------------------------- /html5/lucky/img/cj_prize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/cj_prize.png -------------------------------------------------------------------------------- /html5/lucky/img/cj_start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/cj_start.png -------------------------------------------------------------------------------- /html5/lucky/img/face.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/lucky/img/face.png -------------------------------------------------------------------------------- /html5/shipei/vmvh.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | VW&VH 9 | 10 | 36 | 37 | 38 |
left
39 |
right
40 | 41 | 42 | -------------------------------------------------------------------------------- /html5/slideshow/img/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/slideshow/img/1.png -------------------------------------------------------------------------------- /html5/slideshow/img/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/slideshow/img/2.png -------------------------------------------------------------------------------- /html5/slideshow/img/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/slideshow/img/3.png -------------------------------------------------------------------------------- /html5/slideshow/img/example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/html5/slideshow/img/example.png -------------------------------------------------------------------------------- /html5/t/CSS 实现三角形的2种方法(1).html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | CSS 实现三角形的2种方法1.html 6 | 7 | 8 | 31 | 32 | 37 |
38 |
39 |
40 |
41 |
42 | 43 | -------------------------------------------------------------------------------- /html5/t/CSS实现图片模糊效果.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | CSS实现图片模糊效果.html 6 | 7 | 8 | 18 | 19 | 20 |
21 | 22 | 23 |
24 | 25 | -------------------------------------------------------------------------------- /html5/t/box-sizing用法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | box-sizing：border-box使用场景 6 | 16 | 17 | 18 | 24 |
内容
25 | 26 | -------------------------------------------------------------------------------- /html5/t/html5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 标题 5 | 6 | 7 |
8 |

发邮件

9 | mailto:hr@xiaopeng.com
10 | Recruiting@xmotors.ai 11 | 12 | 13 |

打电话

14 | 18515288401 15 | 16 | 17 |

发短信

18 | 18515288401 19 |
20 | 21 | -------------------------------------------------------------------------------- /html5/t/htmlparse.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 15 | 16 | 28 | 29 | -------------------------------------------------------------------------------- /html5/t/placeholder.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | div模拟placeholder效果 4 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /html5/t/webp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | webp格式解码 6 | 7 | 8 | 11 | 12 |
13 | 14 |
15 | 16 | -------------------------------------------------------------------------------- /html5/t/文本超出显示省略号.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 11 | 20 |
21 | 我是测试文字我是测试文字我是测试文字我是测试文字我是测试文字我是测试文字我是测试文字我是测试文字 22 |
23 | 24 | -------------------------------------------------------------------------------- /img/chinamap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/chinamap.png -------------------------------------------------------------------------------- /img/chinamap2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/chinamap2.png -------------------------------------------------------------------------------- /img/flow1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/flow1.png -------------------------------------------------------------------------------- /img/flow2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/flow2.png -------------------------------------------------------------------------------- /img/flow3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/flow3.png -------------------------------------------------------------------------------- /img/flow4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/flow4.png -------------------------------------------------------------------------------- /img/flow5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/flow5.png -------------------------------------------------------------------------------- /img/order1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/order1.png -------------------------------------------------------------------------------- /img/order2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/order2.png -------------------------------------------------------------------------------- /img/order3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/img/order3.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 个人作品-https://github.com/fozero 6 | 11 | 12 | 13 |
14 | 图片上传，图片上传预览 15 | Css实现checkbox及radio样式自定义 16 |
17 | 20 | 21 | -------------------------------------------------------------------------------- /javascript/2019/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 30 | 31 | -------------------------------------------------------------------------------- /javascript/2019/test.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | // 排序（冒泡、快排） 4 | // 搜索（二分查找） 5 | 6 | 7 | 8 | 9 | /** 10 | * 冒泡 11 | */ 12 | var bubbleSort = function(arr){ 13 | for(var i=0;iarr[j]){ 16 | var temp = arr[i]; 17 | arr[i] = arr[j]; 18 | arr[j] = temp; 19 | } 20 | } 21 | } 22 | return arr; 23 | } 24 | var arr = [1,3,2,8,5]; 25 | bubbleSort(arr) 26 | 27 | 28 | /** 29 | * 快排 30 | */ 31 | var quickSort = function(arr){ 32 | if(arr.length<=1){ 33 | return arr; 34 | } 35 | var pivotIndex = Math.floor(arr.length/2); 36 | var pivot = arr.splice(pivotIndex,1)[0]; 37 | var left=[],right=[]; 38 | for(var i=0;i 2 | 3 | 4 | 5 | amd 6 | 7 | 8 |
9 | hel 10 |
11 | 12 | 13 | 32 | 33 | -------------------------------------------------------------------------------- /javascript/amd/utils.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-01-22 17:02:49 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-01-22 17:41:23 6 | */ 7 | define.config({'utils': 'AM.utils'}); 8 | define('utils',function(){ 9 | return { 10 | isWeixin() { 11 | // 判断是否是微信 12 | var ua = navigator.userAgent.toLowerCase(); 13 | return ua.match(/MicroMessenger/i) == "micromessenger"; 14 | }, 15 | isHybird() { 16 | var userAgent = navigator.userAgent.toLowerCase() 17 | if (userAgent.indexOf('xiaopeng') !== -1) { 18 | return true 19 | } else { 20 | return false 21 | } 22 | }, 23 | } 24 | }); -------------------------------------------------------------------------------- /javascript/lazyimg/t1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/javascript/lazyimg/t1.jpeg -------------------------------------------------------------------------------- /javascript/loop/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | js遍历 6 | 7 | 16 | 17 | 48 | 49 | -------------------------------------------------------------------------------- /javascript/mymvvm/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 实现一个简易mvvm双向绑定 6 | 7 | 12 | 13 |
14 |

15 |

{{a}}

16 | 17 | 18 | 19 |
20 | 21 | 46 | 47 | -------------------------------------------------------------------------------- /javascript/mymvvm/observe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | observe数据劫持 6 | 7 | 10 | 11 |
12 | 13 |
14 | 15 | 25 | 26 | -------------------------------------------------------------------------------- /javascript/mymvvm/observe.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | // 实现observe对象数据进行劫持 5 | 6 | /** 7 | * 数据遍历监听属性 8 | */ 9 | function observe(data){ 10 | if (!data || typeof data !== 'object') { 11 | return; 12 | } 13 | Object.keys(data).forEach(key => { 14 | observeProperty(data, key, data[key]) 15 | }) 16 | } 17 | 18 | 19 | /** 20 | * 监听对象属性 21 | */ 22 | function observeProperty(obj,key,val){ 23 | observe(val);//多层对象递归调用 24 | Object.defineProperty(obj,key,{ 25 | enumerable: true, // 可枚举 26 | configurable: true, // 可重新定义 27 | get: function () { 28 | return val; 29 | }, 30 | set: function (newVal) { 31 | if (val === newVal || (newVal !== newVal && val !== val)) { 32 | return; 33 | } 34 | console.log('数据更新啦 ', val, '=>', newVal); 35 | val = newVal; 36 | } 37 | }) 38 | } -------------------------------------------------------------------------------- /javascript/o/callback回调函数.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | callback回调函数的使用 6 | 7 | 8 | 37 | 38 | -------------------------------------------------------------------------------- /javascript/o/document.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 |
9 | 29 | 30 | -------------------------------------------------------------------------------- /javascript/o/js变量提升.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | js 函数的参数声明中用 var 与不用 var的区别 6 | 7 | 8 | 9 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /javascript/o/js深拷贝.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 33 | 34 | -------------------------------------------------------------------------------- /javascript/o/js闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | js闭包的理解 6 | 7 | 8 | 51 | 52 | -------------------------------------------------------------------------------- /javascript/o/settimeout.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | setTimeout实现setinterval定时器功能 6 | 7 | 8 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /javascript/o/使用js实现文字在页面中一个个显示.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 使用js实现文字在页面中一个个显示.html 6 | 7 | 8 | 9 |
10 | 11 |

12 |
13 | 26 | 27 | -------------------------------------------------------------------------------- /javascript/o/原型链继承.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 原型链继承理解 6 | 7 | 8 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /javascript/o/自执行匿名函数.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 18 | 19 | -------------------------------------------------------------------------------- /javascript/plugins/fullpage/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/javascript/plugins/fullpage/images/1.jpg -------------------------------------------------------------------------------- /javascript/plugins/fullpage/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/javascript/plugins/fullpage/images/2.jpg -------------------------------------------------------------------------------- /javascript/plugins/fullpage/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/javascript/plugins/fullpage/images/3.jpg -------------------------------------------------------------------------------- /javascript/plugins/fullpage/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/javascript/plugins/fullpage/images/4.jpg -------------------------------------------------------------------------------- /javascript/plugins/ramda/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | h 11 | 12 | 23 | 24 | -------------------------------------------------------------------------------- /node/hello-koa/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-koa", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "app.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "start": "node app.js" 9 | }, 10 | "author": "", 11 | "license": "ISC", 12 | "dependencies": { 13 | "art-template": "^4.13.2", 14 | "koa": "^2.6.2", 15 | "koa-art-template": "^1.1.1", 16 | "koa-bodyparser": "^4.2.1", 17 | "koa-router": "^7.4.0", 18 | "koa-static": "^5.0.0", 19 | "koa2-cors": "^2.0.6" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /node/hello-koa/static/user.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | index.html 6 | 7 | 8 |
9 | user.html 接收数据：{{data}} 10 |
11 | 12 | -------------------------------------------------------------------------------- /node/javascript/fileRead.js: -------------------------------------------------------------------------------- 1 | 2 | // 3 | var request = require('request'); 4 | 5 | var url = 'http://127.0.0.1:7001/public/js/xptj.local.js'; 6 | request(url, function (error, response, body) { 7 | // console.log('response',response) 8 | if (!error && response.statusCode == 200) { 9 | console.log(body) 10 | } 11 | }) -------------------------------------------------------------------------------- /node/javascript/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "node", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "fileRead.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "author": "", 10 | "license": "ISC", 11 | "dependencies": { 12 | "request": "^2.88.0" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /node/note.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/node/note.txt -------------------------------------------------------------------------------- /parceldemo/.cache/14ceecbd50b352ff792280c1a2615d19.json: -------------------------------------------------------------------------------- 1 | {"dependencies":[],"generated":{"js":"module.exports=\"/280f70adc198a04224322e6eae45d035.jpg\";"},"hash":"8316f478c308c24b7d236eb80937932a","cacheData":{}} -------------------------------------------------------------------------------- /parceldemo/.cache/3637806b98ee7bb28dd90ce5f2a98db0.json: -------------------------------------------------------------------------------- 1 | {"dependencies":[],"generated":{"css":".imgBox{position:relative}.hat{background-color:#fff;position:absolute;top:126px;left:310px;width:143px;transform:rotate(-6deg)}","js":""},"hash":"d0ef4f7015826b6ac3e97d9120bf6572","cacheData":{}} -------------------------------------------------------------------------------- /parceldemo/.cache/40e9df4c3b1cf6507332c839e15e160b.json: -------------------------------------------------------------------------------- 1 | {"dependencies":[],"generated":{"js":"module.exports=\"/280f70adc198a04224322e6eae45d035.jpg\";"},"hash":"8316f478c308c24b7d236eb80937932a","cacheData":{}} -------------------------------------------------------------------------------- /parceldemo/.cache/41ec615e4703247e5e3bbe66ba57633c.json: -------------------------------------------------------------------------------- 1 | {"dependencies":[{"name":"_css_loader"}],"generated":{"css":"/* index.css */\n\n.imgBox {\n\tposition: relative;\n}\n.hat {\n\tbackground-color: #fff;\n position: absolute;\n top: 126px;\n left: 310px;\n width: 143px;\n transform: rotate(-6deg);\n}","js":"\n var reloadCSS = require('_css_loader');\n module.hot.dispose(reloadCSS);\n module.hot.accept(reloadCSS);\n "},"hash":"3ca53664ae7ca79947094097393dc27c","cacheData":{}} -------------------------------------------------------------------------------- /parceldemo/.cache/6b2a2ad215106a471f010860de4237fd.json: -------------------------------------------------------------------------------- 1 | {"dependencies":[],"generated":{"js":"module.exports=\"/4ae6335a831a8ff306dadbbe54453d73.jpg\";"},"hash":"683e8501200cf124ac978b2276d20cdd","cacheData":{}} -------------------------------------------------------------------------------- /parceldemo/.cache/7c0de988209aa3b96565d7c0bfa25f36.json: -------------------------------------------------------------------------------- 1 | {"dependencies":[{"name":"./css/index.css","dynamic":true},{"name":"./img/hat.jpg","dynamic":true},{"name":"./img/capping.jpg","dynamic":true},{"name":"./js/index.js","dynamic":true}],"generated":{"html":" test

点击给大佬戴帽：

\"\" \"\"
"},"hash":"0af81272def30f0c77df43c9687ce5b2","cacheData":{}} -------------------------------------------------------------------------------- /parceldemo/.cache/7e08bdfe80eae05f14c85dcb64cd8990.json: -------------------------------------------------------------------------------- 1 | {"dependencies":[{"name":"./css/index.css","dynamic":true},{"name":"./img/hat.jpg","dynamic":true},{"name":"./img/capping.jpg","dynamic":true},{"name":"./js/index.js","dynamic":true}],"generated":{"html":"\n\n\n\n\n\t\n\ttest\n\t\n\n\n\t

点击给大佬戴帽：

\n\t
\n\t
\n\t\t\"\"\n\t\t\"\"\n\t
\n\n\t\n\n"},"hash":"81979cd848392f522c5dfebe6829415d","cacheData":{}} -------------------------------------------------------------------------------- /parceldemo/.cache/cd736a10468f094af84dda344911760e.json: -------------------------------------------------------------------------------- 1 | {"dependencies":[],"generated":{"js":"module.exports=\"/4ae6335a831a8ff306dadbbe54453d73.jpg\";"},"hash":"683e8501200cf124ac978b2276d20cdd","cacheData":{}} -------------------------------------------------------------------------------- /parceldemo/dist/capping.22e4387d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/parceldemo/dist/capping.22e4387d.jpg -------------------------------------------------------------------------------- /parceldemo/dist/capping.54453d73.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/parceldemo/dist/capping.54453d73.jpg -------------------------------------------------------------------------------- /parceldemo/dist/css.16cbd1bc.css: -------------------------------------------------------------------------------- 1 | .imgBox{position:relative}.hat{background-color:#fff;position:absolute;top:126px;left:310px;width:143px;transform:rotate(-6deg)} -------------------------------------------------------------------------------- /parceldemo/dist/css.d5b71a78.css: -------------------------------------------------------------------------------- 1 | /* index.css */ 2 | 3 | .imgBox { 4 | position: relative; 5 | } 6 | .hat { 7 | background-color: #fff; 8 | position: absolute; 9 | top: 126px; 10 | left: 310px; 11 | width: 143px; 12 | transform: rotate(-6deg); 13 | } -------------------------------------------------------------------------------- /parceldemo/dist/hat.9baa57f4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/parceldemo/dist/hat.9baa57f4.jpg -------------------------------------------------------------------------------- /parceldemo/dist/hat.ae45d035.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/parceldemo/dist/hat.ae45d035.jpg -------------------------------------------------------------------------------- /parceldemo/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | test 8 | 9 | 10 | 11 |

点击给大佬戴帽：

12 |
13 |
14 | 15 | 16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /plugins/antv/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | antv图表 6 | 7 | 8 | 12 |
13 |
基础图
14 |
15 |
双轴图表
16 |
17 |
面积图
18 |
19 |
层叠面积图
20 |
21 |
层叠面积图 双轴
22 |
23 |
饼图
24 |
25 |
环图
26 |
27 |
折线图
28 |
29 |
多条折线图
30 |
31 |
32 | 33 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /plugins/heatmap/data.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | //构建一些随机数据点,网页切图价格这里替换成你的业务数据 4 | var points = []; 5 | var max = 0; 6 | var width = document.body.clientWidth; 7 | var height = document.body.clientHeight; 8 | var len = 300; 9 | while (len--) { 10 | var val = Math.floor(Math.random()*100); 11 | max = Math.max(max, val); 12 | var point = { 13 | x: Math.floor(Math.random()*width), 14 | y: Math.floor(Math.random()*height), 15 | value: val 16 | }; 17 | points.push(point); 18 | } 19 | var dataPoint = { 20 | max: max, 21 | data: points 22 | }; 23 | 24 | // var dataPoint = { 25 | // x: 5, // x coordinate of the datapoint, a number 26 | // y: 5, // y coordinate of the datapoint, a number 27 | // value: 100 // the value at datapoint(x, y) 28 | // }; 29 | var dataPoints = dataPoint; 30 | // var dataPoints = [dataPoint, dataPoint, dataPoint, dataPoint]; 31 | -------------------------------------------------------------------------------- /plugins/html2canvas/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 11 | 12 | 13 |
14 |
15 |

Hello world!

16 |
17 | 18 |
19 | 20 | 25 | 26 | -------------------------------------------------------------------------------- /plugins/nprogress/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | nprogress 6 | 7 | 8 | 9 |
10 | ddddss 11 | 12 |
13 | 14 | 23 | 24 | -------------------------------------------------------------------------------- /plugins/requirejs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 |
9 | test 10 |
11 | 12 | 13 | 14 | 26 | 27 | -------------------------------------------------------------------------------- /plugins/requirejs/js/a.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2018-10-11 16:40:20 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2018-10-11 16:44:25 6 | */ 7 | // define定义模块 依赖util文件 8 | define(['./util'], function(util){ 9 | console.log('msg',util.log) 10 | // return { 11 | // say: function(msg){ 12 | // console.log('msg',util.log) 13 | // } 14 | // }; 15 | }); -------------------------------------------------------------------------------- /plugins/requirejs/js/util.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2018-10-11 16:07:28 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2018-10-11 16:45:58 6 | */ 7 | console.log('util.js') 8 | 9 | 10 | var log = 'hello' 11 | 12 | -------------------------------------------------------------------------------- /plugins/requirejs/main.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2018-10-08 17:54:16 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2018-10-11 16:28:17 6 | */ 7 | requirejs.config({ 8 | "baseUrl": "js", 9 | "paths": { 10 | "util": "util", 11 | // "jquery": "//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min" 12 | } 13 | }); 14 | // require(["helper/util"], function(util) { 15 | // console.log('main.js') 16 | // }); 17 | 18 | 19 | require(["util"], function(util) { 20 | console.log('main.js222') 21 | }); -------------------------------------------------------------------------------- /plugins/seajs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | seajs 6 | 7 | 8 |
9 | test 10 |
hello
11 |
12 | 13 | 25 | 26 | -------------------------------------------------------------------------------- /plugins/seajs/init.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2018-10-11 18:41:55 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2018-10-15 11:28:45 6 | */ 7 | define(function(require, exports, module){ 8 | 9 | var $ = require('jquery'); 10 | var m1=require('./js/M1'); 11 | console.log('txt',$('.txt')) 12 | exports.init=function(){ 13 | m1.run(); 14 | // console.log('txt',$('.txt')) 15 | } 16 | }); -------------------------------------------------------------------------------- /plugins/seajs/js/M1.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2018-10-11 18:43:18 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2018-10-11 23:37:44 6 | */ 7 | //M1.js 8 | define(function(require,exports,module){ 9 | var m2=require('./M2'); 10 | 11 | exports.run=function(){ 12 | alert('M1'); 13 | m2.run(); 14 | } 15 | }); -------------------------------------------------------------------------------- /plugins/seajs/js/M2.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2018-10-11 18:42:56 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2018-10-11 23:34:49 6 | */ 7 | define(function(require,exports,module){ 8 | exports.run=function(){ 9 | alert('M2'); 10 | } 11 | }); -------------------------------------------------------------------------------- /react/hello-react/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /react/hello-react/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-react", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "react": "^16.7.0", 7 | "react-dom": "^16.7.0", 8 | "react-scripts": "2.1.3" 9 | }, 10 | "scripts": { 11 | "start": "react-scripts start", 12 | "build": "react-scripts build", 13 | "test": "react-scripts test", 14 | "eject": "react-scripts eject" 15 | }, 16 | "eslintConfig": { 17 | "extends": "react-app" 18 | }, 19 | "browserslist": [ 20 | ">0.2%", 21 | "not dead", 22 | "not ie <= 11", 23 | "not op_mini all" 24 | ] 25 | } 26 | -------------------------------------------------------------------------------- /react/hello-react/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/react/hello-react/public/favicon.ico -------------------------------------------------------------------------------- /react/hello-react/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": ".", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /react/hello-react/src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | /*text-align: center;*/ 3 | } 4 | 5 | .App-logo { 6 | animation: App-logo-spin infinite 20s linear; 7 | height: 40vmin; 8 | } 9 | 10 | .App-header { 11 | background-color: #282c34; 12 | /*min-height: 100vh;*/ 13 | display: flex; 14 | flex-direction: column; 15 | /*align-items: center;*/ 16 | justify-content: center; 17 | font-size: calc(10px + 2vmin); 18 | color: white; 19 | } 20 | 21 | .App-link { 22 | color: #61dafb; 23 | } 24 | 25 | @keyframes App-logo-spin { 26 | from { 27 | transform: rotate(0deg); 28 | } 29 | to { 30 | transform: rotate(360deg); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /react/hello-react/src/App.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import logo from './logo.svg'; 3 | import './App.css'; 4 | import C3 from './components/C3.js'; 5 | 6 | class App extends Component { 7 | render() { 8 | return ( 9 |
10 |
11 | hello 12 |
13 | 14 |
15 | ); 16 | } 17 | } 18 | 19 | export default App; 20 | -------------------------------------------------------------------------------- /react/hello-react/src/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | 5 | it('renders without crashing', () => { 6 | const div = document.createElement('div'); 7 | ReactDOM.render(, div); 8 | ReactDOM.unmountComponentAtNode(div); 9 | }); 10 | -------------------------------------------------------------------------------- /react/hello-react/src/components/C1.css: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-01-29 17:21:53 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-01-29 17:23:40 6 | */ 7 | .c1{ 8 | color: red; 9 | } -------------------------------------------------------------------------------- /react/hello-react/src/components/C1.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-01-29 17:13:02 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-01-29 17:22:13 6 | */ 7 | import React, { Component } from 'react'; 8 | 9 | import './C1.css'; 10 | class C1 extends Component { 11 |   render() { 12 |     return ( 13 |      
14 |         c1 15 |      
16 |       ); 17 |   } 18 | } 19 | export default C1; -------------------------------------------------------------------------------- /react/hello-react/src/components/C2.css: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-01-29 17:22:01 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-01-29 17:23:36 6 | */ 7 | .c2{ 8 | color: blue; 9 | } -------------------------------------------------------------------------------- /react/hello-react/src/components/C2.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-01-29 17:13:10 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-01-29 17:22:42 6 | */ 7 | import React, { Component } from 'react'; 8 | import './C1.css'; 9 | 10 | class C2 extends Component { 11 |   render() { 12 |     return ( 13 |      
14 |         c2 15 |      
16 |       ); 17 |   } 18 | } 19 | export default C2; -------------------------------------------------------------------------------- /react/hello-react/src/components/C3.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Author: fozero@126. 3 | * @Date: 2019-01-29 17:25:49 4 | * @Last Modified by: fozero 5 | * @Last Modified time: 2019-01-29 17:28:46 6 | */ 7 | import React, { Component } from 'react'; 8 | 9 | class C3 extends Component { 10 |   render() { 11 |     return ( 12 |      
13 |         c3 14 |      
15 |       ); 16 |   } 17 | } 18 | export default C3; -------------------------------------------------------------------------------- /react/hello-react/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", 5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", 6 | sans-serif; 7 | -webkit-font-smoothing: antialiased; 8 | -moz-osx-font-smoothing: grayscale; 9 | } 10 | 11 | code { 12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", 13 | monospace; 14 | } 15 | -------------------------------------------------------------------------------- /react/hello-react/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import App from './App'; 5 | import C1 from './components/C1.js'; 6 | import C2 from './components/C2.js'; 7 | import * as serviceWorker from './serviceWorker'; 8 | 9 | ReactDOM.render( 10 |
11 | 12 |
13 | , document.getElementById('root')); 14 | 15 | // If you want your app to work offline and load faster, you can change 16 | // unregister() to register() below. Note this comes with some pitfalls. 17 | // Learn more about service workers: http://bit.ly/CRA-PWA 18 | serviceWorker.unregister(); 19 | -------------------------------------------------------------------------------- /react/todolist-react/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /react/todolist-react/config/jest/cssTransform.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | // This is a custom Jest transformer turning style imports into empty objects. 4 | // http://facebook.github.io/jest/docs/en/webpack.html 5 | 6 | module.exports = { 7 | process() { 8 | return 'module.exports = {};'; 9 | }, 10 | getCacheKey() { 11 | // The output is always the same. 12 | return 'cssTransform'; 13 | }, 14 | }; 15 | -------------------------------------------------------------------------------- /react/todolist-react/config/jest/fileTransform.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const path = require('path'); 4 | 5 | // This is a custom Jest transformer turning file imports into filenames. 6 | // http://facebook.github.io/jest/docs/en/webpack.html 7 | 8 | module.exports = { 9 | process(src, filename) { 10 | const assetFilename = JSON.stringify(path.basename(filename)); 11 | 12 | if (filename.match(/\.svg$/)) { 13 | return `module.exports = { 14 | __esModule: true, 15 | default: ${assetFilename}, 16 | ReactComponent: (props) => ({ 17 | $$typeof: Symbol.for('react.element'), 18 | type: 'svg', 19 | ref: null, 20 | key: null, 21 | props: Object.assign({}, props, { 22 | children: ${assetFilename} 23 | }) 24 | }), 25 | };`; 26 | } 27 | 28 | return `module.exports = ${assetFilename};`; 29 | }, 30 | }; 31 | -------------------------------------------------------------------------------- /react/todolist-react/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/react/todolist-react/public/favicon.ico -------------------------------------------------------------------------------- /react/todolist-react/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": ".", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /react/todolist-react/src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | text-align: center; 3 | } 4 | 5 | .App-logo { 6 | animation: App-logo-spin infinite 20s linear; 7 | height: 40vmin; 8 | } 9 | 10 | .App-header { 11 | background-color: #282c34; 12 | min-height: 100vh; 13 | display: flex; 14 | flex-direction: column; 15 | align-items: center; 16 | justify-content: center; 17 | font-size: calc(10px + 2vmin); 18 | color: white; 19 | } 20 | 21 | .App-link { 22 | color: #61dafb; 23 | } 24 | 25 | @keyframes App-logo-spin { 26 | from { 27 | transform: rotate(0deg); 28 | } 29 | to { 30 | transform: rotate(360deg); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /react/todolist-react/src/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | 5 | it('renders without crashing', () => { 6 | const div = document.createElement('div'); 7 | ReactDOM.render(, div); 8 | ReactDOM.unmountComponentAtNode(div); 9 | }); 10 | -------------------------------------------------------------------------------- /react/todolist-react/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", 5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", 6 | sans-serif; 7 | -webkit-font-smoothing: antialiased; 8 | -moz-osx-font-smoothing: grayscale; 9 | } 10 | 11 | code { 12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", 13 | monospace; 14 | } 15 | -------------------------------------------------------------------------------- /react/todolist-react/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import App from './App'; 5 | import * as serviceWorker from './serviceWorker'; 6 | 7 | 8 | // index.js入口文件 9 | 10 | let data = [ 11 | {id: 0, text: '吃饭唱歌打豆豆1', complete: false}, 12 | {id: 1, text: '吃饭唱歌打豆豆2', complete: false}, 13 | {id: 2, text: '吃饭唱歌打豆豆3', complete: true}, 14 | ] 15 | 16 | ReactDOM.render(, document.getElementById('root')); 17 | 18 | // If you want your app to work offline and load faster, you can change 19 | // unregister() to register() below. Note this comes with some pitfalls. 20 | // Learn more about service workers: http://bit.ly/CRA-PWA 21 | serviceWorker.unregister(); 22 | -------------------------------------------------------------------------------- /react/todolist-redux/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /react/todolist-redux/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "todolist-redux", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "react": "^16.8.6", 7 | "react-dom": "^16.8.6", 8 | "react-redux": "^7.1.0", 9 | "react-scripts": "3.0.1", 10 | "redux": "^4.0.1", 11 | "redux-thunk": "^2.3.0" 12 | }, 13 | "scripts": { 14 | "start": "react-scripts start", 15 | "build": "react-scripts build", 16 | "test": "react-scripts test", 17 | "eject": "react-scripts eject" 18 | }, 19 | "eslintConfig": { 20 | "extends": "react-app" 21 | }, 22 | "browserslist": { 23 | "production": [ 24 | ">0.2%", 25 | "not dead", 26 | "not op_mini all" 27 | ], 28 | "development": [ 29 | "last 1 chrome version", 30 | "last 1 firefox version", 31 | "last 1 safari version" 32 | ] 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /react/todolist-redux/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/react/todolist-redux/public/favicon.ico -------------------------------------------------------------------------------- /react/todolist-redux/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": ".", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /react/todolist-redux/src/App.css: -------------------------------------------------------------------------------- 1 | .container{ 2 | 3 | } 4 | .calc{ 5 | display: flex; 6 | justify-content: space-around; 7 | padding: 30px; 8 | } -------------------------------------------------------------------------------- /react/todolist-redux/src/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | 5 | it('renders without crashing', () => { 6 | const div = document.createElement('div'); 7 | ReactDOM.render(, div); 8 | ReactDOM.unmountComponentAtNode(div); 9 | }); 10 | -------------------------------------------------------------------------------- /react/todolist-redux/src/components/ComA.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { connect } from 'react-redux' 3 | class ComA extends Component { 4 | 5 | constructor(props){ 6 | super(props) 7 | } 8 | 9 | render() { 10 | return ( 11 |
12 | ComA组件 13 |
{this.props.text}
14 |
15 | ); 16 | } 17 | } 18 | 19 | 20 | const mapStateToProps = (state) => { 21 | return { 22 | text: state.text 23 | } 24 | } 25 | export default connect(mapStateToProps)(ComA) 26 | // export default ComA; -------------------------------------------------------------------------------- /react/todolist-redux/src/components/ComB.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { connect } from 'react-redux' 3 | class ComB extends Component { 4 | render() { 5 | return ( 6 |
7 | ComB组件 8 |
{this.props.text}
9 |
10 | ); 11 | } 12 | } 13 | 14 | // export default ComB; 15 | const mapStateToProps = (state) => { 16 | return { 17 | text: state.text 18 | } 19 | } 20 | export default connect(mapStateToProps)(ComB) -------------------------------------------------------------------------------- /react/todolist-redux/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", 4 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /react/todolist-redux/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import { Provider } from 'react-redux' 4 | import store from './store' 5 | import './index.css'; 6 | import App from './App'; 7 | import * as serviceWorker from './serviceWorker'; 8 | 9 | ReactDOM.render( 10 | 11 | 12 | , 13 | document.getElementById('root')); 14 | 15 | // If you want your app to work offline and load faster, you can change 16 | // unregister() to register() below. Note this comes with some pitfalls. 17 | // Learn more about service workers: https://bit.ly/CRA-PWA 18 | serviceWorker.unregister(); 19 | -------------------------------------------------------------------------------- /react/todolist-redux/src/store/actions.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | // 定义常量 4 | export const ADD_TODO = 'ADD_TODO'; 5 | 6 | // action 7 | export function addTodo(text) { 8 | console.log('text', text) 9 | return { type: ADD_TODO, text } 10 | } 11 | 12 | -------------------------------------------------------------------------------- /react/todolist-redux/src/store/index.js: -------------------------------------------------------------------------------- 1 | 2 | import { createStore } from 'redux' 3 | import todoApp from './reducers' 4 | let store = createStore(todoApp) 5 | 6 | export default store 7 | 8 | // 发起一系列 action 9 | // store.dispatch(addTodo('Learn about actions')) -------------------------------------------------------------------------------- /react/todolist-redux/src/store/reducers.js: -------------------------------------------------------------------------------- 1 | // reducer 就是一个纯函数，接收旧的 state 和 action，返回新的 state。 2 | import { ADD_TODO} from './actions' 3 | let initialState = { 4 | text:'' 5 | } 6 | function todoApp(state = initialState, action) { 7 | switch (action.type) { 8 | case ADD_TODO: 9 | return Object.assign({}, state, { 10 | text: action.text 11 | }) 12 | default: 13 | return state 14 | } 15 | } 16 | 17 | export default todoApp -------------------------------------------------------------------------------- /server/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "server", 3 | "version": "1.0.0", 4 | "description": "static", 5 | "main": "app.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "dev": "nodemon app.js" 9 | }, 10 | "author": "fozero@126.com", 11 | "license": "ISC", 12 | "dependencies": { 13 | "art-template": "^4.13.2", 14 | "koa": "^2.6.2", 15 | "koa-art-template": "^1.1.1", 16 | "koa-bodyparser": "^4.2.1", 17 | "koa-router": "^7.4.0", 18 | "koa-static": "^5.0.0", 19 | "koa2-cors": "^2.0.6" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /server/static/user.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | index.html 6 | 7 | 8 | hello,{{data}} 9 | 10 | -------------------------------------------------------------------------------- /shelldemo/gitautopush.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | # 上面中的 #! 是一种约定标记, 它可以告诉系统这个脚本需要什么样的解释器来执行; 3 | 4 | echo "gitautopush start..." 5 | git add . 6 | git commit -m $1 7 | echo "git提交注释:$1" 8 | git push origin master 9 | echo "gitautopush end..." -------------------------------------------------------------------------------- /shelldemo/test1.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | # 上面中的 #! 是一种约定标记, 它可以告诉系统这个脚本需要什么样的解释器来执行; 3 | 4 | echo "Hello, world!" -------------------------------------------------------------------------------- /shelldemo/test2.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | # 上面中的 #! 是一种约定标记, 它可以告诉系统这个脚本需要什么样的解释器来执行; 3 | 4 | 5 | # 1、创建一个test文件夹，复制test1.sh文件到test文件夹里，进入文件夹test初始化一个npm并按照一个npm模块 6 | # 2、参数传递 7 | 8 | # 基础 9 | # echo "test2.sh start..." 10 | # mkdir test 11 | # cp -rf test1.sh test/ 12 | # cd test 13 | # npm init 14 | # npm i --save lodash 15 | # echo "test2.sh end 16 | 17 | 18 | # 写成一行 19 | # echo "test2.sh start..." 20 | # mkdir test && cp -rf test1.sh test/ && cd test && npm init && npm i --save lodash 21 | # echo "test2.sh end..." 22 | 23 | 24 | # 行尾添加反斜杠 ,不马上执行命令可接着输入其他命令 25 | # echo "test2.sh start..." 26 | # mkdir test && \ 27 | # cp -rf test1.sh test/ && \ 28 | # cd test && \ 29 | # npm init && \ 30 | # npm i --save lodash 31 | # echo "test2.sh end..." 32 | 33 | 34 | # 参数接收 $0 就是你写的shell脚本本身的名字，$1 是你给你写的shell脚本传的第一个参数，$2 是你给你写的shell脚本传的第二个参数 35 | # 执行bash test2.sh 1 2 36 | echo "shell脚本本身的名字: $0" 37 | echo "传给shell的第一个参数: $1" 38 | echo "传给shell的第二个参数: $2" 39 | -------------------------------------------------------------------------------- /src/01/images/hb_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/src/01/images/hb_1.jpg -------------------------------------------------------------------------------- /static/css/main.css: -------------------------------------------------------------------------------- 1 | /* 2 | ------------------------------------- 3 | 文件名：main.css 4 | 说明:公共样式 5 | 创建时间：2018/4/14 6 | 作者：fozero 7 | Github:https://github.com/fozero 8 | 博客：https://www.cnblogs.com/fozero 9 | ------------------------------------- 10 | */ 11 | *{padding: 0;margin: 0;} 12 | body{background: #f5f5f5;} 13 | ul{list-style: none;} 14 | img{vertical-align: middle;border: 0;} 15 | /*demo标题*/ 16 | .fozero-demo{ 17 | background: #fff; 18 | border: 1px dashed #dedede; 19 | text-align: left; 20 | margin: 20px auto; 21 | width: 500px; 22 | line-height: 28px; 23 | font-size: 14px; 24 | } 25 | .fozero-demo span{ 26 | border-bottom: 1px solid #eee; 27 | font-size: 12px; 28 | } 29 | .fozero-demo .title{ 30 | background: #747834; 31 | color: #fff; 32 | text-align: center; 33 | } 34 | .fozero-demo .item{ 35 | padding-left: 20px; 36 | } 37 | .fozero-demo-main{ 38 | width: 682px; 39 | margin: 0 auto; 40 | font-size: 12px; 41 | color: #666; 42 | padding: 20px; 43 | background: #fff; 44 | } -------------------------------------------------------------------------------- /static/images/CSS 实现三角形的2种方法1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/static/images/CSS 实现三角形的2种方法1.png -------------------------------------------------------------------------------- /static/images/CSS 实现三角形的2种方法2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/static/images/CSS 实现三角形的2种方法2.png -------------------------------------------------------------------------------- /static/images/CSS实现图片模糊效果.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/static/images/CSS实现图片模糊效果.png -------------------------------------------------------------------------------- /static/images/CSS实现带遮罩效果的弹出对话框.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/static/images/CSS实现带遮罩效果的弹出对话框.png -------------------------------------------------------------------------------- /static/images/demo_checkbox_radio.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/static/images/demo_checkbox_radio.gif -------------------------------------------------------------------------------- /static/images/demo_upload.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/static/images/demo_upload.gif -------------------------------------------------------------------------------- /static/images/scroll.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/static/images/scroll.png -------------------------------------------------------------------------------- /test/animation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |

hello

8 |

你是猪啊🐖 🐖🐖🐖🐖 🐖🐖

9 | 30 | 31 | -------------------------------------------------------------------------------- /test/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | hello 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |

hello xinyu~

13 | 14 |
15 | 16 |
17 | 18 | 19 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /test/pre.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 |
9 | .pig{ 10 | position: absolute; 11 | left: 10px; 12 | top: 80px; 13 | animation: myfirst 3s infinite alternate; 14 | } 15 | .pig1{ 16 | 17 | } 18 | .pig2{ 19 | 20 | } 21 | @keyframes myfirst 22 | { 23 | 10%{left: 10px;} 24 | 20%{} 25 | 50%{} 26 | 100% {left: 200px;} 27 | } 28 |
29 | 
30 | 		.pig{
31 | 			position: absolute;
32 | 			left: 10px;
33 | 			top: 80px;
34 | 			animation: myfirst 3s infinite alternate;
35 | 		}
36 | 		.pig1{
37 | 
38 | 		}
39 | 		.pig2{
40 | 			
41 | 		}
42 | 		@keyframes myfirst
43 | 		{
44 | 			10%{left: 10px;}
45 | 			20%{}
46 | 			50%{}
47 | 			100% {left: 200px;}
48 | 		}
49 |
50 | 51 | -------------------------------------------------------------------------------- /test/t.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 16 | 39 | 40 | -------------------------------------------------------------------------------- /vuejs/doc.txt: -------------------------------------------------------------------------------- 1 | 2 | 3 | --- 4 | 5 | vue-cli 6 | https://cli.vuejs.org/zh/guide/installation.html 7 | 8 | vue组件 9 | https://cn.vuejs.org/v2/guide/components.html 10 | 11 | 12 | 1、通过vue-cli创建项目 13 | 14 | 安装vue-cli 15 | $npm install -g vue-cli 16 | 17 | 创建vue项目 18 | $vue init webpack my-project 19 | 20 | 项目运行 21 | $cd my-project 22 | $npm run dev -------------------------------------------------------------------------------- /vuejs/img/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/vuejs/img/icon.png -------------------------------------------------------------------------------- /vuejs/mult-page/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /vuejs/mult-page/README.md: -------------------------------------------------------------------------------- 1 | # mult-page 2 | 3 | ## Project setup 4 | ``` 5 | npm install 6 | ``` 7 | 8 | ### Compiles and hot-reloads for development 9 | ``` 10 | npm run serve 11 | ``` 12 | 13 | ### Compiles and minifies for production 14 | ``` 15 | npm run build 16 | ``` 17 | 18 | ### Run your tests 19 | ``` 20 | npm run test 21 | ``` 22 | 23 | ### Lints and fixes files 24 | ``` 25 | npm run lint 26 | ``` 27 | 28 | ### Customize configuration 29 | See [Configuration Reference](https://cli.vuejs.org/config/). 30 | -------------------------------------------------------------------------------- /vuejs/mult-page/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /vuejs/mult-page/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mult-page", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "vue": "^2.5.17", 12 | "vue-router": "^3.0.1", 13 | "vuex": "^3.0.1" 14 | }, 15 | "devDependencies": { 16 | "@vue/cli-plugin-babel": "^3.1.1", 17 | "@vue/cli-plugin-eslint": "^3.1.5", 18 | "@vue/cli-service": "^3.1.4", 19 | "babel-eslint": "^10.0.1", 20 | "eslint": "^5.8.0", 21 | "eslint-plugin-vue": "^5.0.0-0", 22 | "vue-template-compiler": "^2.5.17" 23 | }, 24 | "eslintConfig": { 25 | "root": true, 26 | "env": { 27 | "node": true 28 | }, 29 | "extends": [ 30 | "plugin:vue/essential", 31 | "eslint:recommended" 32 | ], 33 | "rules": {}, 34 | "parserOptions": { 35 | "parser": "babel-eslint" 36 | } 37 | }, 38 | "postcss": { 39 | "plugins": { 40 | "autoprefixer": {} 41 | } 42 | }, 43 | "browserslist": [ 44 | "> 1%", 45 | "last 2 versions", 46 | "not ie <= 8" 47 | ] 48 | } 49 | -------------------------------------------------------------------------------- /vuejs/mult-page/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/vuejs/mult-page/public/favicon.ico -------------------------------------------------------------------------------- /vuejs/mult-page/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | index 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /vuejs/mult-page/public/page1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | index 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /vuejs/mult-page/public/page2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | page2 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/vuejs/mult-page/src/assets/logo.png -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/index/App.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/index/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import store from './store' 5 | 6 | Vue.config.productionTip = false 7 | 8 | new Vue({ 9 | router, 10 | store, 11 | render: h => h(App) 12 | }).$mount('#app') 13 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/index/router.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import Home from './views/Home.vue' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | mode:'history', 9 | base:process.env.BASE_URL, 10 | routes: [ 11 | { 12 | path: '/index', 13 | name: 'index', 14 | component: Home 15 | }, 16 | { 17 | path: '/page1', 18 | beforeEnter(to,from,next){ 19 | window.location="/page1.html" 20 | } 21 | }, 22 | { 23 | path: '/page2', 24 | beforeEnter(to,from,next){ 25 | window.location="/page2.html" 26 | } 27 | }, 28 | { 29 | path: '/about', 30 | name: 'about', 31 | // route level code-splitting 32 | // this generates a separate chunk (about.[hash].js) for this route 33 | // which is lazy-loaded when the route is visited. 34 | component: () => import(/* webpackChunkName: "about" */ './views/About.vue') 35 | } 36 | ] 37 | }) 38 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/index/store.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | 4 | Vue.use(Vuex) 5 | 6 | export default new Vuex.Store({ 7 | state: { 8 | 9 | }, 10 | mutations: { 11 | 12 | }, 13 | actions: { 14 | 15 | } 16 | }) 17 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/index/views/About.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/index/views/Home.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 20 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page1/App.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page1/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import store from './store' 5 | 6 | Vue.config.productionTip = false 7 | 8 | new Vue({ 9 | router, 10 | store, 11 | render: h => h(App) 12 | }).$mount('#app') 13 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page1/router.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import Home from './views/Home.vue' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | mode:'history', 9 | base:process.env.BASE_URL, 10 | routes: [ 11 | { 12 | path: '/page1', 13 | name: 'page1', 14 | component: Home 15 | }, 16 | { 17 | path: '/about', 18 | name: 'about', 19 | // route level code-splitting 20 | // this generates a separate chunk (about.[hash].js) for this route 21 | // which is lazy-loaded when the route is visited. 22 | component: () => import(/* webpackChunkName: "about" */ './views/About.vue') 23 | } 24 | ] 25 | }) 26 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page1/store.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | 4 | Vue.use(Vuex) 5 | 6 | export default new Vuex.Store({ 7 | state: { 8 | 9 | }, 10 | mutations: { 11 | 12 | }, 13 | actions: { 14 | 15 | } 16 | }) 17 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page1/views/About.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page1/views/Home.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 20 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page2/App.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page2/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import store from './store' 5 | 6 | Vue.config.productionTip = false 7 | 8 | new Vue({ 9 | router, 10 | store, 11 | render: h => h(App) 12 | }).$mount('#app') 13 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page2/router.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import Home from './views/Home.vue' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | mode:'history', 9 | base:process.env.BASE_URL, 10 | routes: [ 11 | { 12 | path: '/page2', 13 | name: 'page2', 14 | component: Home 15 | }, 16 | { 17 | path: '/about', 18 | name: 'about', 19 | // route level code-splitting 20 | // this generates a separate chunk (about.[hash].js) for this route 21 | // which is lazy-loaded when the route is visited. 22 | component: () => import(/* webpackChunkName: "about" */ './views/About.vue') 23 | } 24 | ] 25 | }) 26 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page2/store.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | 4 | Vue.use(Vuex) 5 | 6 | export default new Vuex.Store({ 7 | state: { 8 | 9 | }, 10 | mutations: { 11 | 12 | }, 13 | actions: { 14 | 15 | } 16 | }) 17 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page2/views/About.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /vuejs/mult-page/src/pages/page2/views/Home.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 20 | -------------------------------------------------------------------------------- /vuejs/nuxtd/.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /vuejs/nuxtd/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | browser: true, 5 | node: true 6 | }, 7 | parserOptions: { 8 | parser: 'babel-eslint' 9 | }, 10 | extends: [ 11 | 'plugin:vue/recommended', 12 | 'plugin:prettier/recommended' 13 | ], 14 | // required to lint *.vue files 15 | plugins: [ 16 | 'vue', 17 | 'prettier' 18 | ], 19 | // add your custom rules here 20 | rules: { 21 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 22 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /vuejs/nuxtd/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "semi": false, 3 | "singleQuote": true 4 | } 5 | -------------------------------------------------------------------------------- /vuejs/nuxtd/README.md: -------------------------------------------------------------------------------- 1 | # nuxtd 2 | 3 | > My breathtaking Nuxt.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | $ npm install 10 | 11 | # serve with hot reload at localhost:3000 12 | $ npm run dev 13 | 14 | # build for production and launch server 15 | $ npm run build 16 | $ npm start 17 | 18 | # generate static project 19 | $ npm run generate 20 | ``` 21 | 22 | For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org). 23 | -------------------------------------------------------------------------------- /vuejs/nuxtd/assets/README.md: -------------------------------------------------------------------------------- 1 | # ASSETS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked). 8 | -------------------------------------------------------------------------------- /vuejs/nuxtd/components/README.md: -------------------------------------------------------------------------------- 1 | # COMPONENTS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | The components directory contains your Vue.js Components. 6 | 7 | _Nuxt.js doesn't supercharge these components._ 8 | -------------------------------------------------------------------------------- /vuejs/nuxtd/layouts/README.md: -------------------------------------------------------------------------------- 1 | # LAYOUTS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your Application Layouts. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts). 8 | -------------------------------------------------------------------------------- /vuejs/nuxtd/middleware/README.md: -------------------------------------------------------------------------------- 1 | # MIDDLEWARE 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your application middleware. 6 | The middleware lets you define custom function to be ran before rendering a page or a group of pages (layouts). 7 | 8 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware). 9 | -------------------------------------------------------------------------------- /vuejs/nuxtd/pages/README.md: -------------------------------------------------------------------------------- 1 | # PAGES 2 | 3 | This directory contains your Application Views and Routes. 4 | The framework reads all the `*.vue` files inside this directory and create the router of your application. 5 | 6 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing). 7 | -------------------------------------------------------------------------------- /vuejs/nuxtd/pages/about.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 16 | 17 | 21 | -------------------------------------------------------------------------------- /vuejs/nuxtd/plugins/README.md: -------------------------------------------------------------------------------- 1 | # PLUGINS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your Javascript plugins that you want to run before mounting the root Vue.js application. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins). 8 | -------------------------------------------------------------------------------- /vuejs/nuxtd/static/README.md: -------------------------------------------------------------------------------- 1 | # STATIC 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your static files. 6 | Each file inside this directory is mapped to `/`. 7 | 8 | Example: `/static/robots.txt` is mapped as `/robots.txt`. 9 | 10 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static). 11 | -------------------------------------------------------------------------------- /vuejs/nuxtd/static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/vuejs/nuxtd/static/favicon.ico -------------------------------------------------------------------------------- /vuejs/nuxtd/store/README.md: -------------------------------------------------------------------------------- 1 | # STORE 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your Vuex Store files. 6 | Vuex Store option is implemented in the Nuxt.js framework. 7 | 8 | Creating a file in this directory activate the option in the framework automatically. 9 | 10 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store). 11 | -------------------------------------------------------------------------------- /vuejs/vue-components/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"], 12 | "env": { 13 | "test": { 14 | "presets": ["env", "stage-2"], 15 | "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"] 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /vuejs/vue-components/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /vuejs/vue-components/.eslintignore: -------------------------------------------------------------------------------- 1 | /build/ 2 | /config/ 3 | /dist/ 4 | /*.js 5 | /test/unit/coverage/ 6 | -------------------------------------------------------------------------------- /vuejs/vue-components/.eslintrc.js: -------------------------------------------------------------------------------- 1 | // https://eslint.org/docs/user-guide/configuring 2 | 3 | module.exports = { 4 | root: true, 5 | parserOptions: { 6 | parser: 'babel-eslint' 7 | }, 8 | env: { 9 | browser: true, 10 | }, 11 | extends: [ 12 | // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention 13 | // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules. 14 | 'plugin:vue/essential', 15 | // https://github.com/standard/standard/blob/master/docs/RULES-en.md 16 | 'standard' 17 | ], 18 | // required to lint *.vue files 19 | plugins: [ 20 | 'vue' 21 | ], 22 | // add your custom rules here 23 | rules: { 24 | // allow async-await 25 | 'generator-star-spacing': 'off', 26 | // allow debugger during development 27 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /vuejs/vue-components/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | /test/unit/coverage/ 8 | /test/e2e/reports/ 9 | selenium-debug.log 10 | 11 | # Editor directories and files 12 | .idea 13 | .vscode 14 | *.suo 15 | *.ntvs* 16 | *.njsproj 17 | *.sln 18 | -------------------------------------------------------------------------------- /vuejs/vue-components/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /vuejs/vue-components/README.md: -------------------------------------------------------------------------------- 1 | # vue-components 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | 20 | # run unit tests 21 | npm run unit 22 | 23 | # run e2e tests 24 | npm run e2e 25 | 26 | # run all tests 27 | npm test 28 | ``` 29 | 30 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 31 | -------------------------------------------------------------------------------- /vuejs/vue-components/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/vuejs/vue-components/build/logo.png -------------------------------------------------------------------------------- /vuejs/vue-components/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /vuejs/vue-components/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /vuejs/vue-components/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /vuejs/vue-components/config/test.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const devEnv = require('./dev.env') 4 | 5 | module.exports = merge(devEnv, { 6 | NODE_ENV: '"testing"' 7 | }) 8 | -------------------------------------------------------------------------------- /vuejs/vue-components/img/paging.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/vuejs/vue-components/img/paging.png -------------------------------------------------------------------------------- /vuejs/vue-components/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | vue-components 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /vuejs/vue-components/src/App.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 13 | 14 | 24 | -------------------------------------------------------------------------------- /vuejs/vue-components/src/Index.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 16 | 26 | 50 | 51 | 52 | 54 | -------------------------------------------------------------------------------- /vuejs/vue-components/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/vuejs/vue-components/src/assets/logo.png -------------------------------------------------------------------------------- /vuejs/vue-components/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | Vue.config.productionTip = false 8 | 9 | /* eslint-disable no-new */ 10 | new Vue({ 11 | el: '#app', 12 | router, 13 | components: { App }, 14 | template: '' 15 | }) 16 | -------------------------------------------------------------------------------- /vuejs/vue-components/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | import Index from '@/Index' 5 | 6 | Vue.use(Router) 7 | 8 | export default new Router({ 9 | routes: [ 10 | // { 11 | // path: '/', 12 | // name: 'HelloWorld', 13 | // component: HelloWorld 14 | // } 15 | { 16 | path: '/', 17 | name: 'Index', 18 | component: Index 19 | } 20 | ] 21 | }) 22 | -------------------------------------------------------------------------------- /vuejs/vue-components/static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/vuejs/vue-components/static/.gitkeep -------------------------------------------------------------------------------- /vuejs/vue-components/test/e2e/custom-assertions/elementCount.js: -------------------------------------------------------------------------------- 1 | // A custom Nightwatch assertion. 2 | // The assertion name is the filename. 3 | // Example usage: 4 | // 5 | // browser.assert.elementCount(selector, count) 6 | // 7 | // For more information on custom assertions see: 8 | // http://nightwatchjs.org/guide#writing-custom-assertions 9 | 10 | exports.assertion = function (selector, count) { 11 | this.message = 'Testing if element <' + selector + '> has count: ' + count 12 | this.expected = count 13 | this.pass = function (val) { 14 | return val === this.expected 15 | } 16 | this.value = function (res) { 17 | return res.value 18 | } 19 | this.command = function (cb) { 20 | var self = this 21 | return this.api.execute(function (selector) { 22 | return document.querySelectorAll(selector).length 23 | }, [selector], function (res) { 24 | cb.call(self, res) 25 | }) 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /vuejs/vue-components/test/e2e/specs/test.js: -------------------------------------------------------------------------------- 1 | // For authoring Nightwatch tests, see 2 | // http://nightwatchjs.org/guide#usage 3 | 4 | module.exports = { 5 | 'default e2e tests': function (browser) { 6 | // automatically uses dev Server port from /config.index.js 7 | // default: http://localhost:8080 8 | // see nightwatch.conf.js 9 | const devServer = browser.globals.devServerURL 10 | 11 | browser 12 | .url(devServer) 13 | .waitForElementVisible('#app', 5000) 14 | .assert.elementPresent('.hello') 15 | .assert.containsText('h1', 'Welcome to Your Vue.js App') 16 | .assert.elementCount('img', 1) 17 | .end() 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /vuejs/vue-components/test/unit/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "jest": true 4 | }, 5 | "globals": { 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /vuejs/vue-components/test/unit/jest.conf.js: -------------------------------------------------------------------------------- 1 | const path = require('path') 2 | 3 | module.exports = { 4 | rootDir: path.resolve(__dirname, '../../'), 5 | moduleFileExtensions: [ 6 | 'js', 7 | 'json', 8 | 'vue' 9 | ], 10 | moduleNameMapper: { 11 | '^@/(.*)$': '/src/$1' 12 | }, 13 | transform: { 14 | '^.+\\.js$': '/node_modules/babel-jest', 15 | '.*\\.(vue)$': '/node_modules/vue-jest' 16 | }, 17 | testPathIgnorePatterns: [ 18 | '/test/e2e' 19 | ], 20 | snapshotSerializers: ['/node_modules/jest-serializer-vue'], 21 | setupFiles: ['/test/unit/setup'], 22 | mapCoverage: true, 23 | coverageDirectory: '/test/unit/coverage', 24 | collectCoverageFrom: [ 25 | 'src/**/*.{js,vue}', 26 | '!src/main.js', 27 | '!src/router/index.js', 28 | '!**/node_modules/**' 29 | ] 30 | } 31 | -------------------------------------------------------------------------------- /vuejs/vue-components/test/unit/setup.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | 3 | Vue.config.productionTip = false 4 | -------------------------------------------------------------------------------- /vuejs/vue-components/test/unit/specs/HelloWorld.spec.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import HelloWorld from '@/components/HelloWorld' 3 | 4 | describe('HelloWorld.vue', () => { 5 | it('should render correct contents', () => { 6 | const Constructor = Vue.extend(HelloWorld) 7 | const vm = new Constructor().$mount() 8 | expect(vm.$el.querySelector('.hello h1').textContent) 9 | .toEqual('Welcome to Your Vue.js App') 10 | }) 11 | }) 12 | -------------------------------------------------------------------------------- /ydt/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | package-lock.json 8 | vendor-manifest.json 9 | vendor.dll.js 10 | .cache 11 | 12 | # Editor directories and files 13 | .idea 14 | .vscode 15 | *.suo 16 | *.ntvs* 17 | *.njsproj 18 | *.sln 19 | -------------------------------------------------------------------------------- /ydt/README.md: -------------------------------------------------------------------------------- 1 | # parcel-vue 2 | 零配置VUE开发模板，基于Parcel全新构建 3 | 4 | [传送门：Parcel-VUE官网文档](http://parcel.xserver.top) 5 | 6 | > 使用说明 7 | 8 | ```bash 9 | 请使用Node版本 >= 9.10 10 | ``` 11 | 12 | ```bash 13 | $ npm install xserver-cli -g 14 | 15 | $ x-cli parcel-vue myproject 16 | ``` 17 | 18 | > 开发调试 19 | ```bash 20 | $ npm run dev 21 | ``` 22 | 23 | > 正式构建 24 | ```bash 25 | $ npm run build 26 | ``` 27 | 28 | >目录结构 29 | ```js 30 | ├── dist 构建结果 31 | ├── index.html 首页文件 32 | ├── node_modules 33 | ├── package.json 34 | ├── src 开发源码 35 | │   ├── App.vue 36 | │   ├── assets 37 | │   ├── components 38 | │   ├── main.js 39 | │   └── router 40 | └── static 静态文件 41 | ├── css 42 | ├── img 43 | └── js 44 | ``` 45 | 46 | 更新日志 47 | > 48 | 2018.01.28:更新iview至2.9.0版本 49 | 2018.03.31:更新pacel至1.7.0版本，原生支持VUE构建，进一步精简配置，完全零配置 50 | 51 | 帮助联系 52 | > 53 | 作者:cheneyxu 54 | 邮箱:457299596@qq.com 55 | QQ:457299596 56 | -------------------------------------------------------------------------------- /ydt/build.sh: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/ydt/build.sh -------------------------------------------------------------------------------- /ydt/mock/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * @authors fozero (fozero@126.com) 4 | * @date 2018-06-13 5 | */ 6 | 7 | const Bundler = require('parcel-bundler'); 8 | var express = require('express'); 9 | var app = express(); 10 | 11 | 12 | 13 | // app.get('/', function (req, res) { 14 | // res.send('Hello World!'); 15 | // }); 16 | 17 | 18 | var file = './src/examples/app/index.html'; 19 | 20 | const bundler = new Bundler(file); 21 | 22 | 23 | const router = require('./router'); 24 | app.use('/webapi', router); 25 | 26 | 27 | // 让 express 使用 bundler 中间件，这将让 parcel 处理你 express 服务器上的每个请求 28 | app.use(bundler.middleware()); 29 | // 监听 8080 端口 30 | app.listen(3001,function(){ 31 | console.log("1111111111111") 32 | }); 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /ydt/mock/router.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * @authors fozero (fozero@126.com) 4 | * @date 2018-06-13 5 | */ 6 | const Mock = require('mockjs'); 7 | const data = require('./data.json'); 8 | var express = require('express') 9 | var bodyParser = require('body-parser') 10 | 11 | var app = express() 12 | 13 | // parse application/x-www-form-urlencoded 14 | app.use(bodyParser.urlencoded({ extended: false })) 15 | // parse application/json 16 | app.use(bodyParser.json()) 17 | 18 | app.get('/', function (req, res) { 19 | res.send('Hello World!'); 20 | }); 21 | 22 | 23 | app.post('/test', function (req, res) { 24 | console.log('**********req：'+JSON.stringify(req.body)); 25 | // res.json({code:0,msg:'success',data:{ user: 'tobi'} }) 26 | const content = data.gameInfo; 27 | res.json(Mock.mock(content)) 28 | }); 29 | 30 | 31 | 32 | module.exports = app; 33 | -------------------------------------------------------------------------------- /ydt/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "parcel-vue", 3 | "version": "1.0.0", 4 | "description": "develop template use parcel", 5 | "author": "fozero ", 6 | "main": "main.js", 7 | "license": "MIT", 8 | "scripts": { 9 | "dev": "node mock/index.js", 10 | "start": "node server/index.js", 11 | "appdev": "parcel src/app/index.html", 12 | "webdev": "parcel src/web/index.html", 13 | "appex": "parcel src/examples/app/index.html", 14 | "webex": "parcel src/examples/web/index.html", 15 | "build:webex": "parcel build src/examples/web/index.html --no-minify --public-url ./", 16 | "build:appex": "parcel build src/examples/app/index.html --no-minify --public-url ./" 17 | }, 18 | "dependencies": { 19 | "axios": "^0.18.0", 20 | "express": "^4.16.3", 21 | "mockjs": "^1.0.1-beta3", 22 | "vue-hot-reload-api": "^2.3.0", 23 | "vue-router": "^3.0.1" 24 | }, 25 | "devDependencies": { 26 | "@vue/component-compiler-utils": "^1.0.0", 27 | "iview": "^2.11.0", 28 | "less": "^3.0.4", 29 | "parcel-bundler": "^1.7.0", 30 | "vue": "^2.5.16", 31 | "vue-template-compiler": "^2.5.16" 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /ydt/server/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * @authors fozero (fozero@126.com) 4 | * @date 2018-06-13 5 | */ 6 | 7 | 8 | var express = require('express'); 9 | var app = express(); 10 | 11 | app.get('/', function (req, res) { 12 | res.send('Hello World!'); 13 | }); 14 | 15 | var server = app.listen(3000, function () { 16 | var host = server.address().address; 17 | var port = server.address().port; 18 | 19 | console.log('Example app listening at http://%s:%s', host, port); 20 | }); 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /ydt/src/api/config.js: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | import qs from 'qs'; 3 | 4 | axios.defaults.timeout = 5000; 5 | axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; 6 | 7 | // http request拦截器 8 | axios.interceptors.request.use((config) => { 9 | alert(JSON.stringify(config.data)) 10 | // POST传参序列化 11 | if (config.method === 'post') { 12 | config.data = qs.stringify(config.data); 13 | } 14 | return config; 15 | }, (error) => { 16 | Promise.reject(error); 17 | }); 18 | 19 | // http response 拦截器 20 | axios.interceptors.response.use((res) => { 21 | // alert(JSON.stringify(res)) 22 | // 统一处理未登录 23 | if (res.data.code === 400135) { 24 | window.location.href = '/wx/index?goto_url=<{$g_www_domain}>/wx/xxxxxx'; 25 | } 26 | return res.data; 27 | }, (error) => { 28 | // 404等错误处理 29 | Promise.reject(error); 30 | }); 31 | 32 | export default axios; -------------------------------------------------------------------------------- /ydt/src/api/index.js: -------------------------------------------------------------------------------- 1 | import axios from './config'; 2 | 3 | export function fetch(url, params = {}, type = 'post') { 4 | return new Promise((resolve, reject) => { 5 | axios[type](url, params).then((response) => { 6 | resolve(response); 7 | // if (response.code === 0) { 8 | // resolve(response.data); 9 | // } else { 10 | // alert(response.message); 11 | // } 12 | }).catch((error) => { 13 | reject(error); 14 | }); 15 | }); 16 | } 17 | 18 | export default { 19 | test(data) { 20 | return fetch('/webapi/test', data); 21 | } 22 | }; -------------------------------------------------------------------------------- /ydt/src/app/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 22 | -------------------------------------------------------------------------------- /ydt/src/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Parcel-VUE零配置开发模板 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /ydt/src/app/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App' 3 | import router from './router' 4 | // import iView from 'iview' 5 | import 'iview/dist/styles/iview.css' 6 | 7 | import { Row, Col, Icon, Card } from 'iview' 8 | Vue.component('Row', Row) 9 | Vue.component('Col', Col) 10 | Vue.component('Icon', Icon) 11 | Vue.component('Card', Card) 12 | 13 | const isDebug_mode = process.env.NODE_ENV !== 'production' 14 | Vue.config.debug = isDebug_mode 15 | Vue.config.devtools = isDebug_mode 16 | Vue.config.productionTip = isDebug_mode 17 | 18 | // Vue.use(iView) 19 | 20 | /* eslint-disable no-new */ 21 | new Vue({ 22 | el: '#app', 23 | router, 24 | render: h => h(App) 25 | }) 26 | -------------------------------------------------------------------------------- /ydt/src/app/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | // 全加载 4 | // import Index from '../components/Index' 5 | // 懒加载 6 | // const Index = () => import('../components/Index') 7 | // const Index = () => import('../views/Index') 8 | const app = () => import('../test/app') 9 | 10 | Vue.use(Router) 11 | 12 | export default new Router({ 13 | routes: [{ 14 | path: '/', 15 | component: app 16 | }] 17 | }) -------------------------------------------------------------------------------- /ydt/src/app/views/Index.vue: -------------------------------------------------------------------------------- 1 | 6 | 22 | 25 | -------------------------------------------------------------------------------- /ydt/src/assets/app.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/ydt/src/assets/app.less -------------------------------------------------------------------------------- /ydt/src/assets/base/index.less: -------------------------------------------------------------------------------- 1 | 2 | 3 | /** 4 | * base.less 5 | * @authors fozero (fozero@126.com) 6 | * @date 2018-06-13 7 | */ 8 | 9 | *{ 10 | box-sizing: border-box; 11 | padding: 0; 12 | margin: 0; 13 | } 14 | html,body{ 15 | height: 100%; 16 | } 17 | .hide{ 18 | display: none !important; 19 | } 20 | .block{ 21 | display: block; 22 | } 23 | .fl{ 24 | float: left; 25 | } 26 | .fr{ 27 | float: right; 28 | } 29 | .clearfix{ 30 | zoom:1;//为了兼容IE 31 | .clearfix:after{ 32 | content: "";//设置内容为空 33 | height: 0;//高度为0 34 | line-height: 0; 35 | display: block; 36 | visibility: hidden; 37 | clear: both; 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /ydt/src/assets/web.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/ydt/src/assets/web.less -------------------------------------------------------------------------------- /ydt/src/examples/app/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 22 | 25 | -------------------------------------------------------------------------------- /ydt/src/examples/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | hello app 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /ydt/src/examples/app/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App' 3 | import router from './router' 4 | 5 | import axios from '../../api/index'; 6 | // import iView from 'iview' 7 | // import 'iview/dist/styles/iview.css' 8 | 9 | // import { Row, Col, Icon, Card } from 'iview' 10 | // Vue.component('Row', Row) 11 | // Vue.component('Col', Col) 12 | // Vue.component('Icon', Icon) 13 | // Vue.component('Card', Card) 14 | Vue.prototype.$axios = axios; 15 | 16 | const isDebug_mode = process.env.NODE_ENV !== 'production' 17 | Vue.config.debug = isDebug_mode 18 | Vue.config.devtools = isDebug_mode 19 | Vue.config.productionTip = isDebug_mode 20 | 21 | // Vue.use(iView) 22 | 23 | /* eslint-disable no-new */ 24 | new Vue({ 25 | el: '#app', 26 | router, 27 | render: h => h(App) 28 | }) 29 | -------------------------------------------------------------------------------- /ydt/src/examples/app/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | // 全加载 4 | // import Index from '../components/Index' 5 | // 懒加载 6 | // const Index = () => import('../components/Index') 7 | // const Index = () => import('../views/Index') 8 | const Index = () => import('../views/Index') 9 | 10 | Vue.use(Router) 11 | 12 | export default new Router({ 13 | routes: [{ 14 | path: '/', 15 | component: Index 16 | }] 17 | }) -------------------------------------------------------------------------------- /ydt/src/examples/web/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * @authors fozero (fozero@126.com) 4 | * @date 2018-06-13 5 | */ 6 | 7 | // import $ from 'jquery'; 8 | import '../../assets/examples/web.less'; 9 | 10 | // $(function(){}) slimscroll插件 用于使一个div内容区域变成可滚动的 11 | $(document).ready(function(){ 12 | // $("#scrol-content").slimScroll({ height: '100%' , alwaysVisible:true}); 13 | $("#scrol-content").slimScroll({ height: '122px' , alwaysVisible:false}); 14 | }); -------------------------------------------------------------------------------- /ydt/src/utils/test.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * @authors fozero (fozero@126.com) 4 | * @date 2018-06-13 5 | */ 6 | 7 | 8 | var g = foo; 9 | 10 | 11 | /** 12 | * @Author fozero 13 | * @DateTime 2018-06-13 14 | * @return {[type]} 15 | */ 16 | 17 | function login(){ 18 | 19 | alert('you click login'); 20 | 21 | } 22 | -------------------------------------------------------------------------------- /ydt/src/web/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | hello web 8 | 9 | 10 | 11 | 12 |
13 | hello web page~ 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /ydt/src/web/index.js: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * 4 | * @authors fozero (fozero@126.com) 5 | * @date 2018-06-13 6 | */ 7 | 8 | 9 | console.log('hello~'); -------------------------------------------------------------------------------- /ydt/static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/ydt/static/.gitkeep -------------------------------------------------------------------------------- /ydt/static/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fozero/frontcode/c934d9d08782ff35e5e48de62a07427de8392492/ydt/static/img/logo.png --------------------------------------------------------------------------------