[ { "path": "CNAME", "content": "zhengyaing.com" }, { "path": "README.md", "content": "# 前端Cheat Sheet分享\n\n一张图掌握一个知识点:[Github项目地址](https://github.com/wangzhengya/cheatsheet)\n\n因为国内github网络问题，最近新增了Gitee的网址：[Gitee](https://gitee.com/zhengyaing/cheatsheet)\n\n欢迎大家在Issues里给我提想学的知识点，也可以给我提一些改进的建议\n\n## B站视频分享\n\n[B站讲解视频地址](https://space.bilibili.com/503792864)\n\n## 截图预览\n\n![预览](image/preview.png)\n\n## 百度云盘下载\n\n链接: https://pan.baidu.com/s/1dT1Q0dft7nEY5wPkaM2CCw 提取码: 44mf\n\n## BiliBili教学视频\n\n【1】[一张图彻底掌握Grid网格布局](https://www.bilibili.com/video/BV1jA411h7sy/)\n\n【2】[一张图掌握Flexbox弹性盒子布局](https://www.bilibili.com/video/BV1K64y1u7eb/)\n\n【3】[一张图掌握BoxModel](https://www.bilibili.com/video/BV1ni4y1t7jK/)\n\n【4】[一张图掌握Git](https://www.bilibili.com/video/BV1AZ4y1x7Do/)\n\n【5】[一张图掌握CSS Selector](https://www.bilibili.com/video/BV1kk4y1R78f)\n\n【6】[一张图掌握Head标签](https://www.bilibili.com/video/BV1ui4y1b7UW/)\n\n【7】[一张图掌握Markdown](https://www.bilibili.com/video/BV1sz411z7qd/)\n\n【8】[一张图掌握正则表达式](https://www.bilibili.com/video/BV1jT4y137qt/)\n\n【9】[一张图掌握console](https://www.bilibili.com/video/BV1oz4y1R7yu/)\n\n【10】[一张图掌握HTTP基础](https://www.bilibili.com/video/BV1Ua4y1e7rC/)\n\n【11】[一张图入门SASS](https://www.bilibili.com/video/BV1e5411W7jd)\n\n【12】[一张图掌握transform](https://www.bilibili.com/video/BV1Bz4y1r7V2/)\n\n## 打赏\n\n如果您觉得此项目对您有帮助，请我喝一杯咖啡☕️吧！\n\n![alipay](image/alipay.jpeg)\n![wechat](image/wechatpay.png)\n" }, { "path": "_config.yml", "content": "theme: jekyll-theme-leap-day" }, { "path": "ebook/README.md", "content": "# ebook\n前端编程电子书分享\n" }, { "path": "ebook/index.html", "content": "\n\n \n \n \n Zhengyaing图书分享\n \n \n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n\n" }, { "path": "ebook/style.css", "content": ".container {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n}\n.book-container {\n display: flex;\n margin: 50px;\n align-items: center;\n justify-content: center;\n perspective: 600px;\n}\n\n@keyframes initAnimation {\n 0% {\n transform: rotateY(0deg);\n }\n 100% {\n transform: rotateY(-34deg);\n }\n}\n\n.book {\n margin-top: 40px;\n width: 200px;\n height: 300px;\n position: relative;\n transform-style: preserve-3d;\n transform: rotateY(-34deg);\n transition: 1s ease;\n animation: 1s ease 0s 1 initAnimation;\n}\n\n.book:hover {\n transform: rotateY(0deg);\n}\n\n.book > :first-child {\n position: absolute;\n top: 0;\n left: 0;\n background-color: red;\n width: 200px;\n height: 300px;\n transform: translateZ(37.5px);\n background-color: #01060f;\n border-radius: 0 2px 2px 0;\n box-shadow: 5px 5px 20px #666;\n}\n\n.book::before {\n position: absolute;\n content: \" \";\n background-color: blue;\n left: 0;\n top: 3px;\n width: 73px;\n height: 294px;\n transform: translateX(159.5px) rotateY(90deg);\n background: linear-gradient(\n 90deg,\n #fff 0%,\n #f9f9f9 5%,\n #fff 10%,\n #f9f9f9 15%,\n #fff 20%,\n #f9f9f9 25%,\n #fff 30%,\n #f9f9f9 35%,\n #fff 40%,\n #f9f9f9 45%,\n #fff 50%,\n #f9f9f9 55%,\n #fff 60%,\n #f9f9f9 65%,\n #fff 70%,\n #f9f9f9 75%,\n #fff 80%,\n #f9f9f9 85%,\n #fff 90%,\n #f9f9f9 95%,\n #fff 100%\n );\n}\n\n.book::after {\n position: absolute;\n top: 0;\n left: 0;\n content: \" \";\n width: 200px;\n height: 300px;\n transform: translateZ(-37.5px);\n background-color: #01060f;\n border-radius: 0 2px 2px 0;\n box-shadow: -10px 0 50px 10px #666;\n}\n" } ]