└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Github目录 2 | 3 | ## 1、技术博客 4 | 5 | [https://ccforward.cc](https://github.com/ccforward/cc/issues) 6 | 7 | 8 | ## 2、仓库 9 | * 基于 Electron 的 GitHub & JSDelivr 图床 CDN [Electron-GitHub-CDN](https://github.com/ccforward/electron-github-cdn) 10 | * Material Design 风格的 Vue.js UI 组件库 [Rubik UI](https://github.com/ccforward/rubik) 11 | * [npm地址](https://www.npmjs.com/package/i-rubik) 12 | * [Demo 地址](https://ccforward.github.io/rubik/) 13 | * 知乎日报爬虫Node.js+Vue.js [zhihu-daily](https://github.com/ccforward/zhihu) 14 | [线上地址]() 15 | * 渐进式图片加载 [progressive-image](https://github.com/ccforward/progressive-image) 16 | * [NPM](https://www.npmjs.com/package/progressive-image) 17 | * [详细解释](https://github.com/ccforward/cc/issues/64) 18 | * [线上地址](https://ccforward.github.io/progressive-image/index.html) 19 | * vue.js 服务端渲染模板 [SSR](https://github.com/ccforward/vue-ssr) 20 | [线上demo地址]() 21 | * 日期计算模块，主要用于知乎日报爬虫项目 [date-calc](https://github.com/ccforward/date-calc) 22 | [npm地址](https://www.npmjs.com/package/date-calc) 23 | * 自定义事件库 for Broswer & Node.js [EventFire](https://github.com/ccforward/EventFire) 24 | [npm地址](https://www.npmjs.com/package/EventFire) 25 | * vue.js 懒加载组件 [vue-lazy-image](https://github.com/ccforward/vue-lazy-image) 26 | [npm地址](https://www.npmjs.com/package/vue-lazy-image) 27 | * vue.js 滑块组件 [vue-range](https://github.com/ccforward/cc/tree/master/vue-range) 28 | [npm地址](https://www.npmjs.com/package/vue-range) 29 | * vue.js 分页组件[vue-pages](https://github.com/ccforward/cc/tree/master/vue-pages) 30 | [npm地址](https://www.npmjs.com/package/vue-pages) 31 | * 上传图片到七牛的chrome扩展和 node.js 接口 [chrome-qiniu](https://github.com/ccforward/qiniu) 32 | * 自动刷新的chrome扩展 [Auto-Refresh](https://github.com/ccforward/Auto-Refresh) 33 | [chrome 市场地址](https://chrome.google.com/webstore/detail/auto-fresh/kpmibidobilopnejmgmlihijhlmdacmc) 34 | * 修改请求HTTP头的chrome扩展 [C-Header](https://github.com/ccforward/C-Header) 35 | [chrome 市场地址](https://chrome.google.com/webstore/detail/c-header/cpkhilpjaiopicjdglhldbgamilgegnd) 36 | * KISSY 组件(支持到KISSY1.3的版本) 37 | * 模拟PC的console进行debug [KMobileConsole](https://github.com/ccforward/KMobileConsole) 38 | * 快捷键组件 [KissKey](https://github.com/ccforward/KissKey) 39 | * 表格排序组件(不再维护) [KSortTable](https://github.com/ccforward/KSortTable) 40 | * input输入过滤组件(不再维护) [inputFilter](https://github.com/ccforward/inputFilter) 41 | 42 | ## 3、代码库 43 | ### 工具集 44 | * [tools](https://github.com/ccforward/cc/tree/master/tools) 45 | * Github 资源替换为 jsdelivr 46 | * 截取中文字符创 47 | * 数字转中文数字 48 | * webp检测 49 | * js 创建文件下载 50 | 51 | ### JS 52 | * [获取上传图片的主色调](https://github.com/ccforward/cc/tree/master/img-color) 53 | * [随机数生成工具](https://github.com/ccforward/cc/tree/master/random-js) 54 | * [滚动视差动画](https://github.com/ccforward/cc/tree/master/parallax) 55 | * [可联机玩的五子棋](https://github.com/ccforward/cc/tree/master/chess) 56 | * [可联机玩的五子棋](https://github.com/ccforward/cc/tree/master/chess) 57 | * [Vue.js 五子棋(没有AI)](http://ccforward.github.io/game/chess/chess.html) 58 | * [URL分析](https://github.com/ccforward/cc/tree/master/URLParse) 59 | * [RGB颜色转换为HEX颜色](https://github.com/ccforward/cc/tree/master/RGB2HEX) 60 | * [promise规范简单实现](https://github.com/ccforward/cc/tree/master/promise) 61 | * [移动端模拟console的js工具](https://github.com/ccforward/cc/tree/master/mobileConsole) 62 | * [获取服务器时间 & 倒计时](https://github.com/ccforward/cc/tree/master/countdown) 63 | * [简单前后日期计算类](https://github.com/ccforward/cc/tree/master/date) 64 | * [requestAnimationFrame](https://github.com/ccforward/cc/blob/master/css3/requestAnimationFrame.js) 65 | * [20行代码的简单模板引擎](https://github.com/ccforward/cc/blob/master/simple-template/index.js) 66 | * [Node.js批量下载文件](https://github.com/ccforward/cc/blob/master/download/down.js) 67 | * [simple jQuery-bootstrap分页组件](https://github.com/ccforward/cc/blob/master/pagination/pagination.js) 68 | * [HTTP/2 + Node.js](https://github.com/ccforward/cc/blob/master/h2-node) 69 | 70 | 71 | ### CSS Loader 72 | * [css_loader_1](https://github.com/ccforward/cc/blob/master/css3/loader_1.html) 73 | * [css_loader_2](https://github.com/ccforward/cc/blob/master/css3/loader_2.html) 74 | * [css_loader_3](https://github.com/ccforward/cc/blob/master/css3/loader_3.html) 75 | * [css_loader_4](https://github.com/ccforward/cc/blob/master/css3/loader_4.html) 76 | * [css_loader_5](https://github.com/ccforward/cc/blob/master/css3/loader_5.html) 77 | 78 | ### CSS Glich 79 | * [css_glich](https://github.com/ccforward/cc/blob/master/css3/glich_0.html) 80 | * [css_glich_1](https://github.com/ccforward/cc/blob/master/css3/glich_1.html) 81 | * [css_glich_2](https://github.com/ccforward/cc/blob/master/css3/glich_2.html) 82 | 83 | ### CSS 84 | * [text-emphasis](https://github.com/ccforward/cc/blob/master/css3/text-emphasis.html) 85 | * [css facebook emoji](https://github.com/ccforward/cc/blob/master/css3/facebook-emoji.html) 86 | * [back to top animation](https://github.com/ccforward/cc/blob/master/css3/scroll-back-top.html) 87 | * [css awesome](https://github.com/ccforward/cc/blob/master/css3/awesome.html) 88 | * [slide sign in/up](https://github.com/ccforward/cc/blob/master/css3/signin-up.html) 89 | * [划船](https://github.com/ccforward/cc/blob/master/css3/summer.html) 90 | * [shape-outside 属性](https://github.com/ccforward/cc/tree/master/shape-outside) 91 | * [Drag Drop](https://github.com/ccforward/cc/blob/master/css3/drag-drop.html) 92 | * [Full Moon](https://github.com/ccforward/cc/blob/master/css3/full-moon.html) 93 | * [Avatar Animate](https://github.com/ccforward/cc/blob/master/css3/avatar-animation.html) 94 | * [Tokyo Tower](https://github.com/ccforward/cc/blob/master/css3/tokyo-tower.html) 95 | * [彩色渐变文字](https://github.com/ccforward/cc/blob/master/css3/colorful-text.html) 96 | * [Polygon Text](https://github.com/ccforward/cc/blob/master/css3/shadow.html) 97 | * [box-shadow vs drop-shadow](https://github.com/ccforward/cc/blob/master/css3/shadow.html) 98 | * [css mario](https://github.com/ccforward/cc/blob/master/css3/mario.html) 99 | * [文字层叠阴影动画](https://github.com/ccforward/cc/blob/master/css3/chicken.html) 100 | * [文字超出后滚动](https://github.com/ccforward/cc/blob/master/css3/text-overflow-move.html) 101 | * [倒序列表](https://github.com/ccforward/cc/blob/master/css3/order-list.html) 102 | * [sushi cards](https://github.com/ccforward/cc/blob/master/css3/sushi-cards.html) 103 | * [二进制动画](https://github.com/ccforward/cc/blob/master/css3/css-binary.html) 104 | * [渐变环形阴影动画](https://github.com/ccforward/cc/blob/master/css3/gradient-shadow.html) 105 | * [3D css Book](https://github.com/ccforward/cc/blob/master/css3/book.html) 106 | * [css mask property](https://github.com/ccforward/cc/blob/master/css3/css-mask.html) 107 | * [字幕菜单](https://github.com/ccforward/cc/blob/master/css3/text-menu.html) 108 | * [Button-Border-2](https://github.com/ccforward/cc/blob/master/css3/button-border-2.html) 109 | * [Button Borders](https://github.com/ccforward/cc/blob/master/css3/button-border.html) 110 | * [圆圈动画](https://github.com/ccforward/cc/blob/master/css3/circles.html) 111 | * [Video Text](https://github.com/ccforward/cc/blob/master/css3/video-text.html) 112 | * [颗粒按钮](https://github.com/ccforward/cc/blob/master/css3/particle-button.html) 113 | * [css 菜单文字hover填充](https://github.com/ccforward/cc/blob/master/css3/menu-fill-hover.html) 114 | * [css 文字闪光](https://github.com/ccforward/cc/blob/master/css3/shining-text.html) 115 | * [css 按钮闪光](https://github.com/ccforward/cc/blob/master/css3/shining-button.html) 116 | * [css wave](https://github.com/ccforward/cc/blob/master/css3/wave.html) 117 | * [一行代码调试CSS Layout Debug](https://github.com/ccforward/cc/issues/3) 118 | * [sticky](http://ccforward.github.io/demos/css/sticky/index.html) 119 | * [CSS Reset](https://github.com/ccforward/cc/blob/master/cssreset/index.css) 120 | * [文字下划线](http://ccforward.github.io/css-secrets/underline/index.html) 121 | * [画个梯形](http://ccforward.github.io/css-secrets/trapezoid/index.html) 122 | * [毛玻璃](http://ccforward.github.io/css-secrets/frosted-glass/index.html) 123 | 124 | ### HTML DEMO 125 | * [封装shake事件](https://github.com/ccforward/cc/tree/master/shake) 126 | * [devicemotion和deviceorientation事件](https://github.com/ccforward/ccforward.github.io/tree/master/demos/ios) 127 | [网页指南针demo(手机打开)](http://ccforward.github.io/demos/ios/compass.html) 128 | * [模拟ios7的视差](https://github.com/ccforward/ccforward.github.io/blob/master/demos/ios/parallax.html) 129 | [视差demo(手机打开)](http://ccforward.github.io/demos/ios/parallax.html) 130 | * [canvas七巧板](http://ccforward.github.io/demos/canvas/tangram.html) 131 | * [HTML5调用摄像头拍照](https://github.com/ccforward/cc/tree/master/HTML5_camera) 132 | [demo](http://ccforward.github.io/demos/webrtc/camera.html) 133 | * [WebRTC的demo](http://ccforward.github.io/demos/webrtc/index.html) 134 | 135 | ### 其他 136 | * [Git自动推送shell脚本](https://github.com/ccforward/cc/blob/master/git/autoPush.sh) 137 | * [Git笔记](https://github.com/ccforward/cc/tree/master/git) 138 | * [常用bash](https://github.com/ccforward/cc/blob/master/bash/bash.sh) 139 | * [php-fpm脚本](https://github.com/ccforward/cc/blob/master/php-fpm/php-fpm.sh) 140 | * [ruby批量下载文件](https://github.com/ccforward/cc/blob/master/download/down.rb) 141 | 142 | --------------------------------------------------------------------------------