网站

收集有趣的网站

精选

• 慕课网 - https://www.imooc.com/
• 码云 - https://gitee.com/xiaogutou123/
• 掘金 - https://juejin.im
• GitHub - https://github.com/
• MDN - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
• 力扣 (LeetCode) - https://leetcode-cn.com/
• 蜗牛老湿的个人网站 - http://shengxinjing.cn/
• ScriptOJ - http://scriptoj.mangojuice.top/
• V2EX - https://www.v2ex.com/
• awesome-bookmarks - https://github.com/PanJiaChen/awesome-bookmarks
• awesome-frontend - https://github.com/iq9891/awesome-frontend
• Github上整理的日常发现的好资源 - http://www.imooc.com/article/12743
• AlloyTeam - http://www.alloyteam.com/
• SegmentFault - https://segmentfault.com/
• W3C - https://www.w3cplus.com/
• stackoverflow - https://stackoverflow.com/
• oschina - https://www.oschina.net/
• 推酷 - https://www.tuicool.com/
• statcounter - http://gs.statcounter.com/
• 深度开源 - https://www.open-open.com/
• JDC - http://jdc.jd.com/
• TGideas - https://tgideas.qq.com/
• 淘宝 NPM 镜像 - https://npm.taobao.org/
• BootCDN - https://www.bootcdn.cn/
• js查重工具 - https://github.com/ustbhuangyi/jsinspect
• awesome-frontend - https://github.com/iq9891/awesome-frontend/blob/master/README.md
• FE-interview - https://github.com/qiu-deqing/FE-interview
• JavaScript 资源大全中文版 - https://github.com/jobbole/awesome-javascript-cn

精读

• 前端精读周刊 - https://github.com/dt-fe/weekly
• 为什么专家不再关心技术细节 - https://github.com/dt-fe/weekly/blob/v2/103.精读《为什么专家不再关心技术细节》.md
• San 为什么会这么快 - https://mp.weixin.qq.com/s/xUSkTnjcegWF7FY4AdgQxg
• DOM tree - https://javascript.info/dom-nodes
• 后端架构师技术图谱 - https://github.com/xingshaocheng/architect-awesome
• 追寻本质还是流于形式 - https://mp.weixin.qq.com/s/ga6I2hLWRRJ9i1wjD39ROg
• 最全的常用正则表达式大全 - https://www.jsdaima.com/blog/71.html
• 跨域资源共享 CORS 详解 - http://www.ruanyifeng.com/blog/2016/04/cors.html
• 刘未鹏 | Mind Hacks - http://mindhacks.cn/
• 《荣枯鉴》（小人经） 原文及译注 - http://www.360doc.com/content/14/1125/15/5052258_427959188.shtml
• Chrome开发者工具不完全指南（一、基础功能篇）- http://web.jobbole.com/82558/
• vue权限路由实现方式总结 - https://juejin.im/post/5b5bfd5b6fb9a04fdd7d687a
• vue权限路由实现方式总结二 - https://juejin.im/post/5c0b2130f265da615c5913d9
• 企业管理系统前后端分离架构设计 系列一 权限模型篇 - https://juejin.im/post/5b59c2956fb9a04faa79af6f
• 深度解析使用CSS单位px、em、rem、vh、vw、vmin、vmax实现页面布局 - https://www.cnblogs.com/lidongfeng/p/7243650.html
• 一步步搭建 VuePress 及优化【插件系列】- https://blog.csdn.net/w993263495/article/details/88979087
• VuePress 快速踩坑 - https://www.jqhtml.com/33781.html
• 【啰里啰嗦】一步步搭建 VuePress 及优化 - https://www.bilibili.com/video/av43316513/
• 飞跃高山与大洋的鱼 - https://docs.shanyuhai.top/
• 介紹 | 前端工程师手册 - https://leohxj.gitbooks.io/front-end-database/
• javascript-datastructures-algorithms - https://github.com/loiane/javascript-datastructures-algorithms

文档

• 印记中文 - https://docschina.org/
• markdown-it 中文文档 - https://markdown-it.docschina.org/
• JS 函数式编程指南 - https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/
• WEB开发速查表 - https://www.html.cn/dev/

Java

• 从小白到架构师的Java教程正式发布 - https://www.liaoxuefeng.com/article/1261494603873568
• Java教程 - https://www.liaoxuefeng.com/wiki/1252599548343744

Flask环境搭建

• https://blog.csdn.net/weixin_39212776/article/details/81318553
• https://blog.csdn.net/weixin_39212776/article/details/81321055
• https://blog.csdn.net/james_nan/article/details/82053430
• https://blog.csdn.net/u014775723/article/details/85213793
• https://blog.csdn.net/u014775723/article/details/85224447
• https://blog.csdn.net/chief_victo/article/details/80425431

github

• ustbhuangyi - https://github.com/ustbhuangyi

JS

• 理解 JavaScript 的 async/await - https://segmentfault.com/a/1190000007535316?utm_source=tag-newest
• JavaScript 复杂判断的更优雅写法 - https://juejin.im/post/5bdfef86e51d453bf8051bf8
• Object​.values() - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/values
• browser-cookies - https://github.com/voltace/browser-cookies
• JS中使用document.defaultView.getComputedStyle()、currentStyle()方法获取CSS属性值 - https://www.cnblogs.com/moqiutao/p/6276826.html
• JS中的逻辑运算符&&、||，位运算符|，& - https://www.cnblogs.com/yuanxinghuo/p/7881366.html
• Reduce - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce#按属性对object分类
• js 实现sleep函数 - https://www.cnblogs.com/mengfangui/p/9765243.html?tdsourcetag=s_pctim_aiomsg
• 深入 js 深拷贝对象 - https://www.jianshu.com/p/b08bc61714c7
• 深度剖析：如何实现一个 Virtual DOM 算法 - https://github.com/livoras/blog/issues/13
• 构建一个使用 Virtual-DOM 的前模版引擎 - https://github.com/livoras/blog/issues/14
• Slots Proposal - https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md
• 30 秒就能理解的 JavaScript 代码片段 - https://www.html.cn/30-seconds-of-code/
• html2json - https://github.com/Jxck/html2json
• 利用JavaScript实现的根据经纬度计算地球上两点之间的距离 - https://blog.csdn.net/e_wsq/article/details/6151169
• js生成当前日期起，一周内的日期（格式为月份加日）- https://segmentfault.com/q/1010000006846956
• 实例为日常开发常用的小实例，包括数组去重，打乱数组，字母大小写转换，cookie操作的封装等。 - https://github.com/chenhuiYj/ec-do
• GB-canvas-turntable - https://github.com/givebest/GB-canvas-turntable
• 实用的60个CSS代码片段 - https://www.jianshu.com/p/e878122a92a3
• JS和CSS3实现简单的雪花飘落效果 - http://www.imooc.com/article/13290
• 前端福利！10个短小却超实用的JavaScript 代码段 - https://www.uisdc.com/10-useful-short-javascript-code
• JavaScript浮动广告窗口实例 - https://www.open-open.com/code/view/1430105346271
• js判断鼠标从什么方向进入容器的算法分析 - http://www.86y.org/art_detail.aspx?id=712
• 拉勾网顶部轮播图的实现（一）以及简单闭包的应用 - http://www.imooc.com/article/12675
• JS电子时钟简易版简单控制 - http://www.imooc.com/article/12612
• 3D效果JS时间，每个牌都能翻转 - http://www.imooc.com/article/12614
• JS入门学习之电子时钟 - http://www.imooc.com/article/12554
• 你应该知道的 JavaScript Array.map() 的 5 种用途 - https://www.html.cn/archives/10024
• bootstrap File Input 多文件上传插件使用记录（二）删除原文件 - https://blog.csdn.net/github_36086968/article/details/72830855
• 15 个有趣的 JavaScript 与 CSS 库 - https://zhuanlan.zhihu.com/p/24130397
• 前端干货：图库，雪碧图工具，正则演练 - https://zhuanlan.zhihu.com/p/24205965
• 前端开发中的一些黑魔法Pt2 - https://www.tuicool.com/articles/R3imaiZ
• 使用JS控制伪元素的几种方法 - http://www.dengzhr.com/frontend/css/797
• js下firstElementChild firstChild 以及childNodes和children方法 - https://www.cnblogs.com/jelly7723/p/4871849.html
• 基于HTML5的可预览多图片Ajax上传 - https://www.zhangxinxu.com/wordpress/2011/09/基于html5的可预览多图片ajax上传/
• Introduction to JavaScript Source Maps - https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
• ES6、ES7、ES8、ES9、ES10新特性一览 - https://juejin.im/post/5ca2e1935188254416288eb2
• Javascript 面向对象编程（一）：封装 - http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html
• Javascript面向对象编程（二）：构造函数的继承 - http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html
• Javascript面向对象编程（三）：非构造函数的继承 - http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html
• 深入理解JavaScript系列 - https://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html
• ES5的filter方法，你真的会用吗？ - https://juejin.im/post/5a5f3eaf518825733201a6a7
• 【干货】js 数组详细操作方法及解析合集 - https://juejin.im/post/5b0903b26fb9a07a9d70c7e0
• js对象数组(JSON) 根据某个共同字段 分组 - https://blog.csdn.net/leipeng321123/article/details/52851018
• JS实现根据对象之间的id以及pid构建目录树 - https://blog.csdn.net/weixin_42011096/article/details/81097376
• html中车牌号省份简称输入键盘 - https://blog.csdn.net/u011461844/article/details/51923255
• Airbnb JavaScript 代码规范（ES6）- https://www.kancloud.cn/kancloud/javascript-style-guide
• vue-sell - https://github.com/ustbhuangyi/vue-sell
• area-data - https://github.com/dwqs/area-data
• js drawImage如何产生图片撕裂闪烁，如下代码的逻辑是如何实现的 - https://segmentfault.com/q/1010000009553986
• Web前端资源汇总 - https://www.cnblogs.com/jihua/p/webfront.html
• frontend-dev-bookmarks - https://github.com/dypsilon/frontend-dev-bookmarks
• 编码规范 by @mdo - https://codeguide.bootcss.com/
• web components - https://github.com/FrankFan/web-components
• es5 - http://yanhaijing.com/es5/
• 前端特效存档 - https://github.com/yangxi0126/javaScript
• 你能手写一个Promise吗？Yes I promise。 - https://juejin.im/post/5c41297cf265da613356d4ec
• Array​.prototype​.reduce() - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce
• 按属性对object分类 - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce#按属性对object分类
• 【收藏】JavaScript数组方法速查手册极简版 - https://www.imooc.com/article/286050
• 仿天猫购物车特效 - http://www.jq22.com/jquery-info2219
• 浅谈javascript的函数节流 - http://www.alloyteam.com/2012/11/javascript-throttle/
• ec-do-2.0.0.js - https://github.com/chenhuiYj/ec-do/blob/master/src/ec-do-2.0.0.js
• BetterScroll：可能是目前最好用的移动端滚动插件 - https://juejin.im/post/59b777015188257e764c716f
• ESLint - https://eslint.cn/
• handlebarsjs - http://handlebarsjs.com/
• [JavaScript] DOM3级与事件 - https://www.tuicool.com/articles/u2Qnmij
• JS & jQuery 获取元素位置尺寸 - https://www.jianshu.com/p/187c0145248c
• Javascript模块化编程（一）：模块的写法 - http://www.ruanyifeng.com/blog/2012/10/javascript_module.html
• Javascript模块化编程（二）：AMD规范 - http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
• Javascript模块化编程（三）：require.js的用法 - http://www.ruanyifeng.com/blog/2012/11/require_js.html
• 四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异 - https://blog.csdn.net/tammy_zhu/article/details/7406073
• 超赞！2016年新鲜出炉的20款网页开发工具推荐 - https://www.uisdc.com/2016-20-web-developer-tools
• 原生JS实现最简单的图片懒加载 - https://segmentfault.com/a/1190000010744417
• 禁止网页复制的代码 - http://www.lanrentuku.com/js/website-828.html
• 使用js技术验证用户输入的身份证号是否合法 - http://www.imooc.com/article/17817
• 利用JavaScript、Ajax及CSS3实现图片预加载 - http://www.imooc.com/article/17611
• 深入理解JavaScript系列 - https://www.kancloud.cn/kancloud/deep-understand-javascript
• 5行JavaScript代码实现页面平滑滚动 - https://www.open-open.com/lib/view/open1465092897302.html
• JS移动客户端--触屏滑动事件 - https://www.cnblogs.com/mq0036/p/3934821.html
• 自己封装的常用javascript函数分享 - https://www.jb51.net/article/59558.htm
• JavaScript懒加载技术(lazyload)简单实现 - http://developer.51cto.com/art/201101/243294.htm
• Javascript如何用一个优雅的姿势通过getStyle函数来获取元素的样式 - https://blog.csdn.net/coder_chenz/article/details/51979197
• 基于Marquee.js插件实现的跑马灯效果示例 - https://www.jb51.net/article/104241.htm
• 对jquery的ajax进行二次封装以及ajax缓存代理组件：AjaxCache - https://www.cnblogs.com/lyzg/p/5370127.html
• 常用的Javascript设计模式 - http://web.jobbole.com/29454/
• 不能更简单：jScroll 实现页面无限滚动加载 - https://www.jianshu.com/p/7c238893bd4f
• Ajax滚动加载数据 - https://www.jianshu.com/p/2ad9166bb0ac
• 【学习】滚动延迟加载插件scrollLoading用法 - https://www.jianshu.com/p/b1b8480fb23f
• 不要重复造轮子，但必须知道轮子怎么造的 -----listview实现下拉刷新滚动加载 - https://www.jianshu.com/p/f219bc07552d
• 年终盘点！2016 年 50 个最佳的轻量级 JavaScript 框架和库 - https://www.jianshu.com/p/0b2dba490ba9
• 原生JavaScript插件编写指南 - http://geocld.github.io/2016/03/10/javascript_plugin/
• 一步一步实现JS拖拽插件 - https://www.tuicool.com/articles/RBbmMjY
• Drag 移动端轻量级，拖动插件，无依赖！- https://www.oschina.net/code/snippet_1242866_51164
• JavaScript 中的尾调用 - https://www.tuicool.com/articles/M7ba6n6
• 彻底搞清JS中的this,construtor,prototype - https://www.open-open.com/lib/view/open1489799062178.html
• 使用原生JS写五子棋 - http://www.ferecord.com/create-gobang-with-javascriot.html
• JavaScript深入系列15篇正式完结！ - https://juejin.im/post/59278e312f301e006c2e1510
• 前端开发规范：命名规范、html规范、css规范、js规范 - https://juejin.im/post/592d4a5b0ce463006b43b6da
• Airbnb JavaScript Style Guide - https://github.com/airbnb/javascript
• 从2.4万篇文章中挑出的最棒的 JavaScript 学习指南（2018版）- https://zhuanlan.zhihu.com/p/33298555
• 精心收集的 95 个超实用的 JavaScript 代码片段（ ES6+ 编写）- https://www.html.cn/archives/8748
• undefined与null的区别 - http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html
• 2017下半年掘金日报优质文章合集：前端篇 - https://juejin.im/post/5a3b56b4518825089e501fe1
• JavaScript 打怪升级 —— 把业务逻辑当练习题做 - https://juejin.im/post/5a39b2dcf265da431d3cd036
• JavaScript 优雅的实现方式包含你可能不知道的知识点 - https://github.com/jawil/blog/issues/30
• localStorage使用总结 - https://www.cnblogs.com/st-leslie/p/5617130.html
• setTimeout、setInterval被遗忘的第三个参数 - https://www.cnblogs.com/leaf930814/p/6828588.html
• JavaScript专题之跟着underscore学防抖 - https://github.com/mqyqingfeng/Blog/issues/22
• es5-shim - https://github.com/es-shims/es5-shim
• Javascript继承机制的设计思想 - http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html
• JavaScript Standard Style - https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md#javascript-standard-style

日期

• Javascript日期时间总结 - https://www.cnblogs.com/tianxue/p/5580702.html
• Js获取当前日期时间及其它操作 - https://www.cnblogs.com/carekee/articles/1678041.html
• java和js获取当前天之后或之前7天(任意)日期 - https://www.cnblogs.com/DreamDrive/p/6255631.html
• javaScript获取当前日期所在周和向前推N周所在的日期 - https://blog.csdn.net/huzheaccp/article/details/26678405
• javascript时间格式format函数，js日期格式化函数 - https://www.haorooms.com/post/js_date_format_func
• javascript时间戳函数-时间戳总结 - https://www.haorooms.com/post/js_datatime

库

• flowplayer - https://github.com/flowplayer/flowplayer
• JavaScript 日期选择器 Pikaday - http://www.jq22.com/jquery-info7564
• store.js - https://github.com/marcuswestin/store.js/
• better-scroll -https://github.com/ustbhuangyi/better-scroll
• layDate 日期与时间组件 - https://www.layui.com/laydate/
• web-imageUpload - https://github.com/huangdidog/web-imageUpload
• blueimp-md5 - https://www.bootcdn.cn/blueimp-md5/
• async-validator - https://github.com/yiminghe/async-validator
• bounce.js - https://github.com/tictail/bounce.js
• move.js - https://github.com/visionmedia/move.js
• ScrollReveal - https://github.com/scrollreveal/scrollreveal/tree/master
• scrollReveal.js – 页面滚动显示动画JS - http://www.dowebok.com/134.html
• Hammer.JS - http://hammerjs.github.io/
• 多点触控插件Hammer.js - http://www.jq22.com/jquery-info552
• WOW.js – 让页面滚动更有趣 - http://www.dowebok.com/131.html
• Zynga Scroller - https://github.com/pbakaus/scroller
• 弹层组件文档 - layui.layer - https://www.layui.com/doc/modules/layer.html
• 6款实用的 JavaScript 图形图表库 - http://www.imooc.com/article/1197
• fullPage - https://alvarotrigo.com/fullPage/
• 响应式导航 - http://www.bootcss.com/p/responsive-nav.js/
• iCheck - http://www.bootcss.com/p/icheck/
• jsonp - https://github.com/webmodules/jsonp
• DAY.JS - https://github.com/iamkun/dayjs/tree/master
• lightgallery.js - https://sachinchoolur.github.io/lightgallery.js/
• CountUp.js - https://github.com/inorganik/countUp.js
• js-cookie - https://github.com/js-cookie/js-cookie
• tableExport.jquery.plugin - https://github.com/kayalshri/tableExport.jquery.plugin
• Lodash - https://www.lodashjs.com/
• immutable-js - https://github.com/immutable-js/immutable-js
• vivus - http://maxwellito.github.io/vivus/
• progressbar.js - https://github.com/kimmobrunfeldt/progressbar.js
• microjs - http://microjs.com/
• transformjs - http://alloyteam.github.io/AlloyTouch/transformjs/
• Layui - http://layer.layui.com/
• Paper.js - http://paperjs.org/
• 视频播放插件Video.js - http://www.jq22.com/jquery-info404
• Impress.js上手 - 抛开PPT、制作Web 3D幻灯片放映 - https://www.tuicool.com/articles/YneMB3F
• impress.js - https://github.com/impress/impress.js
• RequireJS - https://requirejs.org/
• MottoJS，一个让你的“座右铭”更好玩的JS插件 - https://segmentfault.com/a/1190000006053242
• Modernizr - https://modernizr.com/
• Yepnopejs - http://yepnopejs.com/
• 滚动视差插件skrollr-master - http://www.jq22.com/jquery-info418
• Tippy.js - https://atomiks.github.io/tippyjs/
• chroma.js - https://gka.github.io/chroma.js/
• RELLAX - https://dixonandmoe.com/rellax/
• JavaScript-MD5 - https://github.com/blueimp/JavaScript-MD5
• Underscore.js - https://www.html.cn/doc/underscore1.4.2/
• lazyload.js - https://github.com/rgrove/lazyload
• jump.js - https://github.com/callmecavs/jump.js
• fastclick - https://github.com/ftlabs/fastclick
• xscroll - https://github.com/huxiaoqi567/xscroll
• PhotoSwipe - https://github.com/dimsemenov/PhotoSwipe
• autosize - https://github.com/jackmoore/autosize
• Backbone.js - https://www.html.cn/doc/backbone/
• TimelineJS - https://github.com/NUKnightLab/TimelineJS
• timesheet.js - https://github.com/sbstjn/timesheet.js
• TimelineJS3 - https://github.com/NUKnightLab/TimelineJS3
• JParticles - https://jparticles.js.org/
• hotkeys - https://github.com/jaywcjlove/hotkeys/
• uploadify - http://www.uploadify.com/
• bonsaijs - http://docs.bonsaijs.org/
• clipboard.js - https://github.com/zenorocha/clipboard.js
• POPPER.JS - https://popper.js.org/
• Fetch - https://github.com/github/fetch
• hotcss - http://imochen.github.io/hotcss/
• text-overflow - https://github.com/freeeeaker/text-overflow
• iscroll - https://github.com/cubiq/iscroll
• Moment.js - http://momentjs.cn/
• query-string - https://github.com/sindresorhus/query-string
• storage - https://github.com/ustbhuangyi/storage

http

• axios - https://github.com/axios/axios

动画库

• Bounce.js - http://bouncejs.com/
• animejs - https://animejs.com/
• Velocity.js - http://velocityjs.org/
• tween.js - https://github.com/tweenjs/tween.js/

图表

• ECharts - https://echarts.baidu.com/
• D3.js - https://d3js.org/
• Chart.js - https://www.chartjs.org/
• echarts-liquidfill - https://github.com/ecomfe/echarts-liquidfill

表格

• JS组件系列——BootstrapTable 行内编辑解决方案：x-editable - https://www.cnblogs.com/landeanfen/p/5821192.html
• 服务器处理 - http://datatables.club/example/data_sources/server_side.html
• 示例索引 - http://datatables.club/example/
• jquery datatable服务端分页 - https://www.jb51.net/article/91612.htm
• datatable分页指南--前台分页和后台分页 - https://blog.csdn.net/tomcat_2014/article/details/50177645
• JQuery DataTables 服务端自定义查询（最新版本介绍） - https://blog.csdn.net/shuai_wy/article/details/78417951
• datatables——数据的服务器端处理 - https://blog.csdn.net/zhuyunhe/article/details/49273301
• 数据(data) - http://www.datatables.club/reference/option/data.html

Webpack

• webpack使用compilation在页面中插入固定代码时,会和 chunks设置会冲突,怎么解决 - https://segmentfault.com/q/1010000009005463
• webpack4升级指北 - https://www.imooc.com/article/23555

mui

• 最接近原生APP体验的高性能框架 - https://github.com/dcloudio/mui
• MUI框架集成、DemoApp、代码示例 - https://github.com/phillyx/MUIDemos
• 如何操作系统剪切板，如何用Native.js复制内容 - http://ask.dcloud.net.cn/question/2034
• 5+ App开发Native.js入门指南 - http://ask.dcloud.net.cn/article/88
• Native.js示例汇总 - http://ask.dcloud.net.cn/article/114
• 5+ App开发入门指南 - http://ask.dcloud.net.cn/article/89
• Android平台设置沉浸式状态栏显示效果 - http://ask.dcloud.net.cn/article/421
• html5plus - http://www.html5plus.org/doc/
• 状态栏大全-状态栏透明(沉浸式)、变色及全屏的区别 - http://ask.dcloud.net.cn/article/1150
• 【示例】App引导页的制作 - http://ask.dcloud.net.cn/article/783
• Hbuilder mui 相册拍照图片上传 - http://www.bcty365.com/content-146-3648-1.html
• 使用MUI 软键盘弹起挤压页面 - https://blog.csdn.net/kk_yanwu/article/details/73332704
• 底部选项卡被输入法撑起问题解决 - http://ask.dcloud.net.cn/article/847
• Hello MUI的webview选项卡示例，安卓弹出键盘会把底部选项卡撑上来 - http://ask.dcloud.net.cn/question/8853
• mui开发APP教程之mui.ajax请求后出现“加载中” - https://blog.csdn.net/zhy13087344578/article/details/70687836
• iOS平台设置沉浸式状态栏显示效果 - http://ask.dcloud.net.cn/article/118
• 原生版本透明渐变导航条使用教程 - http://ask.dcloud.net.cn/article/12556
• 当前页面打开多个新页面的js （很流畅） - http://ask.dcloud.net.cn/article/473
• HBuilder常用js汇总 - http://ask.dcloud.net.cn/article/597
• 一个关于mui的demo仓库。- https://github.com/zhaomenghuan/mui-demo
• HBuilder开发App教程01-推开前端开发App的大门 - http://uikoo9.com/book/chapterDetail/1
• iOS平台设置系统状态栏（通知栏、顶部状态栏）样式背景颜色或透明 - http://ask.dcloud.net.cn/article/33
• 如何动态兼容沉浸式状态栏模式 - http://ask.dcloud.net.cn/article/422
• iOS证书(.p12)和描述文件(.mobileprovision)申请 - http://ask.dcloud.net.cn/article/152
• HBuilder开发App教程13-ios调试以及发布【完结】- https://blog.csdn.net/uikoo9/article/details/47314291
• 使用Native.js实现打开页面默认弹出软键盘 - http://ask.dcloud.net.cn/article/513
• 分段选项卡的DIV怎么同时实现上拉加载功能 - http://ask.dcloud.net.cn/question/3178
• Hbuilder用自有证书打包 ios App上架AppStore流程 - https://www.jianshu.com/p/665c1d67adde
• iOS 应用发布到AppStore流程 - https://jingyan.baidu.com/article/4dc40848b3b8cfc8d946f129.html
• 最新iOS发布App Store详细图文教程 - http://www.cocoachina.com/appstore/20170627/19622.html
• mui消息框alert，confirm，prompt，toast - https://www.cnblogs.com/libkey/p/5501851.html
• 提升HTML5的性能体验系列之一 避免切页白屏 - http://ask.dcloud.net.cn/article/25
• 官网下的 demo MUI ， 为什么 a链接都是失效的 - http://ask.dcloud.net.cn/question/6444

Bootstrap

• Bootstrap可视化布局系统 - http://www.bootcss.com/p/layoutit/
• Bootstrap 教程 - https://www.runoob.com/bootstrap/bootstrap-tutorial.html
• Bootstrap 字体图标(Glyphicons) - https://www.runoob.com/bootstrap/bootstrap-glyphicons.html
• Customize 字形图标（Glyphicons） - 菜鸟教程 - https://www.runoob.com/try/demo_source/bootstrap-glyph-customization.htm
• Bootstrap - http://www.bootcss.com/
• Bootstrap 开关（switch）控件 - http://www.bootcss.com/p/bootstrap-switch/
• bootstrap-datetimepicker - http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
• Bootstrap Magic : Generate your own Bootstrap themes quickly and easily - http://pikock.github.io/bootstrap-magic/app/index.html#!/editor
• bootstrap-suggest-plugin - https://github.com/lzwme/bootstrap-suggest-plugin
• iBase4j前端01_bootstrap-suggest json-server模拟后台数据、bootstrap-suggest环境搭建、开启bootstrap-suggest的post和put请求 - https://www.cnblogs.com/NeverCtrl-C/p/9484480.html

富文本编辑器

• Slate.js - 革命性的富文本编辑框架 - https://juejin.im/post/59e6fc9951882578d503952c
• Quill - Your powerful rich text editor - https://quilljs.com/
• wangEditor - http://www.wangeditor.com/
• KindEditor - http://kindeditor.net/demo.php
• UEditor - https://ueditor.baidu.com/website/index.html
• tinymce - https://github.com/tinymce/tinymce

ajax

• ajax跨域，这应该是最全的解决方案了 - https://segmentfault.com/a/1190000012469713

正则

• 网站经常要用到的正则表达式汇总 - http://www.imooc.com/article/8419
• 正则表达式 - 教程 - https://www.runoob.com/regexp/regexp-tutorial.html
• 正则生成代码 - http://tool.chinaz.com/tools/regexgenerate
• 常用正则表达式 - https://www.jb51.net/tools/regex.htm
• regexper - https://regexper.com/
• HTML特殊转义字符对照表 - http://tool.oschina.net/commons?type=2
• regexr - https://regexr.com/
• Regular Expressions 101 - https://regex101.com/
• JS正则表达式元字符 - https://segmentfault.com/a/1190000002471140
• RegExp对象 - http://javascript.ruanyifeng.com/stdlib/regexp.html
• js常用正则表达式 - https://www.cnblogs.com/zfc2201/archive/2012/12/18/2824107.html
• 知道这20个正则表达式，能让你少写1,000行代码 - https://www.uisdc.com/regular-expression-lifting-efficiency
• Regular Expression Test Page - http://www.regexplanet.com/advanced/xregexp/index.html
• JS正则表达式大全(整理详细且实用) - https://www.jb51.net/article/43190.htm
• 玩转JavaScript正则表达式 - https://imweb.io/topic/56e804ef1a5f05dc50643106
• 前端开发中的 正则表达式 及常用正则表达式大全 - https://www.html.cn/archives/7991

jQuery

• icheck 全选 取消全选 -- https://blog.csdn.net/xinqinglhj/article/details/77980323
• 帮助你实现响应式导航的 jQuery 插件 - http://www.imooc.com/article/1076
• 近20个绚丽实用的jQuery/CSS3侧边栏菜单 - http://www.imooc.com/article/1707
• 50个必备的实用jQuery代码段 - https://www.open-open.com/code/view/1422515326892
• 十条jQuery代码片段助力Web开发效率提升 - https://www.open-open.com/lib/view/open1460526736639.html
• jQuery响应式弹出框与确认框 - http://www.imooc.com/article/12502
• jquery attr方法获取input的checked属性问题 - https://www.jb51.net/article/50396.htm
• 书写高质量jQuery代码的12条经验 - http://www.imooc.com/article/10307
• JQuery showLoading插件使用心得 - https://www.tuicool.com/articles/3ARFn2n
• 大白话讲解Promise（三）搞懂jquery中的Promise - https://www.cnblogs.com/lvdabao/p/jquery-deferred.html
• jQuery的deferred对象详解 - http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html
• jQuery设计思想 - http://www.ruanyifeng.com/blog/2011/07/jquery_fundamentals.html
• jQuery最佳实践 - http://www.ruanyifeng.com/blog/2011/08/jquery_best_practices.html
• jquery 在线手册 - http://hemin.cn/jq/
• jQuery API 中文文档 - https://www.html.cn/jqapi-1.9/
• jQuery API 中文文档 - https://www.jquery123.com/
• web前端35个jQuery小技巧！ - https://blog.csdn.net/q121516340/article/details/51487640
• jQuery Event.which 属性详解 - https://codeplayer.vip/p/j7sqd
• jquery-cssHooks - https://github.com/brandonaaron/jquery-cssHooks
• .promise() - https://www.html.cn/jqapi-1.9/promise/
• 移动端-jquery Ajax执行滑动到底部进行加载 指定加载次数 - Margo_test - https://www.tuicool.com/articles/RjMz2y
• 细说jQuery如何实现懒加载 - https://www.jianshu.com/p/e62d367c6148
• jQuery中.bind() .live() .delegate() .on()的区别 - https://www.cnblogs.com/piercalex/archive/2013/03/30/2990679.html
• jQuery 的 attr 与 prop 的区别 - https://segmentfault.com/a/1190000004560744
• jQuery-JS常用表单验证&35个jQuery小技巧 - http://www.imooc.com/article/17767
• 前端开发者都应知道的 jQuery 小技巧 - http://web.jobbole.com/84028/
• jQuery throttle / debounce: Sometimes, less is more! - http://benalman.com/projects/jquery-throttle-debounce-plugin/
• jQzoom 配置参数 - https://www.tuicool.com/articles/qE3Qji6

库

• snabbt.js - http://daniel-lundin.github.io/snabbt.js/
• jquery.showLoading - https://github.com/rrx/jquery.showLoading
• 移动端表单验证控件(适用于jquery和zepto) - https://github.com/efri-yang/mobileValidate
• 经典实用的jQuery多过渡动画焦点图插件 - https://www.html5tricks.com/jquery-transition-slider.html
• jQuery Easing Plugin - https://github.com/gdsmith/jquery.easing
• jQuery Cards - https://www.jquerycards.com/
• jQuery Raty - A Star Rating Plugin - https://github.com/wbotelhos/raty
• jQuery全屏滚动插件fullPage.js - http://www.dowebok.com/77.html
• Swiper - https://www.swiper.com.cn/
• SuperSlide - http://www.superslide2.com/index.html
• Owl Carousel 2-支持触摸屏的响应式jQuery旋转木马插件 - http://www.htmleaf.com/jQuery/Slideshow-Scroller/201502161387.html
• Owl Carousel 2 - http://owlcarousel2.github.io/OwlCarousel2/
• 使用jquery.qrcode生成二维码 - https://www.helloweba.net/javascript/226.html
• 可替代CSS3 transition和transform的jQuery插件 - http://www.htmleaf.com/jQuery/Layout-Interface/201501281289.html
• JavaScript Calendar - https://fullcalendar.io/
• libraries - https://cdnjs.com/libraries
• LIGHTBOX - https://lokeshdhakar.com/projects/lightbox2/
• jQuery延迟加载(懒加载)插件 – jquery.lazyload.js - https://www.w3cways.com/1765.html
• jquery颜色动画插件jquery.colorAnimations.js - http://www.jq22.com/jquery-info614
• The jQuery Plugin Registry - http://plugins.jquery.com/
• jQuery插件之jqzoom - https://www.cnblogs.com/kissdodog/archive/2012/12/15/2819887.html
• 响应式jQuery图片放大镜插件magnificent.js - http://www.jq22.com/yanshi9218
• unslider - http://www.bootcss.com/p/unslider/
• jQuery Easing 动画效果扩展 - https://www.helloweba.net/javascript/212.html
• jquery日期插件DateTime Picker(支持移动端) - http://www.jq22.com/jquery-info516
• 简单的JavaScript图像延迟加载库Echo.js - http://www.jq22.com/jquery-info660
• jquery单页网站导航插件One Page Nav - http://www.jq22.com/jquery-info497
• jQuery自定义拉下拉菜单插件dropkick.js - http://www.jq22.com/jquery-info489
• datetimepicker - https://github.com/iHearty/datetimepicker
• 一款形似Win10日历风格的日期时间选择器 - http://www.imooc.com/article/11217
• jQuery.toTop – jQuery返回顶部插件 - http://www.dowebok.com/167.html
• jQuery下拉框插件jquery.select.js - http://www.jq22.com/jquery-info9516
• jqTransform：呈现更美的表单 - https://www.helloweba.net/javascript/48.html
• JQUERY页面平滑滚动插件-JQUERY-SMOOTH-SCROLL - http://www.jq22.com/jquery-info95
• jQuery Color - https://github.com/jquery/jquery-color
• One Page Scroll v1.3.1 - http://www.thepetedesign.com/demos/onepage_scroll_demo.html
• AnimateScroll - https://github.com/rampatra/animatescroll.js
• jQuery custom content scroller - http://manos.malihu.gr/jquery-custom-content-scroller/
• jQuery自定义滚动条样式插件mCustomScrollbar - http://www.wufangbo.com/mcustomscrollbar/
• SlidesJS - https://slidesjs.com/
• jQuery横向手风琴图片切换动画 - https://www.html5tricks.com/jquery-vertical-accordion-image.html
• CSS3/jQuery自定义弹出窗口 多种弹出动画 - https://www.html5tricks.com/jquery-css3-modal-window.html
• jQuery多动画对话框窗口和提示框插件 - https://www.html5tricks.com/jquery-animated-window-popover.html
• jQuery页面滚动元素展现隐藏动画插件 - https://www.html5tricks.com/jquery-page-scroll-animation.html
• jQuery/CSS3实现弹性动画展开菜单 - https://www.html5tricks.com/jquery-css3-elasticity-menu.html
• datedropper - https://felicegattuso.com/datedropper/
• jQuery炫酷页面预加载Loading特效插件 - http://www.htmleaf.com/jQuery/Layout-Interface/201501241270.html
• mmenu.js - https://mmenujs.com/
• Jquery EasyUI - http://www.jeasyui.net/
• jquery-zclip - https://github.com/patricklodder/jquery-zclip
• stickUp - http://www.bootcss.com/p/stickup/
• jQuery分页插件pagination.js - http://www.jq22.com/jquery-info5697
• FitVids.JS - http://fitvidsjs.com/
• Lettering.js - https://github.com/davatron5000/Lettering.js
• ColorDivideJS - https://github.com/Geocld/ColorDivideJS
• domzoom.js - https://github.com/Geocld/domzoom.js
• jQuery瀑布流插件 Masonry - http://www.jq22.com/jquery-info362

实例

• 仿天猫左侧导航滚动js特效效果 - https://www.jsdaima.com/js/286.html
• 鼠标悬停图片动画显示文字信息代码 - https://www.jsdaima.com/js/275.html
• jQuery万年历插件 带农历老皇历功能 - https://www.html5tricks.com/jquery-lunar-calendar.html
• jQuery表单提交验证verify - http://www.jq22.com/jquery-info6134
• 5种方式轮播图 - http://www.jq22.com/jquery-info6016
• 超酷jquery多图轮播幻灯代码 可全屏显示支持30种幻灯效果 - http://www.5icool.org/a/201204/565.html
• 倒计时js代码精确到时分秒 - http://www.51xuediannao.com/js/texiao/jsdjs.html
• 12个效果精美的 JavaScript 倒计时脚本 - https://www.cnblogs.com/lhb25/archive/2012/12/05/12-essential-countdown-timer-scripts.html
• 轻量级jQuery倒计时插件 - http://sc.chinaz.com/jiaoben/151009284300.htm
• jQuery实现文本展开收缩特效 - https://www.jb51.net/article/67129.htm
• jQuery实现侧边导航栏效果 - https://www.cnblogs.com/jihua/p/cebianlan.html
• 用jQuery中的ajax分页实现代码 - https://www.jb51.net/article/28348.htm
• 基于jQuery的一个简单的图片查看器 - https://www.open-open.com/lib/view/open1456573682031.html
• 天猫首页迷思之－jquery实现整个div的懒加载（1）- https://www.cnblogs.com/Mrs-cc/p/4675820.html
• jquery+css3实现的网页背景图片固定内容切换特效源码 - https://www.jb51.net/jiaoben/443167.html

Node.js

• Express 4.x API 中文文档 - https://www.runoob.com/w3cnote/express-4-x-api.html
• Node.js 连接 MongoDB - https://www.runoob.com/nodejs/nodejs-mongodb.html
• Koa - https://koa.bootcss.com/
• 《一起学 Node.js》彻底重写完毕 - https://cnodejs.org/topic/581b0c4ebb9452c9052e7acb
• NodeJS简明教程 - https://github.com/Samaritan89/lesson
• egg - https://eggjs.org/
• PM2 使用介绍 - https://segmentfault.com/a/1190000002539204

HTML

• 你不可不知的HTML优化技巧 - http://www.imooc.com/article/4307
• 如何限制input 输入框只输入数字呢？ - http://www.imooc.com/article/13664
• HTML5 简介 - https://www.runoob.com/html/html5-intro.html
• HTML5 UP! - https://html5up.net/
• TEMPLATED - https://templated.co/
• FFmpeg - http://ffmpeg.org/
• SVG 教程 - https://www.runoob.com/svg/svg-tutorial.html
• HTML5 Doctor - http://html5doctor.com/
• html5shiv - https://www.bootcdn.cn/html5shiv/
• 最流行的web开发前端模版 - http://www.bootcss.com/p/html5boilerplate/
• HTML转义字符大全 - https://www.cnblogs.com/xcsn/p/3559624.html
• 深入理解HTML5标签 - https://segmentfault.com/a/1190000002695791
• 如何写出高效率的HTML - https://segmentfault.com/a/1190000002680822
• HTML meta标签总结与属性使用介绍 - https://segmentfault.com/a/1190000004279791
• HTML5 进阶系列：拖放 API 实现拖放排序 - http://www.imooc.com/article/17768

canvas

• Canvas Quadratic Curve Example - http://blogs.sitepointstatic.com/examples/tech/canvas-curves/quadratic-curve.html
• Canvas教程 - https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial
• Canvas Bézier Curve Example - http://blogs.sitepointstatic.com/examples/tech/canvas-curves/bezier-curve.html
• HTML 5 Canvas 参考手册 - http://www.w3school.com.cn/tags/html_ref_canvas.asp
• 30几个HTML5经典动画应用回顾 让你大饱眼福 | HTML5资源教程 - https://www.html5tricks.com/30-more-html5-apps.html
• 纯CSS3花瓣样式的Loading加载动画 - https://www.html5tricks.com/

CSS

• 深入理解css中vertical-align属性 - https://www.cnblogs.com/starof/p/4512284.html?utm_source=tuicool&utm_medium=referral
• 纯CSS实现垂直居中的几种方法 - https://www.cnblogs.com/hutuzhu/p/4450850.html
• 不可思议的纯 CSS 滚动进度条效果 - https://juejin.im/post/5c35953ce51d45523f04b6d2
• CSS Inspiration -- CSS灵感 - https://chokcoco.github.io/CSS-Inspiration/
• 深度解析使用CSS单位px、em、rem、vh、vw、vmin、vmax实现页面布局 - https://www.cnblogs.com/lidongfeng/p/7243650.html
• 使用text-align:justify，让内容两端对齐，兼容IE及主流浏览器的方法 - https://blog.csdn.net/qq_29608143/article/details/83625318
• active：移动端触摸按钮的效果 - https://www.cnblogs.com/doomjx/p/5772953.html
• 前端编码规范之CSS - http://www.imooc.com/article/2709
• 【更新】iSpriter – 智能合并CSS精灵图 - http://www.alloyteam.com/2012/09/update-ispriter-smart-merging-css-sprite/
• 通用 CSS 笔记、建议与指导 - https://github.com/chadluo/CSS-Guidelines/blob/master/README.md
• 设备像素比devicePixelRatio简单介绍 - https://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/
• currentColor-CSS3超高校级好用CSS变量 - https://www.zhangxinxu.com/wordpress/2014/10/currentcolor-css3-powerful-css-keyword/
• img标签实现和背景图一样的显示效果——object-fit和object-position - https://www.cnblogs.com/libo0125ok/p/8422617.html
• img标签-srcset属性 - https://www.cnblogs.com/dogxgod/p/5994183.html
• interesting css - https://github.com/chokcoco/iCSS
• 奇妙的 CSS shapes(CSS图形) - https://www.cnblogs.com/coco1s/p/6992177.html
• cssreference - https://cssreference.io/
• HTML5+CSS3 loading 效果收集 - https://www.jianshu.com/p/8ff4f83abdfa
• 《CSS 揭秘》总目录 - https://github.com/cssmagic/CSS-Secrets/issues/17
• csssecrets All demos - http://play.csssecrets.io/
• A tale of two viewports — part one - https://quirksmode.org/mobile/viewports.html
• A tale of two viewports — part two - https://quirksmode.org/mobile/viewports2.html
• CSS秘密花园： Sticky footers - https://www.w3cplus.com/css3/css-secrets/sticky-footers.html
• 随笔分类 - CSS进阶 - https://www.cnblogs.com/coco1s/category/833837.html
• CSS粘住固定底部的5种方法 - http://caibaojian.com/css-5-ways-sticky-footer.html
• 【译】22个必备的CSS小技巧 - https://www.tuicool.com/articles/nQfyAbb
• 知识库内容列表 - http://www.w3help.org/zh-cn/kb/
• 解读浮动闭合最佳方案：clearfix - http://www.daqianduan.com/3606.html
• 网页元素CSS居中实现完整攻略 - https://segmentfault.com/a/1190000003761600
• CSS 教程手册（新） - https://www.html.cn/book/css/
• css-tricks - https://css-tricks.com/
• matrix - http://www.useragentman.com/matrix/
• 47 Amazing CSS3 Animation Demos - https://webdesignerwall.com/trends/47-amazing-css3-animation-demos
• CSS3实现10种Loading效果 - https://www.open-open.com/code/view/1436164419895
• CSS3 Animation - https://css3gen.com/wp-content/cache/all/css3-animation/index.html
• CSS 无图片技术总结 - https://segmentfault.com/a/1190000005608367
• Autoprefixer CSS online - http://autoprefixer.github.io/
• CSS Click Chart - https://css3clickchart.com/
• Cssom-view - https://www.w3.org/html/ig/zh/wiki/Cssom-view
• CSS3 动画配合clip属性创建圆形进度条动画 - https://blog.csdn.net/toxic07/article/details/46911537
• 【二次元的CSS】—— 用 DIV + CSS3 画大白（详解步骤） - https://www.tuicool.com/articles/I3imQn7
• clearfix清除浮动进化史 - http://www.admin10000.com/document/6259.html
• CSS Triggers - https://csstriggers.com/
• CSS Tools: Reset CSS - https://meyerweb.com/eric/tools/css/reset/
• CSS代码格式化工具 - http://tool.lanrentuku.com/cssformat/
• NEC - http://nec.netease.com/
• 水平和垂直居中元素的几种常用方法 - http://www.lvyestudy.com/web/web0041.aspx
• Can I use - https://caniuse.com/
• Single Element CSS Spinners - https://projects.lukehaas.me/css-loaders/
• WEB安全色 - http://www.bootcss.com/p/websafecolors/
• CSS Validation Service - http://jigsaw.w3.org/css-validator/validator.html.zh-cn#validate_by_upload
• CSS Reference - https://tympanus.net/codrops/css_reference/
• CSS小工具集合 - http://linxz.github.io/tianyizone/
• 浅谈 CSS 清除浮动的 6 种方法 - https://segmentfault.com/a/1190000003937063
• 前端常用样式总结 - https://segmentfault.com/a/1190000005129296
• css reset - https://cssreset.com/
• css load - https://icons8.com/cssload/
• FASTER&EASIER WEB DEVELOPMENT - http://usablica.github.io/front-end-frameworks/compare.html
• css3-scroll - http://www.xuanfengge.com/demo/201311/scroll/css3-scroll.html
• 移动端隐藏scroll滚动条::-webkit-scrollbar - https://www.cnblogs.com/520yang/articles/5098352.html
• 兼容ie8 rgba()用法 - https://www.tuicool.com/articles/juiEFrb
• CssGaga - https://www.99css.com/cssgaga/
• 史上最全的CSS hack方式一览 - https://blog.csdn.net/freshlover/article/details/12132801
• Select the plates - http://flukeout.github.io/
• Style Tiles - http://styletil.es/
• CSS3/SASS OBJECT GENERATOR - https://icons8.com/csstool/
• Web开发者选择的最佳HTML5/CSS3代码生成器 - http://www.imooc.com/article/2397
• mini.css - https://minicss.org/
• 史上最全Html和CSS布局技巧 - http://www.imooc.com/article/2235
• CSS选择器笔记 - http://www.ruanyifeng.com/blog/2009/03/css_selectors.html

CSS3

• CSS3 教程 - https://www.runoob.com/css3/css3-tutorial.html
• CSS3的REM设置字体大小 - https://www.w3cplus.com/css3/define-font-size-with-css3-rem
• css3gen - https://css3gen.com/wp-content/cache/all/index.html
• CSS3 Patterns Gallery - https://leaverou.github.io/css3patterns/
• enjoycss - https://enjoycss.com/
• 使用 CSS3 实现超炫的 Loading（加载）动画效果 - https://www.cnblogs.com/lhb25/p/loading-spinners-animated-with-css3.html
• Ultimate CSS Gradient Generator - https://www.colorzilla.com/gradient-editor/
• loading - https://loading.io/
• 使用CSS3美化复选框checkbox - https://www.helloweba.net/javascript/295.html
• 用CSS3做各种样式的饼图 - https://segmentfault.com/a/1190000005624945

IE Bug

• 重绘解决IE6/IE7 relative下margin-left不起作用问题实例页面 - https://www.zhangxinxu.com/study/201305/ie6-ie7-margin-left-repain.html
• RM8013: IE6 IE7(Q) IE8(Q) 不支持固定定位（position:fixed）- http://www.w3help.org/zh-cn/causes/RM8013
• IE6,IE7浏览器下 margin 无效的解决方法 - https://www.jb51.net/css/28144.html
• margin-bottom在IE6和IE7下失效的解决办法 - https://blog.csdn.net/ximenxiafeng/article/details/8871158
• 假如不需要兼容IE6，我们可以干掉那些IE hack - http://caibaojian.com/without-ie-hack.html
• 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 - http://www.frontopen.com/2552.html

flex

• 一劳永逸的搞定 flex 布局 - https://juejin.im/post/58e3a5a0a0bb9f0069fc16bb
• flex-cheatsheet - https://yoksel.github.io/flex-cheatsheet/
• Flex 布局教程：语法篇 - http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
• Flex 布局教程：实例篇 - http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
• Flexbox Cheatsheet Cheatsheet - http://jonibologna.com/flexbox-cheatsheet/
• Flexbox Playground - https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/

CSS库

• CSS3动画库 Animatable - https://www.tuicool.com/articles/bAVJb26
• animatable - http://leaverou.github.io/animatable/
• CSS3 UI 库 - http://css3lib.alloyteam.com/
• Magic Animations CSS3 - https://www.minimamente.com/project/magic/
• Animate.css - https://daneden.github.io/animate.css/
• Loaders.css - https://github.com/ConnorAtherton/loaders.css
• WebGradients - https://webgradients.com/
• Aimista - http://animista.net/
• 纯CSS3实现图文轮播焦点图插件 - https://www.html5tricks.com/css3-image-text-player.html
• Normalize.css - https://necolas.github.io/normalize.css/
• Family.scss - http://lukyvj.github.io/family.scss/
• CSShake - http://elrumordelaluz.github.io/csshake/
• BUTTONS V. 2.0.0 - http://www.bootcss.com/p/buttons/
• Hover.css - http://ianlunn.github.io/Hover/
• anicollection - http://anicollection.github.io/#/
• Wenk - https://github.com/tiaanduplessis/wenk

CSS图标

• preloaders - https://icons8.com/preloaders/
• spinners - https://icons8.com/cssload/en/spinners
• 制作图标字体字库 - https://segmentfault.com/a/1190000003003614
• Font Awesome - https://fontawesome.com/
• glyphicons - https://glyphicons.com/
• Ionicons - https://ionicons.com/
• Themify Icons - https://themify.me/themify-icons
• Material Design Iconic Font - http://zavoloklom.github.io/material-design-iconic-font/index.html
• Weather Icons - http://erikflowers.github.io/weather-icons/
• Font Awesome - http://www.fontawesome.com.cn/
• Preloaders - https://icons8.com/preloaders/
• Iconizer - https://icons8.com/iconizer/
• Simple Icons - https://simpleicons.org/

预处理器

• SASS中文文档 - http://sass.bootcss.com/
• Compass - http://compass-style.org/
• stylus中文版参考文档之综述 - https://www.zhangxinxu.com/jq/stylus/
• less - http://www.bootcss.com/p/lesscss/
• Koala - http://koala-app.com/index-zh.html
• PostCSS一种更优雅、更简单的书写CSS方式 - https://www.tuicool.com/articles/nIR3eqi

Webpack

• clean-webpack-plugin - https://www.npmjs.com/package/clean-webpack-plugin
• extract-text-webpack-plugin - https://www.npmjs.com/package/extract-text-webpack-plugin
• Devtool - https://webpack.js.org/configuration/devtool/#src/components/Sidebar/Sidebar.jsx
• analyse - http://webpack.github.io/analyse/
• WEBPACK VISUALIZER - http://chrisbateman.github.io/webpack-visualizer/
• Webpack Chart - https://alexkuz.github.io/webpack-chart/
• Stellar Webpack - https://alexkuz.github.io/stellar-webpack/
• 【手把手带你配 webpack】第一步, 做一个高级前端工程师 - https://juejin.im/post/5c473d11e51d452c8e6d57f2
• 免费的渐进式教程：Webpack4的16篇讲解和16份代码 - https://juejin.im/post/5c25b76ef265da614b120ed0
• webpack4打包vue前端多页面项目 - https://juejin.im/post/5b9b4f046fb9a05d37618115
• 打破砂锅问到底：详解Webpack中的sourcemap - https://segmentfault.com/a/1190000008315937

响应式

• 响应式开发之图片响应式实战 - http://www.imooc.com/article/17019
• 响应式网站手风琴特效 - http://www.imooc.com/article/12620

移动端

• 使用Flexible实现手淘H5页面的终端适配 - https://github.com/amfe/article/issues/17

• 7种方法实现移动端Retina屏幕1px边框效果 - https://www.cnblogs.com/lhb25/p/seven-method-for-1px-retina-screen.html

• 腾讯专业干货！Web图像的常见应用策略与技巧 - https://www.uisdc.com/web-image-strategy-and-skills

• 34个实用的webAPP开发技巧分享，值得收藏 - http://www.sohu.com/a/125923158_500651

• h5移动端网页头部标签模板 - https://www.cnblogs.com/amaoegg/p/4238677.html

• 移动端应该如何动态设置字体大小？ - https://segmentfault.com/a/1190000004189237

• 移动WEB前端开发资源整合 - https://segmentfault.com/a/1190000003978778

• Mobile开发之meta篇 - 秋尘 - https://www.tuicool.com/articles/Uz6fm2F

• 移动Web开发规范摘录 - https://www.open-open.com/lib/view/open1465518028915.html

• Mars - https://github.com/AlloyTeam/Mars

• 移动开发规范概述 - http://alloyteam.github.io/Spirit/modules/Standard/index.html

• 【转载】Web移动端Fixed布局的解决方案 - https://www.w3cplus.com/mobile/mobile-fixed-layout.html

• 移动端CSS平分等分布局延伸 - http://caibaojian.com/mobile-just-center.html

• 移动端CSS3垂直居中对齐 - http://caibaojian.com/mobile-translate.html

• Rem自适应js之精简版flexible.js-前端开发博客 - http://caibaojian.com/simple-flexible.html

• 【原】移动端界面的适配 - https://www.cnblogs.com/xianyulaodi/p/5533201.html

• 移动前端的一些坑和解决方法（外观表现）-前端开发博客 - http://caibaojian.com/mobile-web-bug.html

• 【原】移动web资源整理 - https://www.cnblogs.com/PeunZhang/p/3407453.html

• Mobi Webdev Handbook - http://tgideas.github.io/mtips/

• 涨姿势！手机端的meta你知道多少？ - https://www.uisdc.com/mobile-phone-terminal-meta

• zepto对象思想与源码分析 - https://www.kancloud.cn/wangfupeng/zepto-design-srouce

• dropload - https://github.com/ximan/dropload

• Flutter - https://flutterchina.club/

• Flutter 实战 - https://book.flutterchina.club/

• AlloyTouch - https://github.com/AlloyTeam/AlloyTouch

• iSlider 移动端 Webapp 滑动的最优解决方案 - https://www.tuicool.com/articles/vAfAfa

库

• swiper - https://github.com/wechatui/swiper
• MUI - http://dev.dcloud.net.cn/mui/
• Swiper-slider 具有硬件加速的移动端触摸滑块插件 - https://www.jiawin.com/swiper-mobile-touch-slider-js
• iSlider - http://eux.baidu.com/iSlider/demo/index_chinese.html
• LArea v1.72移动端城市选择控件 - https://github.com/xfhxbb/LArea
• LCalendar移动端日期时间选择控件 - https://github.com/xfhxbb/lCalendar
• 响应式 lightbox 图片画廊 - http://www.jq22.com/jquery-info4052
• Zepto.js - https://www.html.cn/doc/zeptojs_api/
• weui - https://github.com/Tencent/weui
• vConsole - https://github.com/Tencent/vConsole
• touchSwipe百度新闻手机触屏滑动导航 - http://www.jq22.com/jquery-info839
• 移动端下拉刷新、上拉加载更多 Zepto/jQuery插件 - http://www.jq22.com/jquery-info6960
• Layer For Mobile - http://layer.layui.com/mobile/api.html
• weui.js - https://github.com/Tencent/weui.js

电子书

• JavaScript Promise迷你书（中文版）- http://liubin.org/promises-book/

动画库

• create-keyframe-animation - https://github.com/HenrikJoreteg/create-keyframe-animation
• 贝塞尔曲线 - https://cubic-bezier.com
• bezier-curve - http://myst729.github.io/bezier-curve/
• 缓动函数 - https://easings.net
• Lottie - https://airbnb.design/lottie/
• LottieFiles - https://lottiefiles.com/
• TweenMax.js - https://www.jianshu.com/p/9da37e5023eb
• anime - https://github.com/juliangarnier/anime

面试

• 前端面试之你必须要懂的原生JS - https://mp.weixin.qq.com/s?__biz=Mzg2MzE5MjMxNQ==&mid=2247488724&idx=1&sn=f7afd5b59f1b538cc6588d468665b1c3&chksm=ce7d0140f90a8856c2d7ec2a1fef20d3b54e48177553c488c45e819cc9580f9e69252e032053&mpshare=1&scene=1&srcid=&key=a42f6d0b8e7a036c9c0b078d780d2df0339b60ffaaaa08c83725ea5bcb6f216b412ed49493188cd16dcfffe67a5116c184c19040aa2e6522b296eb645dcc75d5bf5ff572cf485e5bc3df28d08947644d&ascene=1&uin=MzQ0MDgwNjgw&devicetype=Windows+7&version=62060739&lang=zh_CN&pass_ticket=4imWhAzcf343GrDum40HKqNRTaJaWHOQy%2FPFBPEw89FhY9B83dw6LHfUCy%2B6kDEA
• 这些HTML、CSS知识点，面试和平时开发都需要 - http://www.imooc.com/article/8677
• 破解前端面试（80% 应聘者不及格系列）：从闭包说起 - http://www.imooc.com/article/17596
• 【前端面试题】生成[1,2,3,4,5,6,7,8,9]的随机数组 - http://www.imooc.com/article/12845
• 前端面试CSS 相关问题 - http://www.imooc.com/article/10159
• Web前端面试题目及答案汇总 - http://www.imooc.com/article/8201
• 前端面试题总结 HTTP\浏览器篇 （一）- http://www.imooc.com/article/16746
• 面试题汇总 HTML+CSS篇 （一）- http://www.imooc.com/article/16745
• 程序员拿下面试只差这几步！ - http://www.imooc.com/article/12073

简历

• http://www.flqin.com/
• 程序员必备技能：在Github上部署自己的简历 - https://segmentfault.com/a/1190000006820290

git

• git永久保存账号密码，免去git重复输入账号密码操作 - https://blog.csdn.net/lyly4413/article/details/80691751
• Git 远程仓库详解 - https://www.linuxidc.com/Linux/2014-09/106233.htm
• 在 Linux 下搭建 Git 服务器 - https://www.cnblogs.com/dee0912/p/5815267.html
• Windows下 Git 的基本操作 - https://blog.csdn.net/zhouyingge1104/article/details/42393955
• Git教程 - https://www.liaoxuefeng.com/wiki/896043488029600
• 版本管理工具介绍—Git篇 - http://www.imooc.com/learn/208
• 分支管理策略 - https://www.liaoxuefeng.com/wiki/896043488029600/900005860592480
• Git常用命令 - https://www.cnblogs.com/cspku/articles/Git_cmds.html
• Git 基础 - 远程仓库的使用 - https://git-scm.com/book/zh/v2/Git-基础-远程仓库的使用
• git bash退出后怎么再登录 - http://www.imooc.com/qadetail/61568
• Git SSH Key 生成步骤 - https://blog.csdn.net/hustpzb/article/details/8230454/
• TortoiseGit安装与配置 - https://github.com/cncounter/translation/blob/master/tiemao_2014/GitHelp/02_TortoiseGit.md

设计网站精选

• 设计导航 - http://hao.shejidaren.com/
• 花瓣 - https://huaban.com/
• 站酷 - https://www.zcool.com.cn/
• 优设 - https://www.uisdc.com/
• 致设计 - http://www.zhisheji.com/
• UI中国 - https://www.ui.cn/
• 千库网 - https://588ku.com/
• 千图网 - https://www.58pic.com/
• 摄图网 - http://699pic.com/
• 90设计网 - http://90sheji.com/
• 绘艺素材 - https://www.huiyi8.com/
• 站酷海洛 - https://www.hellorf.com/
• videvo - https://www.videvo.net/
• pixabay - https://pixabay.com/
• pond5 - https://www.pond5.com/
• 觅元素 - http://www.51yuansu.com/
• 数字驿站 - https://www.19820.com/
• 炫网站 - https://www.xuansite.com/
• 365psd - https://cn.365psd.com/
• Ads of the World - https://www.adsoftheworld.com/
• envato market - https://graphicriver.net/
• rawpixel - https://www.rawpixel.com/
• psdboom - https://psdboom.com/
• piktab - http://www.piktab.com/
• wallhaven - https://wallhaven.cc/
• 500px - https://web.500px.com/
• pexels - https://www.pexels.com/
• dribbble - https://dribbble.com/
• 百度识图 - http://image.baidu.com/?fr=shitu
• 昵图网 - http://www.nipic.com/
• Public Domain Images - https://www.publicdomainarchive.com/
• DEATH TO STOCK - https://deathtothestockphoto.com/
• Life of Pix - https://www.lifeofpix.com/
• picjumbo - https://picjumbo.com/
• Gratisography - http://gratisography.com/
• 3000pix - http://www.sozai-page.com/
• ARTLEO - https://www.artleo.com/
• hdwallsource - https://hdwallsource.com/
• viintage - https://www.viintage.com/
• Photows - https://photows.com/
• Zoommy - https://zoommyapp.com/
• Unsplash - https://unsplash.com/
• 稀土区 - https://xituqu.com/
• 人人都是产品经理 - http://www.woshipm.com/

矢量素材

• Vecteezy - https://www.vecteezy.com/
• vexels - https://www.vexels.com/
• 123FreeVectors - https://www.123freevectors.com/
• envatotuts+ - https://design.tutsplus.com/categories/freebies
• bittbox - https://www.bittbox.com/freebies
• FreeVectors - https://www.freevectors.net/
• vectorjunky - https://www.vectorjunky.com/

UI

• 超全面！腾讯设计师做了100个弹框后总结的设计经验 - https://www.uisdc.com/tencent-100-popup-box
• 12个做好动效的法则 - https://www.zcool.com.cn/article/ZNDI3OTQ0.html
• 2016年里约奥运会H5精品合集！- https://www.zcool.com.cn/article/ZNDI4NTg4.html
• 想做好「单选框」的用户体验，这儿有10个技巧可以帮你 - https://www.uisdc.com/radio-buttons-design-skills
• 超实用！写给设计师的移动页面适配小知识 - https://www.uisdc.com/mobile-website-adaptation-skills
• 超全面干货！弹窗设计的5条基本原则 - https://www.uisdc.com/popup-design-principles
• 在配色这件事情上，总会有一些有趣且有用的小技巧 - https://www.uisdc.com/10-tips-for-great-color-palettes
• 方法多多！教你搞定手绘专题页设计 - https://www.uisdc.com/sketch-subject-page-100-ways
• 电商UI界面 空数据无结果页设计【已应用】 - https://www.zcool.com.cn/work/ZMjIyNDEwNTI=.html
• 无数据页面_无订单、无收藏、无地址、无红包、报错 - https://www.zcool.com.cn/work/ZMjQ5NTM2Njg=.html
• 双11福利来了！电商Banner/专题设计专属中文字体打包下载 - https://www.uisdc.com/double-11-banner-fonts
• 关注这12个设计团队的公众号，设计能力day day UP！ - https://www.uisdc.com/best-design-team-wechat-id
• 夏季促销天猫首页 - https://588ku.com/png/293.html
• 汽车用品店铺首页 - https://588ku.com/png/96573.html
• 旅游首页 - https://588ku.com/png/97773.html
• 阳澄湖大闸蟹淘宝国庆节模板 - https://588ku.com/png/128737.html
• 食品首页 - https://588ku.com/png/97561.html
• 旅游海报 - https://588ku.com/png/97866.html
• 电商旅游首页 - https://588ku.com/png/97312.html
• 食品中国风店铺首页 - https://588ku.com/png/504.html
• 五大步骤！细说Banner图设计之平面构成的奥秘 - https://www.uisdc.com/banner-design-graphic-structure
• 说走就走！勾引你出门旅游的网站都长什么样？ - https://www.uisdc.com/hotel-travel-websites
• 帮你找好图！99%的互联网从业者都要学会的图片搜寻方法 - https://www.uisdc.com/essential-image-search-skills
• Ai教程：教你创建纱布缠绕的木乃伊文字效果 - https://www.uisdc.com/create-a-mummy-text-effect-ai
• 实例教学！如何打造丰富而充满呼吸感的网页设计布局？ - https://www.uisdc.com/website-layout-with-breathe
• 极简风格 别墅设计网站 - https://www.zcool.com.cn/work/ZMTc4ODIzNTI=.html
• skullcandy(web Design) - https://www.zcool.com.cn/work/ZMTcyMTIzMjQ=.html
• 眼镜太阳镜首页 - https://www.zcool.com.cn/work/ZMTc3MjgyMjQ=.html
• 游哈哈旅游web设计 - https://www.ui.cn/detail/221712.html
• 基础形状怎么玩？来看这组六边形元素的优秀网页设计 - https://www.uisdc.com/website-designs-using-hexagons
• PS教程！教你五分钟快速绘制大气磅礴的水墨字效果 - https://www.uisdc.com/photoshop-ink-font-effect
• PS教程！教你快速简单打造一个元气满满的彩虹糖果字效 -https://www.uisdc.com/photoshop-rainbow-candy-effect
• 创意汉字！把握字体图形化设计的精髓 - https://www.uisdc.com/graphical-font-design
• PS新手教程：创建优雅的紫色光泽文字效果 - https://www.uisdc.com/purple-text-effect-tutorial
• 魅族视觉总设计师：写好一份简历的十个基本法 - https://www.uisdc.com/meizu-10-resume-design-principles
• 实用素材！22组深色风格登录表格PSD免费下载 - https://www.uisdc.com/22-dark-form-psd-freebies
• 良心资源！20个风格多样的高质量404模板免费下载 - https://www.uisdc.com/20-404-high-quality-templates
• 已打包！谷歌专业图像处理插件「Nik Collection」开放免费下载 - https://www.uisdc.com/google-graphic-nik-collection
• 修图教程！5步学会PS风景修图＋利器推荐 - https://www.uisdc.com/photoshop-scenery-photo-tools
• 20张美轮美奂的iPhone+iPad壁纸（iOS7适用） - https://www.uisdc.com/ios-7-iphone-ipad-wallpapers
• 图片里面这个像素改成#XXX咋办？ - https://www.zcool.com.cn/article/ZMTY5NzI0.html
• 手机端界面设计必备！全方位科普常用的字体规范 - https://www.ui.cn/detail/49476.html
• 世界十大著名建筑 缩影 - https://www.zcool.com.cn/work/ZMzg3NzkxMg==.html
• 为世界著名建筑发篇帖子 - https://www.zcool.com.cn/work/ZMTI2ODI1OTI=.html
• 著名建筑黑白手绘 - https://www.zcool.com.cn/work/ZNzE5MDg1Mg==.html
• 世界上51幢“奇怪”的建筑（整理收集）- https://www.zcool.com.cn/work/ZNzAzOTAwMA==.html
• 小黄人图标 - https://www.zcool.com.cn/work/ZMTM0MDk5ODQ=.html
• Flower mountain 山雾花野 2016/s s宣传片 Desgined by 武减武 - https://www.zcool.com.cn/work/ZMTUyNjA5MTY=.html#
• 2017年，这五条设计趋势将惊艳整个设计圈 - https://www.uisdc.com/5-main-design-trend-2017
• 超实用！10个帮你搞定整页专题设计的方法（附案例）- https://www.uisdc.com/website-subject-design-method
• 北京旅游响应式网站 - https://www.zcool.com.cn/work/ZMTc1MDI5ODQ=.html
• 内部教程！超实用6步透视网易设计规范（附完整PDF下载） - https://www.uisdc.com/163-design-principle-and-guideline
• 智能掬月灯--在家里安一个好玩的月亮 - https://www.zcool.com.cn/work/ZMTc4NDkyNjQ=.html
• 通过色彩，让设计平衡——在无序中找到规律 - https://www.zcool.com.cn/article/ZMTY3NDQ4.html
• 如虎添翼！20个精心挑选新鲜好用的前端开发工具 - https://www.uisdc.com/20-fresh-handpicked-development-tools
• 灰昼的私人影单！设计师必看的10部电影（上篇） - https://www.uisdc.com/noirchen-personal-designer-movies-1
• 灰昼的私人影单！设计师必看的10部电影（中篇） - https://www.uisdc.com/noirchen-personal-designer-movies-2
• PS教程：教你打造惊艳的分散特效美女 - https://www.uisdc.com/dispersion-effect-with-photoshop
• PS抠图神器：KnockOut 2.0汉化版下载及教程 - https://www.uisdc.com/knockout-2-0
• 2016流行这2种色彩！附优秀网页设计案例 - https://www.uisdc.com/2016-year-pantone-color
• 年度总结！2015年不容错过的最佳网页设计作品 - https://www.uisdc.com/best-website-designs-2015
• 干货总结！每个设计师需知的40个设计素材站 - https://www.uisdc.com/40-resources-designer-should-know
• PS新手教程！手把手教你打造马赛克拼贴纹理LOGO模板 - https://www.uisdc.com/photoshop-mosaic-logo-template
• 只出一稿爱要不要！IBM的经典LOGO是如何创造出来的？ - https://www.uisdc.com/ibm-logo-design-history
• PS新手教程！手把手教你打造一个雪地冰晶图标 - https://www.uisdc.com/photoshop-create-speakers-icon
• 冬季限定！一组寒冬主题的免费图标素材合集 - https://www.uisdc.com/winter-icons-asset-download
• PS教程！手把手教你绘制一个复古风格的旧电视图标 - https://www.uisdc.com/photoshop-old-tv-icon
• PS教程！手把手教你临摹一枚QQ浏览器图标 - https://www.uisdc.com/photoshop-qq-browser-icon
• PS新手教程！手把手教你绘制一枚日历图标 - https://www.uisdc.com/photoshop-create-calendar-icon
• 从菜鸟到高手！Photoshop抠图全方位攻略 - https://www.uisdc.com/photoshop-matting-techniques
• PS教程！手把手教你创建酷炫赤焰的岩石字效 - https://www.uisdc.com/photoshop-lava-font-effect
• 身临其境！那些给人逼真交互体验的优秀网页设计 - https://www.uisdc.com/interactive-walks-websites
• 酷站两连发！宠物小精灵专属配色网站+CSS Hover动画收集站 - https://www.uisdc.com/pokemon-color-css-hover
• 设计师的读书笔记！带你重新全面认识色彩系列之红色篇 - https://www.uisdc.com/designer-review-color-red
• 深入浅出学配色！带你重新全面认识色彩系列之橙色篇 - https://www.uisdc.com/designer-review-color-orange
• 深入浅出学配色！带你重新全面认识色彩系列之黄色篇 - https://www.uisdc.com/designer-review-color-yellow
• PS神器！简单实用的黄金分割工具免费下载 - https://www.uisdc.com/divine-proportions-toolkit
• 欢迎入坑！现代404页面设计趋势分析与案例 - https://www.uisdc.com/404-error-page-design-analysis
• 涨姿势！英文排版真得比中文排版好看吗？ - https://www.uisdc.com/chinese-english-typesetting-comparison
• 神器两连发！谷歌新出的取色小工具+5个常用的色彩灵感网站 - https://www.uisdc.com/google-rgb-color-websites
• 酷站两连发！收录高达130万免费图标素材的两个网站 - https://www.uisdc.com/1300-thousand-icon-resource-website
• 开学福利！2016年9月设计圈超实用干货大合集 - https://www.uisdc.com/resources-for-designers-september-2016
• 2016几个小作 - https://www.zcool.com.cn/work/ZMTc4NzkwODA=.html
• 没思路？教你3招轻松搞定电商Banner排版 - https://www.uisdc.com/space-form-banner-typesetting
• 精准投放！2016年六月设计圈超实用干货大合集 - https://www.uisdc.com/new-for-designers-june-2016
• 电影丨10部值得观看收藏的设计干货电影 - https://www.uisdc.com/10-design-movie-worth-collect

动画及交互设计

• 百度2016奥运首页动画第一弹 - https://www.zcool.com.cn/work/ZMTc3NDQyODA=.html
• UI动效交互（附psd.aep.工程文件） - https://www.zcool.com.cn/work/ZMTc3Mjk3MTI=.html
• 走心！优秀的移动端UI应当如何用微交互打磨细节？ - https://www.uisdc.com/animated-microinteractions-in-mobile-apps
• 转场动效 - https://www.uisdc.com/tag/转场动效
• 超全面干货！如何制作符合场景的交互动效？ - https://www.uisdc.com/design-motion-fit-scenario
• 想临摹动效作品？先来学会这10条动态设计原理 - https://www.uisdc.com/motion-design-10-pinciples
• 超全面！文字LOGO的7种动效设计方法（新手版+进阶版） - https://www.uisdc.com/logo-motion-design-method

配色

• Color Hunt - https://colorhunt.co/
• material design palette - https://www.materialpalette.com/
• ColorDrop - https://colordrop.io/
• paletton - http://paletton.com/
• colorcombos - https://www.colorcombos.com/
• ColorScheme Designer - http://www.peise.net/tools/web/
• Adobe Color - https://color.adobe.com/zh/create
• LOLCOLORS - https://www.webdesignrankings.com/resources/lolcolors/
• NIPPON COLORS - http://nipponcolors.com/
• HTML Color Codes - https://htmlcolorcodes.com/
• palettr - http://www.palettr.com/
• coolors - https://coolors.co/
• Colordot - https://color.hailpixel.com/

图标

• Scalable Icons - http://icons.marekventur.com/
• Feather - https://feathericons.com/
• IconFinder - https://www.iconfinder.com/
• IconSeeker - http://www.iconseeker.com/
• easyicon - https://www.easyicon.net/
• Font Awesome - http://www.bootcss.com/p/font-awesome/
• FindIcons - https://findicons.com/
• iconninja - http://www.iconninja.com/
• iconfont - https://www.iconfont.cn/
• Evil Icons - https://evil-icons.io/

字体

• 站长字体 - http://font.chinaz.com/
• 求字体网 - http://www.qiuziti.com/
• 汉仪字库 - http://www.hanyi.com.cn/
• 6款女性节日专属的中文字体打包下载（非商用） - https://www.uisdc.com/hanyi-lady-style-fonts
• dafont - https://www.dafont.com/
• FDR - https://freedesignresources.net/category/free-fonts/
• FiraCode - https://github.com/tonsky/FiraCode
• Sarasa-Gothic - https://github.com/be5invis/Sarasa-Gothic
• google-fonts - https://fonts.google.com/
• FontsQuirrel - https://www.fontsquirrel.com/
• 字体设计 - https://www.uisdc.com/category/uiicon/fonts-design
• MyFonts - https://www.myfonts.com/
• 字体之家 - http://www.17ziti.com/
• 艺术字体转换器 艺术字体在线生成器 - http://www.akuziti.com/
• 站酷字体 - http://www.zcool.com.cn/special/zcoolfonts/
• 9款适合电商促销Banner 的中文字体打包下载（个人非商用）- https://www.uisdc.com/banner-design-chinese-fonts-download
• 中文字体 - https://www.uisdc.com/tag/中文字体
• 做电商设计，高手都在用这17款中文字体（附案例） - https://www.uisdc.com/17-ecommerce-chinese-fonts

优秀网站欣赏

• https://www.protest.eu/
• https://www.curioos.com/
• http://www.postersinamsterdam.com/
• https://www.design-seeds.com/
• https://visitlaholm.se/
• http://holmmarcher.dk
• https://thefwa.com/
• https://thefwa.com/
• https://www.calm.com/
• http://www.wtown.com/
• http://www.smtgreatwall.com/

Logo

• logoed - http://www.logoed.co.uk/
• logopond - https://logopond.com/
• cnlogo8 - http://www.cnlogo8.com/
• logo8 - http://www.logo8.cn/
• LogoTalkz - http://www.logotalkz.com/
• logofaves - http://logofaves.com/
• LogoMoose - https://www.logomoose.com/
• Logo of the day - https://logooftheday.com/
• Logospire - http://logospire.com/
• logodesignlove - https://www.logodesignlove.com/
• logodesign - https://www.logodesign.co.uk/
• seeklogo - https://seeklogo.com/

PS

• PS教程自学网 - http://www.16xx8.com/
• 学会这20招PS操作技巧，提高80%的工作效率 - https://www.uisdc.com/20-photoshop-skills-improve-productivity

素材

• 创意涂鸦数字字母 - https://588ku.com/yishuzi-zt/2732.html

编辑器

• Markdown Preview Enhanced - https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/
• Aptana Studio 3 - http://www.aptana.com/
• Emmet插件使用方法总结 - https://www.tuicool.com/articles/nMRveiF
• IntelliJ IDEA 注册码 - http://idea.lanyus.com/

VS Code

• 强大的 VS Code - https://www.imooc.com/article/39349
• [原创] VSCode 高效开发必装插件 - https://devopen.club/course/vscode
• vs code nginx php xdebug配置 - https://www.cnblogs.com/jackieron/p/6654232.html

WebStorm

• webstorm 2017 激活破解 - https://blog.csdn.net/it_talk/article/details/52448597
• Color Themes - http://color-themes.com
• Ladies Night 2 - http://color-themes.com/?view=theme&id=566065a4ddacef1b003edb63
• Solarized Dark - http://color-themes.com/?view=theme&id=563a1a6280b4acf11273ae3f
• webstorm如何自动新建vue模板 - https://jingyan.baidu.com/article/86fae346f31c243c49121a86.html
• WebStorm设置手机测试服务器-局域网内其他设备访问 - http://blog.sina.cn/dpool/blog/s/blog_6a8557730102wo0a.html
• WebStrom-Setting - https://github.com/YutHelloWorld/WebStrom-Setting

Sublime Text

• Sublime Text 3前端开发常用优秀插件介绍 - https://www.cnblogs.com/hykun/p/sublimeText3.html
• 从这篇教程开始, 成为 Sublime Text 大师 - https://learnku.com/laravel/t/2825/start-with-this-tutorial-and-become-a-sublime-text-master
• 2015 和 2016 最好 Sublime Text 3 主题 - https://www.html.cn/archives/6367
• Gif多图：我常用的 16 个 Sublime Text 快捷键 - http://blog.jobbole.com/82527/
• sublime text 3 插件推荐？ - https://www.zhihu.com/question/24736400
• Sublime Text插件：HTML+CSS+JAVASCRIPT+JSON快速格式化 - http://jokerliang.com/html-css-javascript-and-json-code-formatter-for-sublime-text-2-and-3.html
• [前端日报]推荐2个前端装逼工具 - https://www.html.cn/archives/6066
• 如何优雅地使用Sublime Text - https://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/
• sublime 自动添加兼容前缀插件autoprefixer - https://www.cnblogs.com/tinyphp/p/4738571.html
• Sublime Text3 BracketHighlighter高亮色彩配置 - https://www.tuicool.com/articles/EV3eEzA
• sublime text 3 扩展插件SideBarEnhancements用法教程–使用浏览器快捷预览网页 - https://www.tuicool.com/articles/36FNJbv
• SetiUI-Icons-Sublime - https://github.com/mrmartineau/SetiUI-Icons-Sublime
• 我的 Sublime Text 必备插件 - https://segmentfault.com/a/1190000002748032

工具

• 百度搜索 - https://www.baidu.com/
• 百度翻译 - https://fanyi.baidu.com/
• 谷歌翻译 - https://translate.google.cn/
• iconfont - https://www.iconfont.cn/
• donothingfor2minutes - http://www.donothingfor2minutes.com/
• asoftmurmur - https://asoftmurmur.com/
• 面试图谱 - https://github.com/InterviewMap/CS-Interview-Knowledge-Map
• Adobe CC 2019 - http://www.lookae.com/adobe-cc-2019/
• codepen - https://codepen.io/xiaogutou123/
• wordart - https://wordart.com/
• GitHub Desktop - https://desktop.github.com/
• ProcessOn - https://www.processon.com/
• PDF转Word转换器在线 - https://www.addpdf.cn/pdf-to-word
• Browsersync中文网 - http://www.browsersync.cn/
• IP 查询 - https://ip.cn/
• Emojipedia - https://emojipedia.org/
• 在线电子书转换器 - http://cn.epubee.com/
• Font Awesome - http://fontawesome.dashgame.com/
• HTML Minifier - https://www.willpeavy.com/tools/minifier/
• Framer中文网 - http://framerjscn.github.io/
• kjson - http://www.kjson.com/
• transfonter - https://transfonter.org/
• Unix时间戳 - http://tool.chinaz.com/Tools/unixtime.aspx
• json - https://www.json.cn/
• CMD5 - https://www.cmd5.com/
• MD5在线加密 - https://md5jiami.51240.com/
• bejson - http://www.bejson.com/
• jsonlint - https://jsonlint.com/
• UrlEncode编码/UrlDecode解码 - http://tool.chinaz.com/Tools/urlencode.aspx
• spritecow - http://www.spritecow.com/
• IcoMoon - https://icomoon.io/
• tinypng - https://tinypng.com/
• 汉字编码 - https://bianma.supfree.net/
• JSLint - http://www.jslint.com/
• CSS格式化 - http://tool.chinaz.com/Tools/CssFormat.aspx
• 马克鳗 - http://www.getmarkman.com/
• 编码BASE64 - https://tool.css-js.com/base64.html
• CSS Sprites Generator - https://www.toptal.com/developers/css/sprite-generator
• IFE CSS Sprites Tools - http://tool.luodao.me/css-sprite

技术书籍

前端

• CSS世界 - http://product.dangdang.com/25206611.html
• CSS揭秘 - http://product.dangdang.com/23953090.html
• JavaScript高级程序设计(第3版) - http://product.dangdang.com/22628333.html
• JavaScript DOM编程艺术(第2版) - http://product.dangdang.com/21049601.html
• JavaScript权威指南（第6版）- http://product.dangdang.com/22722790.html
• 你不知道的JavaScript（上卷） - http://product.dangdang.com/23684262.html
• 你不知道的JavaScript（中卷） - http://product.dangdang.com/24029188.html
• 你不知道的JavaScript（下卷） - http://product.dangdang.com/25210295.html

书单

• 深度工作:如何有效使用每一点脑力 - http://product.dangdang.com/25092589.html
• 且以优雅过一生：杨绛传（杨绛传记的标杆之作）- http://product.dangdang.com/24026197.html
• 你一学就会的思维导图 - http://product.dangdang.com/24198061.html#ddclick_reco_recobar_product_1
• 若无相欠，怎会相见 - http://product.dangdang.com/23676664.html#ddclick_reco_reco_relate
• 你是人间四月天（民国女神林徽因诗歌、散文、小说代表作完整收录。）- http://product.dangdang.com/23608680.html

技术相关

• 为 2019 年的你：力荐 35 个最好用的 Vue 开源库，和 7 个 Nuxt 开源库 - https://zhuanlan.zhihu.com/p/53662926
• 前端缓存 - https://zhuanlan.zhihu.com/p/39239447
• [译]无尽滚动的复杂度--来自Google大神的拆解 - https://www.jianshu.com/p/4e16b4211d84
• js判断PC端还是移动端 - https://www.cnblogs.com/dongxiaolei/p/6336664.html
• mpvue+小程序云开发，纯前端实现婚礼邀请函 - https://juejin.im/post/5c341e1d6fb9a049f66c4876
• 岳云鹏相声大集合 : 小岳岳私生子都上台了！ - https://www.iqiyi.com/v_19rqzyvjrg.html
• JS-SDK微信支付开发攻略 - https://www.cnblogs.com/fafaly/p/4540838.html
• bluebirdjs - http://bluebirdjs.com/docs/getting-started.html
• 中国机读目录格式(CNMARC) - http://bmzx.zslib.com.cn/marc.htm
• LIBNET图书馆集群管理系统 - http://www.tcmarc.net/libwiki/
• 【原】雅虎前端优化的35条军规 - https://www.cnblogs.com/xianyulaodi/p/5755079.html
• 前端优化：雅虎35条 - https://www.tuicool.com/articles/J3uyaa
• 2万5千字大厂面经 | 掘金技术征文 - https://juejin.im/post/5ba34e54e51d450e5162789b
• 掘金 2018 年度文章 Top 榜 - https://juejin.im/post/5c3ac44b51882553073fefb5
• MongoDB可视化工具Studio 3T的使用 - https://blog.csdn.net/weixin_39999535/article/details/81383196
• Hawk-eye: 小型前端监控系统，PuppeteerJS ＋ ThinkJS ＋ VueJS - https://github.com/zhentaoo/hawk-eye
• 滴滴WebApp架构组 - https://juejin.im/user/59dc483e6fb9a0450e7511b4
• slack - https://get.slack.help/hc/en-us
• React 还是 Vue: 你应该选择哪一个Web前端框架？ - https://www.cnblogs.com/Chen-XiaoJun/p/6246946.html
• 从开源项目中你能学到什么？ - https://mp.weixin.qq.com/s?__biz=MzIyOTc0NzAwNg==&mid=2247484026&idx=1&sn=18722f267e807e8439b969901ba9e7a4&chksm=e8bcb22bdfcb3b3d761740493a792be59da0dca664e6a36bb5346052c468a675d8b9db3bd6bb&mpshare=1&scene=23&srcid=#rd
• 运算符优先级 - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
• Ubuntu16.04下搭建LAMP环境 - https://blog.csdn.net/longgeaisisi/article/details/78448525
• es5兼容性 - https://caniuse.com/#feat=es5
• 萤火商城在线文档 - https://www.yiovo.com/index/document/index/doc_id/10001
• 萤火小程序商城 - https://demo.yiovo.com/index.php
• WebStorm设置手机测试服务器-局域网内其他设备访问 - http://blog.sina.com.cn/s/blog_6a8557730102wo0a.html
• 键盘键和键盘键控制值一览表（键盘按键对应代码表）- https://www.cnblogs.com/analyzer/articles/1052299.html

后端

PHP

• PHP 手册 - https://php.net/manual/zh/

• PHP 教程 - https://www.runoob.com/php/php-tutorial.html

• PHP 教程 - http://www.w3school.com.cn/php/index.asp

• 语言参考 - https://php.net/manual/zh/langref.php

• 命名空间概述 - https://php.net/manual/zh/language.namespaces.rationale.php

• PHP Filter 函数 - https://www.runoob.com/php/php-ref-filter.html

• PHP 5 Array 函数 - https://www.runoob.com/php/php-ref-array.html

• PHP 5 Calendar 函数 - https://www.runoob.com/php/php-ref-calendar.html

• PHP语言开发知识体系图 - http://www.jikexueyuan.com/path/php/

• PHP工程师 - http://ke.jikexueyuan.com/zhiye/php/

• php100 - http://www.php100.com/

• php中文网 - http://www.php.cn/

• PHPThumb - https://github.com/masterexploder/PHPThumb

• Zebra_Image - https://github.com/stefangabos/Zebra_Image

• Registration Form with Draggable Capture - https://tympanus.net/codrops/wp-content/uploads/2009/09/captcha/captcha.html

• Epicaptcha themes - http://www.epicaptcha.com/php-captcha-epicaptcha-themes?theme=bluebar#gohere

• motioncaptcha - http://www.josscrowcroft.com/demos/motioncaptcha/

• PHP第3款：上传图片upload.php?action=img - http://www.ijquery.cn/?p=1233

• 彻底理解PHP的SESSION机制 - https://www.cnblogs.com/acpp/archive/2011/06/10/2077592.html

• 教你php如何实现验证码 - https://www.jb51.net/article/78361.htm

• php mysql 封装类实例代码 - https://www.jb51.net/article/92858.htm

• PHP中获取文件扩展名的N种方法 - https://blog.csdn.net/yanfangphp/article/details/8633896

• PHP Ajax 跨域问题最佳解决方案 - https://www.runoob.com/w3cnote/php-ajax-cross-border.html

• MySQLi 扩展的功能概述 - https://php.net/manual/zh/mysqli.summary.php

• php单表多字段多关键字搜索的类适用于小型网站和后台 - https://blog.csdn.net/sha_cq/article/details/8033790

• php四个常用类封装 - https://blog.csdn.net/baochao95/article/details/52055353

• Laravel 论坛首页 - https://learnku.com/laravel

• Laravel - https://laravel.com/

• thinkphp实现html静态缓存 - http://wp.iyouths.org/250.html

• Composer 中文文档 - https://docs.phpcomposer.com/

• PHP开发 红蓝两方投票功能教程之jQuery-jQuery - http://www.php.cn/code/4688.html

TP5

• Thinkphp5.0.3启用https后，访问路由规则定义的链接报404 - http://www.thinkphp.cn/topic/43660.html
• ThinkPHP5.0完全开发手册 - https://www.kancloud.cn/manual/thinkphp5/118003
• ThinkPHP5快速入门 - https://www.kancloud.cn/thinkphp/thinkphp5_quickstart
• ThinkPHP 5.0 速查表 - https://yangweijie.github.io/thinkphp-lts/index.html
• 理达课堂 - https://www.kancloud.cn/@ldkt
• 快速入门（二）：URL和路由 - https://www.kancloud.cn/thinkphp/thinkphp5_quickstart/145250
• ThinkPHP5开发环境(Win版) - https://www.kancloud.cn/ldkt/tp5_db/224606
• ThinkPHP5数据库实例详解 - https://www.kancloud.cn/ldkt/tp5_db
• ThinkPHP5路由完全指南 - https://www.kancloud.cn/thinkphp/route-master
• ThinkPHP5入门系列- https://www.kancloud.cn/special/thinkphp5_quickstart
• 给ThinkPHP5增加验证码功能 - http://www.thinkphp.cn/topic/38635.html
• 基于thinkphp5小功能设计与实现 - https://www.kancloud.cn/zhiqiang/helper
• ThinkBlog操作文档 - https://www.kancloud.cn/thinkblog/thinkblog
• tp5 集成swagger - https://my.oschina.net/u/3447660/blog/1796354

Python

• Matplotlib - https://matplotlib.org/
• downloads - https://www.python.org/downloads/
• python教程_python基础教程_python视频教程-慕课网 - http://www.imooc.com/course/list?c=python
• pygame - https://bitbucket.org/pygame/pygame/downloads/
• Python web工程师成长之路 - https://coding.imooc.com/line/pythonline?mc_marking=b1f297c0d37993f112cc671ebe57985e&mc_channel=bdpythonzt
• pyecharts - https://pyecharts.org

数据库

• SQL 教程 - https://www.runoob.com/sql/sql-tutorial.html
• MySQL 教程 - https://www.runoob.com/mysql/mysql-tutorial.html
• MySQL-mysql 8.0.11安装教程 -https://www.cnblogs.com/laumians-notes/p/9069498.html
• RBAC用户角色权限设计方案 - https://www.cnblogs.com/vinozly/p/4851364.html

Linux

• 鳥哥的 Linux 私房菜 - http://linux.vbird.org/
• centos mysql 安装及配置 - https://jingyan.baidu.com/article/fec7a1e5f8d3201190b4e782.html
• Linux 教程 - https://www.runoob.com/linux/linux-tutorial.html
• VMware虚拟机安装CentOS 7并搭建lamp服务器环境 - https://blog.csdn.net/chandoudeyuyi/article/details/52223600
• 在VMware中的CentOS7.2上安装并配置LAMP服务器 - https://blog.csdn.net/l_php_j/article/details/51996816
• CentOS 7下搭建LAMP平台环境 - https://www.linuxidc.com/Linux/2015-06/118818.htm
• centos7下使用yum安装mysql5.7.10 - https://www.cnblogs.com/hwd-cnblogs/p/5213337.html
• CentOS 6.8 设置网络 - https://jingyan.baidu.com/article/09ea3ede110dfcc0afde396b.html
• LAMP之CentOS 6.8 安装 MySQL - https://jingyan.baidu.com/article/c1a3101e5c62b1de646deb6d.html
• LAMP之CentOS 6.8 安装 PHP - https://jingyan.baidu.com/article/14bd256e78097abb6d261238.html
• centos中安装mysql并使用mysql - https://blog.csdn.net/damotiansheng/article/details/37904175
• LAMP之CentOS 6.8 安装 Apache - https://jingyan.baidu.com/article/676629977b3ab054d51b8437.html
• 教你怎么使用xshell远程连接linux服务器 - https://jingyan.baidu.com/article/ab69b270b0ca3d2ca7189fdc.html
• Linux下安装操作Git远程仓库与本地仓库同步的教程 - https://blog.csdn.net/lyx_win/article/details/52231007
• [Linux] yum和apt-get用法及区别 - https://www.cnblogs.com/garinzhang/p/diff_between_yum_apt-get_in_linux.html
• CentOS 6.8下Apache服务器安装和配置详解 - https://www.linuxidc.com/Linux/2016-09/134827.htm
• CentOS6网络设置（桥接模式）&Xshell连接虚拟机--（Linux达人养成计划）- http://www.imooc.com/article/13517
• VMware下通过桥接模式给CentOS配置静态IP - https://blog.csdn.net/CleverCode/article/details/45935073
• ubuntu apache https设置 - https://www.cnblogs.com/llkbk/p/7371734.html
• ubuntu14.04彻底删除nginx - https://blog.csdn.net/u010571844/article/details/50819704
• Ubuntu下彻底卸载MySQL - https://www.linuxidc.com/Linux/2013-04/82934.htm
• mysql-ubuntu14.04彻底卸载mysql - https://blog.csdn.net/qq_25730711/article/details/53503959
• ubuntu彻底干净卸载MySQL、Apache2、Php的方法（各版本通用）- https://blog.csdn.net/az44yao/article/details/49508143
• ubuntu14.04 安装apache+mysql+php - https://www.cnblogs.com/asminfo/p/6734482.html
• 在Ubuntu上的Apache配置SSL(https证书)的正确姿势 - https://blog.csdn.net/qq_32795135/article/details/79341400
• Win10系统下80端口被占用导致Apache无法启动怎么办 - http://www.win7zhijia.cn/win10jc/win10_7189.html
• Ubuntu 14.04下搭建Node.js开发环境 - https://www.linuxidc.com/Linux/2014-12/110983.htm
• Ubuntu 16.04 64位 搭建 Node.js NodeJS 环境 - https://www.linuxidc.com/Linux/2016-09/135487.htm
• Linux查看MySQL版本的四种方法 - https://www.linuxidc.com/Linux/2016-10/136075.htm
• VMware Workstation 12.5.9 Pro虚拟机软件中文版 - http://www.epinv.com/post/6304.html
• 虚拟机安装CentOS-6.8-x86_64-minimal - https://jingyan.baidu.com/article/3a2f7c2e3d9e3126afd61136.html
• centos/7/isos/x86_64 - http://mirror.bit.edu.cn/centos/7/isos/x86_64/
• centos7 - http://isoredirect.centos.org/centos/7/isos/x86_64/
• VMware下CentOS 6.8安装配置 - https://www.linuxidc.com/Linux/2016-08/133853.htm
• 虚拟机如何设置外网ip - https://blog.51cto.com/aizzw/373298

微信

• 微信JS-SDK说明文档 - https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
• 开发步骤 - https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3
• 微信内H5调起支付 - https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6

旅游

• 飞猪旅行 - https://www.fliggy.com/
• 御旅官网YULV.com - http://www.yulv.com/
• 八星旅游 - http://www.8stour.com/
• 游心旅行 - http://www.uthing.cn/
• 奇迹旅行网 - http://www.qijilvxing.com/
• 品行之旅 - http://www.luxtrip.cn/
• 无二之旅 - https://www.uniqueway.com/
• 众信旅游悠哉网 -https://www.uzai.com/
• 中青旅遨游网 - http://www.aoyou.com/
• 同程旅游 - https://www.ly.com/
• 途牛旅游网官网 - http://www.tuniu.com/
• 驴妈妈旅游 - http://www.lvmama.com/
• 携程旅行网 - https://www.ctrip.com/
• 马蜂窝 - http://www.mafengwo.cn/
• 穷游网 - https://www.qyer.com/
• 江苏舜天海外旅游官网 - https://www.shuntianu.com/
• 「佰悦会 YUE CLUB」 - https://www.100.travel/
• 趣旅 - https://www.qulv.com/
• 欣欣旅游网 - https://www.cncn.com/
• 春秋旅游网 - http://www.springtour.com/
• 京东旅行 - http://trip.jd.com/
• 康辉旅游 - https://www.cct.cn/
• 艺龙旅游 - http://www.elong.com/
• 芒果旅游 - http://www.mangocity.com/
• 路路行旅游网 - https://www.lulutrip.com/
• 鸿鹄逸游 - https://www.hhtravel.com/
• 飘零旅游 - http://www.ipiaoling.com/
• 达美旅行网 - https://www.dameiweb.com/
• 6人游旅行网 - http://www.6renyou.com/
• AIGUEMARINE | 艾格蓝宝 - https://www.aiguemarine-paris.com/
• 悠行美洲旅游网 - https://www.usonetrip.com/
• Zhiyooo海外定制旅拍 - http://www.zhiyooo.com/
• 老友汇旅行社 - http://www.friendstravel.cn/
• Accueil | French Dream 法国梦想游 - https://www.frenchdreamtravel.com/
• 臻旅行 - http://www.mtrip365.com/
• 轻团游旅行网 - http://www.qingtuanyou.com/
• 路书 - http://www.lushu.com/
• 世界邦旅行网 - http://www.shijiebang.com/
• 仙贝旅行 - http://xianbei.com
• 北欧顶级旅行 - http://cn.toptravel.se/
• 耀悦旅行 - http://www.sparkletour.com/
• 妙计旅行 - https://www.mioji.com/
• 海豚哆哆精致旅行 - http://www.dearisland.com/
• 游谱旅行 - http://www.youpu.cn/
• 歐洲旅遊 - http://www.luxetravel.com.tw/
• 趣旅 - https://www.qulv.com/

商务

• 【中瑭国际】国际商务考察游学领先服务商 - http://www.towntour.net/
• 环球商务考察 - http://www.bizvisit.com/
• 太和国际旅行 - http://www.51swkc.com
• 行与知商务考察机构 - http://www.xyzkc.com/

专题

• 旅游专题页-日本东京行 - https://www.zcool.com.cn/work/ZMTY5MDMxNzI=.html
• 上好佳 途牛旅游网 - https://www.zcool.com.cn/work/ZMTY5MDMxNzI=.html
• 520途牛全球旅拍节，为爱发声 - http://www.tuniu.com/szt/tianmiqicheng/2500.html
• 【特卖会】_特价旅游_旅游打折优惠_旅游特卖 - http://temai.tuniu.com/p=1558&utm_source=baidu&utm_medium=cpc&utm_campaign=SE&fc=u10316631.k{keywordid}.a{creative}.pb
• 邂逅首尔，拥抱一城浪漫 途牛旅游网 - http://www.tuniu.com/zt/laoyutuijian/shouer/
• 世界之巅，极致之美_老于推荐_途牛旅游网 - http://www.tuniu.com/zt/laoyutuijian/beiji/
• 穿越千年，寻梦埃及_老于推荐_途牛旅游网 - http://www.tuniu.com/zt/laoyutuijian/aiji/
• 途牛热第一期 - http://www.tuniu.com/zt/tuniu_re/
• 三亚_瓜果亲子游 - http://www.tuniu.com/zt/sanya-ggqzy/
• 寻味泰州 途牛旅游网 - http://www.tuniu.com/zt/findTaiZhou/
• 携程旅游专题页设计 (2015) - https://www.ui.cn/detail/149923.html
• 旅游专题-日本印象 - https://www.ui.cn/detail/38617.html

娱乐

• 《詹姆斯十大季后赛》02 13年季后赛G1詹皇压哨绝杀最强步行者 - https://v.sports.qq.com/#/cover/2wngau45m9vxzuk/s0023p0hr6s
• 《季后赛之巅》01 史上最高分！乔丹63分让大鸟唱征服 - https://v.sports.qq.com/#/cover/tawne9xgz0r0svg/u002372ml1r
• 韩剧网 - http://www.97hanju.com/
• 【苹果广告】【中国上海拍摄】iPhone 7 Plus — The City — Apple - https://www.bilibili.com/video/av10250466/
• [NBA最前线]20181108 重温韦德与马刺的故事 - http://tv.cctv.com/2018/11/08/VIDE7r8mO7c2Dyhkptieaeao181108.shtml
• 字幕网 - http://www.zmz2019.com/
• 【合唱剪辑】【腾格尔&面筋哥】《可能否》：被面筋拍碎的南墙 - https://www.bilibili.com/video/av29954360
• NBA城记 - http://v.qq.com/detail/3/30904.html
• 他们 -https://sports.qq.com/nbavideo/nbatamen/

DEMO

• 抽奖 - https://juejin.im/post/5a2dd40bf265da43176a1482

厨艺

• 番茄蛋汤 - http://www.xiachufang.com/recipe/1054091/

娱乐

• 权力的游戏第8季,未删减完整版下载,中文字幕,Game.of.Thrones - http://rrys2019.com/
• RARBG - https://rarbgprx.org/
• MAG磁力站 - http://oabt005.com/home.html
• 人人影视 - http://www.yyetss.com/

理财

• 晨星网--照亮投资人生 - http://cn.morningstar.com/quickrank/default.aspx

其他

• 5道超有趣的逻辑思维游戏题 - https://www.sohu.com/a/227182000_100058187?qq-pf-to=pcqq.c2c

项目接口文档

• 停车平台 - http://www.furet.net.cn/swagger/ui/index