diff --git "a/2014\345\271\26410\346\234\210 \344\270\212 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" "b/2014/2014\345\271\26410\346\234\210 \344\270\212 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" similarity index 100% rename from "2014\345\271\26410\346\234\210 \344\270\212 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" rename to "2014/2014\345\271\26410\346\234\210 \344\270\212 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" diff --git "a/2014\345\271\26410\346\234\210 \344\270\213 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" "b/2014/2014\345\271\26410\346\234\210 \344\270\213 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" similarity index 100% rename from "2014\345\271\26410\346\234\210 \344\270\213 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" rename to "2014/2014\345\271\26410\346\234\210 \344\270\213 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" diff --git "a/2014\345\271\26411\346\234\210 \344\270\212 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" "b/2014/2014\345\271\26411\346\234\210 \344\270\212 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" similarity index 100% rename from "2014\345\271\26411\346\234\210 \344\270\212 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" rename to "2014/2014\345\271\26411\346\234\210 \344\270\212 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" diff --git "a/2014\345\271\2649\346\234\210 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" "b/2014/2014\345\271\2649\346\234\210 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" similarity index 100% rename from "2014\345\271\2649\346\234\210 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" rename to "2014/2014\345\271\2649\346\234\210 \345\211\215\347\253\257\350\265\204\346\272\220\345\210\206\344\272\253.md" diff --git a/2015/201503.md b/2015/201503.md new file mode 100644 index 00000000..ef122e34 --- /dev/null +++ b/2015/201503.md @@ -0,0 +1,182 @@ +# 2015年3月-前端开发月刊 + +标签(空格分隔): blog + +--- +[TOC] + +###1. 创业 +- [想要创业做产品,这些事情可别做!](http://news.cnblogs.com/n/512334/ ) +- [你是怎么找到创业的方向的?](http://www.zhihu.com/question/25857988) + +###2. 职业|项目管理 +- [你的下属工作没有做好,你该如何给他们说呢?](http://www.zhihu.com/question/27312469) +- [怎样看待公司招不到人,在这个岗位上满负荷工作7个月了? ](http://www.zhihu.com/question/27718078 ) +- [你在出差过程中有总结了哪些经验值得借鉴](http://www.zhihu.com/question/27583640 ) +- [面试中的STAR原则](http://wiki.mbalib.com/wiki/STAR%E5%8E%9F%E5%88%99) +- [应届生不要太重视待遇,这对吗?](http://www.zhihu.com/question/27590286) +- [优秀的项目经理需要具备哪些品质?](http://www.zhihu.com/question/19677325) +- [请不要做一个浮躁的人](http://itmyhome.com/2014/12/please-do-not-make-impulsive-person/) +- [我的IT人生:修复别人的BUG](http://www.codeceo.com/article/my-it-bug.html ) +- [52岁程序员的观点:编程要快还是慢? ](http://blog.jobbole.com/83033/) +- [程序员自作主张乱改我的设计怎么办?](http://www.zhihu.com/question/27360897) +- [开人比招人更重要](http://www.36kr.com/p/219709.html) +- [程序员涨工资大多数靠跳槽吗?](http://www.zhihu.com/question/28185284) +- [那些初高中甚至小学就接触编程的人最后到了什么样的境界](http://www.zhihu.com/question/28159715) +- [各行业、专业领域有哪些垂直导航网站?](http://www.zhihu.com/question/19962935 ) +- [与智者对话是怎样的一种人生体验?](http://www.zhihu.com/question/28381384) +- [什么样的老板值得下属追随](http://zhuanlan.zhihu.com/zhenchaojun/19978693 ) +- [人最重要的能力是什么](http://www.zhihu.com/question/19602183) +- [如何衡量一位 CEO 是否称职](http://www.zhihu.com/question/28777815) +- [你辞职以后找到新工作这个过程是怎样的](http://www.zhihu.com/question/28341064 ) +- [如何优雅、机智地和新公司谈薪水](http://www.zhihu.com/question/23146089) +- [非计算机专业,计算机如何入门](http://www.zhihu.com/question/20194473) +- [如何避免 IT 项目延期? ](http://www.zhihu.com/question/27995081 ) +- [如何成为前端架构师](http://www.zhihu.com/question/24092572) +- [1997 年苹果濒临倒闭时,为何盖茨会给苹果投资 1.5 亿美元](http://www.zhihu.com/question/20391668) + + +###3. git +- [Git 分支管理和冲突解决 ](http://www.cnblogs.com/mengdd/p/3585038.html) +- [中国公司在 GitHub 上有哪些比较出彩的开源项目?](http://www.zhihu.com/question/20194937) +- [Git有什么奇技淫巧?](http://www.zhihu.com/question/27462267) +- [github秘籍](https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md) +- [使用git和github进行协同开发流程](http://livoras.com/post/28) + + +###4. 知乎(zhihu) +- [知乎上的大牛们是怎样搜集资料的?](http://www.cnblogs.com/mengdd/p/3585038.html) +- [为什么知乎上这么多人建议要阅读?互联网时代为什么还要读书?](http://www.zhihu.com/question/20776909) +- [如何购买钢笔](http://www.zhihu.com/question/20317819) +- [周源:知乎的未来是什么](http://zhuanlan.zhihu.com/drunkstartup/19988823) +- [有把 Quora 精华问答中译的平台吗?](http://www.zhihu.com/question/21164278) +- [有哪些科学家的博客值得关注](http://www.zhihu.com/question/20095863) + + +###5. 其它 +- [能否说电影《黑客帝国》重新阐释了存在主义哲学? ](http://www.zhihu.com/question/19954191 ) +- [经典书](http://shop112588641.taobao.com/index.htm?spm=2013.1.w5002-8204298227.16.mA7HGq) +- [开源中国 2014 最受关注开源软件排行榜 TOP 50](http://www.oschina.net/news/58529/2014-popular-software-top-50 ) +- [12306 系统在 2015 年春运高峰期的稳定运行,采用了哪些具体技术?](http://www.zhihu.com/question/27321479) +- [让Markdown支持ASCII流程图和JavaScript流程图](http://jerkwin.github.io/2014/12/25/%E8%AE%A9Markdown%E6%94%AF%E6%8C%81ASCII%E6%B5%81%E7%A8%8B%E5%9B%BE%E5%92%8CJavaScript%E6%B5%81%E7%A8%8B%E5%9B%BE/) +- [关于大型网站技术演进的思考(一)--存储的瓶颈(上)](http://www.cnblogs.com/sharpxiajun/p/4237704.html) +- [Windows 有哪些你相见恨晚的奇技淫巧 ](http://www.zhihu.com/question/27721113 ) +- [在 Word 文档中插入并高亮代码的方法](http://www.jianhui.org/highlight-codes-in-word.html) + + +###6. Angular +- [如何看2015年1月Peter-Paul Koch对Angular的看法?](http://www.zhihu.com/question/27601964) +- [谁能提供个angularjs开发的项目案例](http://segmentfault.com/q/1010000002405242) +- [视频教程](http://imooc.com/learn/156) +- [中文社区 入门教程](https://github.com/zensh/AngularjsTutorial_cn) +- [中文社区](http://angularjs.cn/) +- [中文网](http://www.apjs.net/) +- [angularjs 调试与性能监控工具](https://github.com/angular/angularjs-batarang ) + + +###7. 看书学习 +- [暴力英语学习法 + 严格的目标管理 = 成功快速靠谱的学好英语](http://www.cnblogs.com/jesse2013/p/how-to-learn-english.html) +- [如何集中精神看资料?](http://www.zhihu.com/question/20445162) +- [如何找到好书?有什么技巧或建议?](http://www.zhihu.com/question/20349512) +- [怎样看书才有收获?](http://www.zhihu.com/question/19835957) +- [多看阅读上有哪些很值得看或购买的书?](http://www.zhihu.com/question/21493474) + + +###8. 移动开发 +- [我有一个 App 创意,如何将其实现 ](http://www.zhihu.com/question/25284456 ) + +###9. Html5 +- [html head头标签](http://fex.baidu.com/blog/2014/10/html-head-tags/) +- [html doctype](http://www.w3school.com.cn/tags/tag_doctype.asp) +- [doctype](http://i.wanz.im/2010/05/28/why_doctype_html/) +- [什么是doctype](http://www.cnblogs.com/wisdomoon/p/interview1.html) +- [doctype声明、浏览器的标准、怪异等模式](http://www.fantxi.com/blog/archives/browser-mode/) +- [Jingle是一个SPA](http://vycool.com/Jingle/index.html) +- [x5内核定制标签说明](http://open.mb.qq.com/doc?id=1201) +- [html 转 canvas](http://html2canvas.hertzen.com/) +- [避免常见的6种HTML5错误用法](http://www.daqianduan.com/3860.html) +- [跨终端响应式页面设计入门](http://www.cnblogs.com/vajoy/p/3903591.html) +- [qq手机 水泡](http://isux.tencent.com/qq-mobile-off-duty.html) +- [H5拍照应用开发经历的那些坑儿](http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml) +- [Html5移动开发从入门到精通](http://edu.csdn.net/course/detail/336) +- [几本不错的HTML5书籍推荐](http://www.douban.com/note/270240632/) +- [HTML5 和 CSS3 书籍推荐](http://blog.wpjam.com/article/html5-css3-books/) +- [HTML5书籍推荐](http://blog.sina.com.cn/s/blog_7261dfe30101lai7.html) +- [maxzhang](https://github.com/maxzhang/maxzhang.github.com/issues?q=is%3Aopen ) +- [移动H5前端性能优化指南](http://isux.tencent.com/h5-performance.html) +- [Javascript高性能动画与页面渲染](http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering) +- [极客Web前端开发资源大荟萃](http://www.gbtags.com/gb/share/4323.htm) +- [前端开发规范之html编码规范](http://blog.csdn.net/whqet/article/details/42360955) +- [移动端页面调试神器-browser-sync](http://www.cnblogs.com/kbqncf/p/4206244.html) +- [各种手势封装1](https://github.com/bh-lay/toucher) +- [各种手势封装2](http://quojs.tapquo.com/) +- [HTML 标签的 coords 属性](http://www.w3school.com.cn/tags/att_area_coords.asp) + + +###10. CSS3 +- [css3动画实用技巧](http://www.imooc.com/view/357) +- [彻底弄明白CSS3的Media Queries(跨平台设计)](http://www.jb51.net/css/28807.html) +- [70-css3工具](http://www.w3cplus.com/source/front-end-developer-excellent-tool.html) +- [如何管理多个sass项目,有没有一些高效的开发流程](http://www.zhihu.com/question/29239526) +- [Sass Guidelines中文版本](https://github.com/airen/sass-guidelines) + + +###11. Javascript +- [GitHub 上一份很受欢迎的前端代码优化指南](http://segmentfault.net/a/1190000002587334?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly) +- [前端工程优化1](http://www.zhihu.com/question/28467444) +- [前端工程优化2](https://github.com/fouber/blog/issues/3 ) +- [前端工程优化3](http://www.zhihu.com/question/21658448 ) +- [Iframe 有什么好处,有什么坏处?](http://www.zhihu.com/question/20653055) +- [iframe优缺点1](http://www.zhihu.com/question/20653055) +- [iframe优缺点2](http://gongxquan.blog.163.com/blog/static/2108462532012111643039216) +- [大公司或专业团队目前流行的前端工具有什么](http://www.zhihu.com/question/28638304) +- [前端开发领域有哪些值得推荐的微信公众号](http://www.zhihu.com/question/28727533) +- [数据结构](http://www.cs.usfca.edu/~galles/visualization/Algorithms.html) +- [请问各位在成为前端工程师之前都是什么专业出身,入行前端花了多久?](http://www.zhihu.com/question/25414717) +- [javascript数据结构与算法](http://www.cnblogs.com/tugenhua0707/category/664046.html) +- [Javascript 之高逼格代码](http://www.html-js.com/article/JS-rookie-in-the-rookie-to-start-learning-to-fly-high-force-lattice-code-Javascript) +- [处理移动端的点击事件](http://www.zhihu.com/question/28979857) +- [zip.js使用JavaScript解压缩zip文件](http://www.idayer.com/zip-js-javascript-unzip.html) +- [格式化时间戳模块](https://github.com/binnng/time.js) +- [一行神奇的javascript代码](http://www.cnblogs.com/lvdabao/p/4280518.html) +- [你不一定需要jQuery](http://youmightnotneedjquery.com/) +- [前端妹子如何优雅地拒绝后端装逼男?](http://www.zhihu.com/question/28104793) +- [js 各种坑](http://wtfjs.com/page/1) +- [格式化时间](http://momentjs.com/) +- [新组建的前端团队如何选择前端框架方案?](http://www.zhihu.com/question/20286591) +- [国内的前端团队分布和前景是怎样的?](http://www.zhihu.com/question/20888075) +- [前端 Leader 是如何带领团队和建设团队文化的?](http://www.zhihu.com/question/28373692) +- [类数组1](http://segmentfault.com/blog/f2e/1190000000415572) +- [类数组2](http://www.html-js.com/article/12-a-JavaScript-quirks-JavaScript-quirks-8-class-array-object) +- [WebSocket 是什么原理?为什么可以实现持久连接? ](http://www.zhihu.com/question/20215561) +- [一个简单粗暴的前后端分离方案](http://www.cnblogs.com/lvdabao/p/4204858.html) +- [赵望野:前端工程师的困惑](http://segmentfault.com/blog/turing_interview/1190000002465376) +- [Javascript——依赖注入](http://www.cnblogs.com/keithen-leo/p/4205248.html) +- [void 0 与 undefined 的区别1](http://javasam.iteye.com/blog/1832076) +- [void 0 与 undefined 的区别2](http://segmentfault.com/q/1010000002401306/a-1020000002401391) +- [如何找到Web前端实习的工作](http://www.zhihu.com/question/27411139) +- [前端突击队1](http://codestar.alloyteam.com/) +- [前端突击队2](http://targetkiller.net/tencent-quiz-2/) +- [Javascript 初学者如何思考才可以把脑中的东西转换成代码写出来?](http://www.zhihu.com/question/27580342 ) +- [前端程序员需不需要学linux,vim?](http://www.zhihu.com/question/20914951) +- [js操作sql](https://github.com/kripken/sql.js/) +- [tx web图片处理](http://alloyteam.github.io/AlloyImage/) +- [前端开发工程师在技术上如何专注和沉淀?](http://www.zhihu.com/question/20753582 ) +- [Web 前端与算法的结合点在哪里](http://www.zhihu.com/question/21107420) +- [前端开发攻城师,工作到30岁之后该如何规划自己的职业?](http://segmentfault.com/q/1010000002499942) +- [JavaScript 有什么奇技淫巧?](http://www.zhihu.com/question/27428135) +- [逐行分析jQuery源码的奥秘](http://study.163.com/course/introduction/465001.htm) +- [Grunt-beginner前端自动化工具](http://www.imooc.com/learn/30) +- [从一行CSS调试代码中学到的JavaScript知识](http://ourjs.com/detail/54be0a98232227083e000012) +- [浅谈移动前端的最佳实践](http://www.cnblogs.com/yexiaochai/p/4219523.html) +- [百姓网的前端架构是怎样的](http://www.zhihu.com/question/27734203) +- [大搜车的前端架构是怎样的](http://www.zhihu.com/question/27747813) +- [前端开发 与后台开发 如何协作?](http://www.zhihu.com/question/27226086) +- [为什么前端工程师的地位普遍低于后端?](http://www.zhihu.com/question/20647148 ) +- [前端开发中,多个项目使用的公共组件如何存放?](http://www.zhihu.com/question/24275347) +- [前端开发技术的发展](http://www.html-js.com/article/Development-of-the-front-end-of-the-essence-of-technology-blog-migrant-workers) +- [如何看待JavaScript成为TIOBE评选的2014年度语言](http://www.zhihu.com/question/27459396) +- [开发一个前后端都可用的JS工具插件(符合CommonJS和AMD) 1](https://github.com/umdjs/umd ) +- [开发一个前后端都可用的JS工具插件(符合CommonJS和AMD) 2](http://segmentfault.com/q/1010000002519813) +- [IE、Google Chrome 还有 360 极速浏览器,哪个最好?](http://www.zhihu.com/question/21803396) +- [动画类库](http://greensock.com/tweenmax) diff --git a/2015/201504-06.md b/2015/201504-06.md new file mode 100644 index 00000000..61b36a90 --- /dev/null +++ b/2015/201504-06.md @@ -0,0 +1,223 @@ +# 4-6月份前端资源分享 +##1. Javascript +- [精度丢失问题](http://segmentfault.com/a/1190000000324193) +- [精度库](http://mathjs.org/) +- [游戏](http://games.layabox.com/1/) +- [专访《Javascript设计模式与开发实践》作者曾探:爱编程 爱生活](http://www.csdn.net/article/2015-06-12/2824939-JavaScript) +- [前端工程优化1](https://github.com/fouber/blog/issues/3) +- [js排序动画](http://www.webhek.com/misc/comparison-sort) +- [JSONP挖掘与高级利用](http://drops.wooyun.org/papers/6630) +- [使用ES6进行开发的思考](http://efe.baidu.com/blog/es6-develop-overview/?qq-pf-to=pcqq.group) +- [异步编程之Generator(1)——领略魅力](http://www.html-js.com/article/Asynchronous-programming-Generator-1--a-taste-of-charm%203014) +- [比较齐全的前端开发目录](https://github.com/dypsilon/frontend-dev-bookmarks) +- [RESTful API URI 设计的一些总结](http://www.cnblogs.com/xishuai/p/restful-webapi-uri-design.html) +- [关于简单的碰撞检测](http://www.cnblogs.com/hongru/archive/2012/03/31/2427590.html) +- [ES6新特性概览](http://www.cnblogs.com/Wayou/p/es6_new_features.html) +- [js 日历处理](http://momentjs.com/) +- [怎么更好的理解虚拟DOM?](http://www.zhihu.com/question/29504639) +- [Javascript in one pic](https://github.com/coodict/javascript-in-one-pic/blob/master/README-zh.md) +- [曲线](http://cubic-bezier.com/) +- [译 为什么原型继承很重要](http://segmentfault.com/a/1190000002596600) +- [公式编辑器](http://fex.baidu.com/kityformula/list.html) +- [JavaScript 中,定义函数时用 var foo = function () {} 和 function foo() 有什么区别 ](http://www.zhihu.com/question/19878052) +- [学习ES6新特性](http://www.cnblogs.com/ziyunfei/) +- [读懂 es6](https://github.com/lenville/understandinges6) +- [读懂 es6](https://leanpub.com/understandinges6) +- [去哪儿网前端架构师司徒正美:如何挑选适合的前端框架?](http://www.csdn.net/article/2015-05-11/2824656-fontend-Frameworks) +- [js 新书推荐博客](http://www.salttiger.com/) +- [javascript 模式](http://shichuan.github.io/javascript-patterns/) +- [前端要给力之:红绿灯大战中的火星生命-Promise ](http://blog.csdn.net/aimingoo/article/details/45014325) +- [【译】有趣的JavaScript原生数组函数](http://www.ido321.com/1568.html) +- [去除 JavaScript 代码的怪味](http://jinlong.github.io/2015/05/21/eliminate-javascript-code-smells/) +- [github上有什么好玩又有挑战的前端项目](http://www.zhihu.com/question/30470886) +- [你不知道的js](https://github.com/getify/You-Dont-Know-JS) +- [拖动插件](http://skidding.github.io/dragdealer/) +- [汉字拼音转换工具](https://github.com/hotoo/pinyin) +- [(翻译)异步编程之Promise(1):初见魅力](http://yikaj.gitcafe.io/2015/04/30/%EF%BC%88%E7%BF%BB%E8%AF%91%EF%BC%89%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B%E4%B9%8BPromise%EF%BC%881%EF%BC%89%EF%BC%9A%E5%88%9D%E8%A7%81%E9%AD%85%E5%8A%9B/) +- [使用Object.observer实现简单的双向绑定 ](http://zhuanlan.zhihu.com/FrontendMagazine/20047033) +- [为什么MVC不是一种设计模式](http://damoqiongqiu.iteye.com/blog/1949256) +- [跨平台开发时代的 (再次) 到来?](http://onevcat.com/2015/03/cross-platform/) +- [WebGl 中文网 ](http://www.hewebgl.com) +- [setTimeout 0](http://www.cnblogs.com/fullhouse/archive/2012/10/10/2718542.html) +- [setTimeout 0](http://segmentfault.com/a/1190000002633108) +- [setTimeout 0](http://segmentfault.com/q/1010000002590298) +- [javascript 话题精选](http://www.zhihu.com/topic/19552521/top-answers) +- [知乎上,前端开发领域有哪些值得推荐的问答 ](http://www.zhihu.com/question/20246142) +- [MVVM大比拼之avalon.js源码精析 ](http://www.cnblogs.com/sskyy/p/3679572.html) +- [代码规范大全](http://alloyteam.github.io/code-guide/) +- [推荐个基于组件(Application)的js框架](http://t3js.org/) +- [图片裁剪](http://fengyuanchen.github.io/cropper/) +- [js题目](http://yibuyisheng.github.io/2015/02/13/web.html) +- [\[\] == !\[\]; ](http://www.zhihu.com/question/29615998) +- [纯JS实现俄罗斯方块,打造属于你的游戏帝国](http://www.cnblogs.com/toutou/p/4460509.html) +- [骨骼动画库](http://alloyteam.github.io/) +- [骨骼动画库](http://alloyteam.github.io/AlloyStick/) +- [关于 Javascript 学习,有哪些好的博客或者网站推荐 ](http://www.zhihu.com/question/19651401) +- []() +- []() + +##2. 移动Javascript开发 +- [移动web手册](http://www.seejs.com/wp-content/uploads/2015/06/MobileWebManual.png) +- [微信支付的那些坑](http://www.liball.me/wxpay-is-shit/) +- [微信支付的那些坑](http://www.cnblogs.com/true_to_me/p/3565039.html) +- [微信一个开发者](http://maxzhang.github.io) +- [彻底解决tap“点透”,提升移动端点击响应速度](https://github.com/ftlabs/fastclick) +- [彻底解决tap“点透”,提升移动端点击响应速度](http://www.cnblogs.com/yexiaochai/p/3442220.html) +- [百度canvas库](http://ecomfe.github.io/zrender/index.html) +- [localStorage](http://www.cnblogs.com/LoveOrHate/p/4409781.html) +- [聊聊移动端跨平台开发的各种技术](http://fex.baidu.com/blog/2015/05/cross-mobile/) +- [移动前端开发大杂烩 ](https://github.com/hoosin/mobile-web-favorites) +- [html5游戏引擎](http://www.zhihu.com/question/20079322) +- [html5游戏引擎](http://coolshell.cn/articles/3516.html) +- [html5游戏引擎](http://blog.csdn.net/zhaoxy_thu/article/details/11867123) +- [移动开发的那些事——1:序曲 ](http://lucida.me/blog/on-mobile-developing-1/) +- [移动Web初级入门 ](http://www.cnblogs.com/hacke2/p/4090079.html) +- [zepto 分模块](http://github.e-sites.nl/zeptobuilder/) +- [移动端webapp个人年度总结 里边有个reset.css ](http://www.cnblogs.com/windtony/p/4195343.html) +- [百度 多个效果的轮换](https://github.com/BE-FE/iSlider) +- [移动端开发概览【webview和touch事件】](http://www.cnblogs.com/skylar/p/mobile-webview-touch.html) +- [HTML5实战与剖析之剪贴板事件 ](http://blog.csdn.net/lee_magnum/article/details/17761441) +- [移动设备、手机浏览器Javascript滑动事件代码](http://blog.csdn.net/zht666/article/details/8621332) +- [移动UI库](http://frozenui.github.io/case.html) +- [移动UI库](http://dcloudio.github.io/mui/) +- [手持设备点击响应速度,鼠标事件与touch事件的那些事 ](http://www.cnblogs.com/yexiaochai/p/3377900.html) +- [touch.js](https://github.com/RubyLouvre/avalon.oniui/blob/master/touch/avalon.touch.js) +- [touch.js](http://quojs.tapquo.com/) +- [touch.js](http://touch.code.baidu.com/) +- [浅谈移动前端的最佳实践](http://www.cnblogs.com/yexiaochai/p/4219523.html) +- [微信公众平台开发入门教程](http://www.cnblogs.com/txw1958/p/wechat-tutorial.html) +- [移动端前端开发调试](http://yujiangshui.com/multidevice-frontend-debug/) +- [触摸移动端js](https://github.com/saw/touch-interfaces) +- [触摸轮换](http://touchslider.com/) +- [触摸轮换](http://www.idangero.us/swiper/) +- [轮换](http://www.photoswipe.com/ ) +- [PhotoSwipe源码解读系列(二)](http://blog.csdn.net/renfufei/article/details/17412101) +- [weinre调试](http://www.cnblogs.com/lhb25/p/debug-mobile-site-and-app-with-weinre.html) +- [weinre调试](http://www.cnblogs.com/lvdabao/p/3436620.html) +- [手机摇一摇](http://blog.csdn.net/u011551941/article/details/45192125) +- [html5 动画库](http://www.html5cn.org/article-4679-1.html) +- [html5 动画库](http://www.jq22.com/jquery-info895) +- [html5 动画库](http://www.jser.com/project/kineticjs) +- [移动端开发日记](http://tmt.io/) +- [玩转HTML5移动页面(动效篇)](http://isux.tencent.com/play-with-html5-animate.html) +- [全屏滚动效果H5FullscreenPage.js ](http://www.alloyteam.com/2015/04/quan-ping-gun-dong-xiao-guo-h5fullscreenpage-js/) +- [移动前端开发和 Web 前端开发的区别是什么?](http://www.zhihu.com/question/20269059) +- [微信浏览器 问题汇总](http://www.zhihu.com/question/30465777) +- []() + + +##3. CSS3 +- [css3 旋转菜单](http://demo.jq22.com/FumikaSystemLogin-150625231201/) +- [css3 旋转菜单](https://github.com/codrops/SwatchBook) +- [css3 旋转菜单](https://github.com/stanlemon/jGrowl) +- [rem 不同的计算](http://isux.tencent.com/web-app-rem.html) +- [css 动画库](http://labs.bigroomstudios.com/libraries/animo-js) +- [css 动画库](https://visionmedia.github.io/move.js/) +- [css 动画库](http://segmentfault.com/a/1190000000443523) +- [css 动画库](http://beiyuu.com/css3-animation/) +- [页面切换](http://www.qiqiboy.com/) +- [半圆菜单](http://tympanus.net/Tutorials/CircularNavigation/) +- []() +- []() + +##4. Html5 +- [地理位置 Geolocation](http://www.zhangxinxu.com/wordpress/2011/06/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AEgeolocation-api-%E7%AE%80%E4%BB%8B/) +- [HTML5 有哪些让你惊艳的 demo?](http://www.zhihu.com/question/24398907) +- [3d js](https://github.com/easyhappy/html5_3d) +- [腾讯html5](http://cube.qq.com/) +- [angularjs移动端开发遇到的问题](http://www.cnblogs.com/Benoly/p/4269746.html) +- [玩转HTML5移动页面(动效篇)](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=204711617&idx=1&sn=165957d9f2773264d3cb1e32a4dfd271&scene=5#rd) +- [移动浏览器调试](http://www.zhihu.com/question/20322475) +- [互联网智能代码机器人](http://codetank.alloyteam.com/) +- [HTML5 通讯录Contact API简介](http://www.html5star.com/article-211-1.html) +- [常用meta整理](http://segmentfault.com/a/1190000002407912) +- [viewport](http://www.cnblogs.com/2050/p/3877280.html) +- []() +- []() + +##5. 创业 | 职业|项目管理 +- [好的前端主管是如何带队的 ](http://www.zhihu.com/question/30093712) +- [去大公司实习还是去创业公司实习好?](http://www.zhihu.com/question/19620055/answer/12435148) +- [关于职业规划](http://wohe.me/2015/06/08/%E5%85%B3%E4%BA%8E%E8%81%8C%E4%B8%9A%E8%A7%84%E5%88%92/) +- [公司请你来干嘛?](http://mp.weixin.qq.com/s?__biz=MjM5NjcyNDE0MA==&mid=205339389&idx=7&sn=5c87dd08f9af81b62ffc066c26993dcf&scene=5#rd) +- [一个有情怀技术群的管理思考](http://mp.weixin.qq.com/s?__biz=MzA5MTE0MDUxMA==&mid=205560727&idx=1&sn=a38fc38652f6a27bb436c737aa0d25f9) +- [工作两三年后,你悟出什么职场道理?](http://www.zhihu.com/question/30147821) +- [创业项目被腾讯复制了,怎么办 ](http://www.zhihu.com/question/19607233) +- []() + +##6. Angular +- []() + +##7. React +- [国内有哪些公司在使用 React.js ](http://www.zhihu.com/question/26387853) +- [react-native 与 react-web 的融合 ](https://github.com/tmallfe/tmallfe.github.io/issues/20) +- [React:引领未来的用户界面开发框架](http://product.china-pub.com/4699062) +- []() +- []() +- []() + +##8. 看书学习 +- [26 岁开始学编程晚了吗? ](http://www.zhihu.com/question/19562626) +- [会计转行从事IT,如何在一年时间内全职学习?](http://www.zhihu.com/question/21427478/answer/18227060) +- [如何优雅地使用 Stack Overflow?](http://www.zhihu.com/question/20824615) +- [写给初学前端工程师的一封信](http://www.w3ctech.com/topic/983) +- [分享一下你的程序员学习之路,还有现在对于编程的感想 ](http://www.zhihu.com/question/27679150) +- [程序员必读书单1](http://lucida.me/blog/developer-reading-list/) +- [近半年的读书总结](http://www.cnblogs.com/wangqiguo/p/4457932.html) +- []() +- []() + +##9. Git +- [把代码搬到github吧。](http://www.cnblogs.com/wjszxli/p/4504854.html) +- [使用git和github进行协同开发流程 ](http://livoras.com/post/28) + +##10. 其它 +- [可以通过什么途径了解前端研发的最新资讯? ](http://www.zhihu.com/question/29940477) +- [前端开发的地位相较于几年前提高了不少,为什么市场上优秀的前端这么少 ](http://www.zhihu.com/question/29875948) +- [有哪些 程序员/黑客 喜欢看的电影?](http://www.zhihu.com/question/31322492) +- [小团队协作,好的工具](http://www.zhihu.com/question/19565116) +- [一拍一产品的背后](http://www.slideshare.net/kejun/react-48512723) +- [腾讯的张小龙是一个怎样的人](http://www.zhihu.com/question/19924411) +- [显著提升程序员身心健康和工作效率的装备有哪些](http://www.zhihu.com/question/23165812) +- []() + +##11. IDE,编辑器 +- [Facebook 宣布 Nuclide:基于 Atom 的开源集成开发环境](http://nuclide.io/) +- [Facebook 宣布 Nuclide:基于 Atom 的开源集成开发环境](http://www.oschina.net/news/60968/facebook-opensource-nuclide) +- [作为「WEB前端」工程师,你的开发环境是什么样的?](http://www.zhihu.com/question/28363179) +- [npm spm bower这三个包管理器,哪个比较好用 ](http://www.zhihu.com/question/24414899) +- []() +- []() + +##12. 前端及架构工程化等 +- [前端架构](http://saito.im/note/The-Architecture-of-F2E/) +- [技术架构](http://www.zhihu.com/topic/19612641) +- [大公司或专业团队目前流行的前端工具有什么?](http://www.zhihu.com/question/28638304) +- [面向未来的前端模块化开发与包管理](http://div.io/topic/950) +- [我们真的缺前端工程师吗?](http://icodeit.org/2015/06/do-we-really-short-for-front-end-developer/) +- []() +- []() +- []() + + +##13. jQuery +- [深入理解jquery插件的开发](http://blog.jobbole.com/30550/) +- []() + + +##14. 工作 | 协同 +- [免费在线作图、实时协作](https://www.processon.com/) + + +##15. 面试相关 +- [一个高中生历时3年近60次100多个小时的面试后终进阿里](http://chuansong.me/n/835088) +- [怎么面试架构师](http://news.cnblogs.com/n/523119/) +- [一个多月来的面试总结(阿里, 网易, 腾讯)](http://blog.csdn.net/hitwhylz/article/details/45271585) +- []() +- []() + +##16. sass +- [sass中国](http://www.sass.hk/) +- []() + +##17. diff --git a/2015/201507.md b/2015/201507.md new file mode 100644 index 00000000..bfe24907 --- /dev/null +++ b/2015/201507.md @@ -0,0 +1,223 @@ +# 7月份前端资源分享 +##1. Javascript +- [calendar1](https://github.com/amsul/pickadate.js) +- [calendar2](https://github.com/Baremetrics/calendar) +- [深入浅出ES6](http://www.infoq.com/cn/es6-in-depth/) +- [了不起的 JavaScript](https://github.com/wwsun/awesome-javascript) +- [怎样减轻程序中 if 语句的依赖?](http://www.zhihu.com/question/20161410) +- [impress.js 使用总结](http://www.html-js.com/article/Tools-impressjs-frontend-Usage-Summary%203045) +- [《JavaScript语言精粹》xmind知识点梳理](http://pan.baidu.com/s/1kTpbLLP) +- [《JavaScript模式》xmind知识点梳理](http://pan.baidu.com/s/1hqtlEYg) +- [数学理论在前端开发中的实践](http://www.imooc.com/course/video/mid/8385) +- [一个源生js写的ajax](http://www.cnblogs.com/rainbowcode/p/4629314.html) +- [JavaScript的语法解析与抽象语法树](http://wwsun.me/posts/javascript-ast-tutorial.html) +- [ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性](http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome/) +- [2014 年末有哪些比较火的 Web 开发技术](http://www.zhihu.com/question/26644904) +- [怎么判定web前端架构师的能力高低](http://www.zhihu.com/question/26187669) +- [FEX 技术周刊](http://www.liuhaihua.cn/archives/103201.html) +- [HTML5街头霸王游戏(开放源码)](http://www.alloyteam.com/2012/05/html5-streetfighter-demo/) +- [视觉设计师是怎样让前端工程师 100% 实现设计效果的](http://www.zhihu.com/question/27743708) +- [自己总结的web前端知识体系大全【欢迎补充】](http://www.cnblogs.com/wangfupeng1988/p/4649709.html) +- [We have a problem with promises](http://div.io/topic/1095) +- [七牛前端测试实践](http://weibo.com/p/1001603864951990185052) +- [FEX 技术周刊-2015/07/13](http://fex.baidu.com/blog/2015/07/fex-weekly/) +- [有哪些好用的前端模板引擎](http://www.zhihu.com/question/32524504) +- [对于“前端”开发我们需要什么?](http://lcepy.github.io/2015/07/20/%E5%AF%B9%E4%BA%8E%E2%80%9C%E5%89%8D%E7%AB%AF%E2%80%9D%E5%BC%80%E5%8F%91%E6%88%91%E4%BB%AC%E9%9C%80%E8%A6%81%E4%BB%80%E4%B9%88%EF%BC%9F/) +- [图解Javascript原型链](http://blog.rainy.im/2015/07/20/prototype-chain-in-js/) +- [简单的jQuery页面滚动导航切换代码](http://www.17sucai.com/pins/10844.html) +- [Teambition · 暑期实习生计划](https://github.com/Brooooooklyn/summer-page) +- [我理解的阿里无线前端“架构”(半鸡汤,少干货)](https://github.com/amfe/article/issues/3) +- [ Nicholas C. Zakas验证插件](http://eslint.org/) +- []() + +##2. 移动Javascript开发 +- [无缝切换](http://www.swipejs.com/) +- [滑屏效果](http://www.idangero.us/swiper) +- [全屏fullpage](https://github.com/peunzhang/fullpage) +- [单个图片切换](https://github.com/qiqiboy/touchslider) +- [单个全屏切换](https://github.com/peunzhang/slip.js) +- [百度的切换库](http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group) +- [单个全屏切换](https://github.com/peunzhang/iSlider) +- [滑屏效果](https://github.com/saw/touch-interfaces) +- [旋转拖动设置](http://baijs.com/tinycircleslider/) +- [类似于swipe切换](http://touchslider.com/) +- [支持多种形式的触摸滑动](http://www.swiper.com.cn/demo/index.html) +- [滑屏效果](https://github.com/joker-ye/main/blob/master/wap/index.html) +- [大话主席pc移动图片轮换](http://www.superslide2.com/) +- [滑屏效果](https://github.com/hahnzhu/parallax.js) +- [基于zepto的fullpage](https://github.com/yanhaijing/zepto.fullpage) +- [微信调试的那些事](http://liyaodong.com/2015/07/06/%E5%BE%AE%E4%BF%A1%E8%B0%83%E8%AF%95%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B/) +- [[WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应](http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html) +- [判断微信客户端的那些坑](http://loo2k.com/blog/detecting-wechat-client/) +- [可以通过javascript直接调用原生分享的工具](https://github.com/JefferyWang/nativeShare.js) +- [JiaThis 分享到微信代码](http://www.jiathis.com/help/html/weixin-share-code) +- [聊聊移动端跨平台开发的各种技术](http://fex.baidu.com/blog/2015/05/cross-mobile/) +- [前端自动化测试](http://www.zhihu.com/question/29922082) +- [移动端高清、多屏适配方案](http://div.io/topic/1092) +- []() + + +##3. Html5 +- [一起用HTML5 canvas做一个简单又骚气的粒子引擎](http://www.cnblogs.com/jation/p/4627155.html) +- []() + +##4. CSS +- [CSS3动画手册](http://isux.tencent.com/css3/index.html) +- [多屏复杂动画CSS技巧三则](http://isux.tencent.com/css-animation-skills.html) +- [CSS3 timing-function: steps() 详解](http://www.tuicool.com/articles/neqMVr) +- [在你的日常开发中遇到过哪些常用布局是无法用纯 CSS 实现的?](http://www.zhihu.com/question/31863128) +- [林小志-进阶css从零开始突破](http://linxz.github.io/blog/%E6%97%A0%E8%81%8A%E7%9A%84%E4%BA%A7%E7%89%A9/2015/07/book-begin-css.html) +- [css3 attr 简单介绍和实例](http://segmentfault.com/a/1190000003032566) +- [FLEXBOX](http://www.w3cplus.com/blog/tags/157.html) +- []() + +##5. Angular +- [AngularJS常用插件与指令收集](http://chensd.com/2015-06/AngularJS-popular-Plugins-and-Directive.html) +- [vue,angular,avalon这三种MVVM框架之间有什么优缺点?](http://www.zhihu.com/question/27791075) +- []() + +##6. React, Vue +- [React使用总结](http://www.html-js.com/article/Reactjs%203046) +- [Vue.js 常见问题 FAQ](http://www.html-js.com/article/Vuejs-Chinese-entry-Vuejs-FAQ-common-problems) +- [如何评价 React Native](http://www.zhihu.com/question/27852694) +- [ReactEurope Conf 参会感想](http://www.w3ctech.com/topic/1429) +- [Webpack 和 React 小书](http://www.html-js.com/article/Fakefish%203053) +- [如何使用 Webpack 模組整合工具](http://rhadow.github.io/2015/03/23/webpackIntro/) +- [使用 Webpack 建立 React 專案開發環境](http://rhadow.github.io/2015/04/02/webpack-workflow/) +- [这么多人吹捧ReactJS,但是真的好吗](http://www.zhihu.com/question/33631170) +- []() + +##7. jQuery +- [Image Map Resize](https://github.com/davidjbradshaw/image-map-resizer) +- [jQuery源码剖析](http://www.w3ctech.com/topic/256#inArray) +- [jQuery源码模块解构](http://davestewart.io/resources/javascript/deconstructed/jquery/) +- [jquery css动画扩展](http://ricostacruz.com/jquery.transit) +- [可放大的幻灯片效果](http://codecloud.net/zoom-slider-4893.html) +- [jQuery之家](http://www.htmleaf.com/) +- [一个收费的图片轮换](http://www.skyplugins.com/sky-jquery-touch-carousel/default_skin.html) +- [选择商品购物车飞入](http://www.helloweba.com/demo/fly/#) + + +##8. 看书学习 +- [学习新技能的37个最佳网站](http://codecloud.net/the-37-best-websites-to-learn-something-new-4772.html) +- [百度前端学院](https://github.com/baidu-ife/ife) +- []() + +##9. Git +- [APDPlat是Application Product Development Platform的缩写,即应用级产品开发平台](https://github.com/ysc/APDPlat) +- [如何在github上fork一个项目来贡献代码以及同步原作者的修改](http://www.cnblogs.com/rubylouvre/archive/2013/01/24/2874694.html)(此文章中有图片现在的github网址有差异,操作上也有部分差需要注意,其怎样与原仓储作者保持同步操作有变化注意页面下面的文章描述中有链接交换仓储位置) +- [如何使用github在线编辑及其语法介绍](https://github.com/LearnShare/Learning-Markdown/blob/master/README.md) +- [你不可不知的10个Github功能](http://www.php100.com/html/it/focus/2014/1117/7824.html) +- []() + +##10. 创业 | 职业|管理 +- [为什么有些行业精英不去选择创业](http://www.zhihu.com/question/24329639) +- [在一家小公司只有我一个前端开发,该如何自我提升](http://www.zhihu.com/question/32099504) +- [什么样的前端技术 leader 是称职的](http://www.zhihu.com/question/31462342) +- [在什么情况下,公司创始人会被踢出董事局](http://www.zhihu.com/question/32291066) +- [怎样做才可以带出一支优秀的团队](http://www.zhihu.com/question/19602067) + +##11. IDE,编辑器,调试等工具类 +- [Fiddler调式使用知多少(一)深入研究](http://www.cnblogs.com/tugenhua0707/p/4623317.html) +- [chrome浏览器开发者工具使用入门提高](http://www.cnblogs.com/constantince/p/4565261.html) +- []() + +##12. 前端及架构工程化等 +- [百度FIS3发布了](http://fex-team.github.io/fis3/) +- [Muffin=FIS+Browserify](http://fex.baidu.com/blog/2015/01/fis-muffin/) +- [SeaJS 和 Browserify 的模块化方案有哪些区别](http://www.zhihu.com/question/20941305) +- [es6 + babel + webpack + angular1.x](http://angular-tips.com/blog/2015/06/using-angular-1-dot-x-with-es6-and-webpack/) +- [gulp-es6-angular-demo](https://github.com/hjzheng/CUF_meeting_knowledge_share/tree/master/2015-7-20/gulp-es6-angular) +- [Gulp不完全入门教程](http://www.ido321.com/1622.html) +- [分享D瓜哥最近攒的资料(架构方面)](http://www.diguage.com/archives/41.html) +- [变态的静态资源缓存与更新](http://div.io/topic/745) +- []() + + +##13. sass +- []() + +##14. 工作 | 协同 +- []() + +##15. Nodejs + +- [fibjs 对比 nodejs 有哪些优点和缺点](http://www.zhihu.com/question/26472351) +- [youtube上不错的node入门教程](https://www.youtube.com/watch?v=_D2w0voFlEk) +##16. UI +- [一些有用的 Bootstrap 主题和插件](https://github.com/lvwzhen/BootstrapHub) +- []() + +##17. 性能优化教程 + +- [5173首页前端性能优化实践](http://ued.5173.com/?p=1731) +- [给网页设计师和前端开发者看的前端性能优化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers) +- [复杂应用的 CSS 性能分析和优化建议](http://www.orzpoint.com/profiling-css-and-optimization-notes/) +- [张鑫旭——前端性能](http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/) +- [前端性能监控总结](http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html) +- [网站性能优化之CSS无图片技术](http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/) +- [web前端性能优化进阶路](http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html) +- [前端技术:网站性能优化之CSS无图片技术](http://my.eoe.cn/tuwandou/archive/4544.html) +- [浏览器的加载与页面性能优化](http://www.baiduux.com/blog/2011/02/15/browser-loading/) +- [页面加载中的图片性能优化](http://www.w3ctech.com/p/1503) +- [Hey——前端性能](http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD) +- [html优化](http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2/) +- [99css——性能](http://www.99css.com/archives/tag/%E6%80%A7%E8%83%BD) +- [Yslow——性能优化](http://www.yslow.net/category.php?cid=20) +- [YSLOW中文介绍](http://www.cnblogs.com/yslow/) +- [转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化](http://www.360ito.com/article/40.html) +- [Yahoo!团队实践分享:网站性能](http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml) +- [网站性能优化指南:什么使我们的网站变慢?](http://blog.jiasule.com/i/153) +- [网站性能优化实践,减少加载时间,提高用户体验](http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html) +- [浅谈网站性能优化 前端篇](http://www.umtry.com/archives/747.html) +- [前端重构实践之如何对网站性能优化?](http://www.adinnet.cn/blog/designview/2012-7-12/678.html) +- [前端性能优化:使用媒体查询加载指定大小的背景图片](http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9/) +- [网站性能系列博文](http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html) +- [加载,不只是少一点点](http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml) +- [前端性能的测试与优化](http://mzhou.me/article/95310/) +- [分享网页加载速度优化的一些技巧?](http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading/) +- [页面加载中的图片性能优化](http://www.f2es.com/images-bytes-opt/) +- [web前端优化(基于Yslow)](http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html) +- [网站性能优化工具大全](http://www.qianduan.net/website-performance-optimization-tool.html) +- [【高性能前端1】高性能HTML](http://www.alloyteam.com/2012/10/high-performance-html/) +- [【高性能前端2】高性能CSS](http://www.alloyteam.com/2012/10/high-performance-css/) +- [由12306谈谈网站前端性能和后端性能优化](http://coolshell.cn/articles/6470.html) +- [AlloyTeam——前端优化](http://www.alloyteam.com/category/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96/) +- [毫秒必争,前端网页性能最佳实践](http://www.cnblogs.com/developersupport/p/3248695.html) +- [网站性能工具Yslow的使用方法](http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html) +- [前端工程与性能优化(上):静态资源版本更新与缓存](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1) +- [前端工程与性能优化(下):静态资源管理与模板框架](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2) +- [HTTPS连接的前几毫秒发生了什么](http://blog.jobbole.com/48369/) +- [Yslow](http://uicss.cn/yslow/#more-12319) +- [Essential Web Performance Metrics — A Primer, Part 1](http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1/) +- [Essential Web Performance Metrics — Part 2](http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2/) +- [YUISlide,针对移动设备的动画性能优化](http://jayli.github.io/blog/data/2011/12/23/yuislide.html) +- [Improving Site Performance](http://joelglovier.com/improving-site-performance/) +- [让网站提速的最佳前端实践](http://blog.segmentfault.com/laopopo/1190000000367899) +- [Why Website Speed is Important](http://sixrevisions.com/web-development/why-website-speed-is-important/) +- [Need for Speed – How to Improve your Website Performance](http://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance/) + + +###18. 面试相关 +- [2015年各大公司的面试题提前透漏(公钥)几道](div.io/topic/1166) +- []() + +###19. mac ios +- [iOS提高效率的方法和工具](http://lcepy.github.io/2015/07/14/iOS%E6%8F%90%E9%AB%98%E6%95%88%E7%8E%87%E7%9A%84%E6%96%B9%E6%B3%95%E5%92%8C%E5%B7%A5%E5%85%B7/) + +###20.如何查看各个浏览器的 user agent stylesheet ? +Firefox (Gecko):[http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css](http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css) +Chrome/Safari (WebKit):[http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css](http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css) +Internet Explorer (Trident), all versions: [http://www.iecss.com/](http://www.iecss.com/) + +###21. 英语 +- [欧路词典](http://www.eudic.net/eudic/windows.aspx) +- []() + +###21. 其它 +- [http协议分析工具](http://www.cnblogs.com/klguang/p/4624333.html) +- [Android 常用开发工具以及Mac常用软件](http://codingfish.top/2015/07/07/android-developer-tools-list/) +- [参加 ShenJS (jsconf China 2015) 是个什么样的体验](http://www.zhihu.com/question/32101888) +- [一个用 laravel 5 开发的 博客系统](https://github.com/yccphp/laravel-5-blog) +- [PHP 7.0 升级备注](https://linux.cn/article-5840-1.html) +- []() diff --git a/2015/201508.md b/2015/201508.md new file mode 100644 index 00000000..5a771089 --- /dev/null +++ b/2015/201508.md @@ -0,0 +1,131 @@ +# 8月份前端资源分享 +##1. Javascript +- [ECMAScript6 编码规范--广发证券前端团队](https://github.com/gf-web/es6-coding-style/) +- [js-cookie](https://github.com/js-cookie/js-cookie) +- [prefixfree](http://leaverou.github.io/prefixfree) +- [jdists 一款强大的代码块预处理工具](http://div.io/topic/1203?from=groupmessage&isappinstalled=0) +- [日期处理](http://digitalbush.com/projects/masked-input-plugin/) +- [如何成为一名卓越的前端工程师](http://jiongks.name/) +- [JS函数式编程指南](http://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html) +- [JavaScript 和事件](http://yujiangshui.com/javascript-event/) +- [Teahour 程序员电台|#78 和 Vue.js 框架的作者尤小右聊聊前端框架开发背后的故事](http://zhuanlan.zhihu.com/teahour/20167245) +- [Javascript promises-book](http://liubin.github.io/promises-book) +- [如何用javascript实现天猫收藏商品进购物车的(商品的轨迹)动画效果](http://www.zhihu.com/question/30977272) +- [根据白名单过滤HTML(防止XSS攻击)](https://github.com/leizongmin/js-xss) +- [【福利】乳摇动画初探](http://www.alloyteam.com/2015/08/fu-li-ru-yao-dong-hua-chu-tan/) +- [看到别人写得很好的代码,感觉很无力怎么办?](http://segmentfault.com/q/1010000003108390) +- [什么是js的上下文、执行上下文、作用域、作用域链、变量对象、活动对象?](http://segmentfault.com/q/1010000003107212) +- [腾讯移动Web前端知识库](https://github.com/AlloyTeam/Mars) +- [前端工程師必須學會的現代化前端開發工具](http://blog.miniasp.com/post/2015/08/13/essential-frontend-tools-2015.aspx) +- []() + +##2. 移动Javascript开发 +- [浅谈移动前端的最佳实践](http://www.cnblogs.com/yexiaochai/p/4219523.html) +- [MobileWeb 适配总结](http://www.w3ctech.com/topic/979) +- []() + + +##3. Html5 +- [移动端重构系列2——新建空白页面](http://www.w3cplus.com/mobile/mobile-terminal-refactoring-create-page.html) +- [H5+JS+CSS3实现七夕言情](http://www.imooc.com/learn/453) +- [HTML5中meta属性的使用详解](http://blog.csdn.net/xmtblog/article/details/46226717) +- [橡皮擦](https://github.com/boblemarin/jQuery.eraser) +- [移动时代的前端加密](http://div.io/topic/1220) +- [HTML5开源移动应用程序开发框架](https://github.com/ioing/IOING) +- []() + +##4. CSS +- [web-app-变革之rem](https://github.com/Zjingwen/sunshineKnow/blob/master/web-app-%E5%8F%98%E9%9D%A9%E4%B9%8Brem.md) +- [使用Spritesmith生成高清雪碧图及样式](http://solodu.com/generate-retina-css-sprite-with-spritesmith/) +- [再谈mobile web retina 下 1px 边框解决方案](http://www.ghugo.com/css-retina-hairline/?utm_source=tuicool) +- [手机淘宝前端的图片相关工作流程梳理](https://github.com/amfe/article/issues/8) +- [前端精选文摘:BFC 神奇背后的原理](http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html) +- [中国第二届CSS Conf总结](http://www.w3ctech.com/topic/1463) +- [半成品博客皮肤(不知有没有继续下去的必要)](http://www.cnblogs.com/cyclone77/p/4727550.html) +- [国内有哪些公司的前端团队目前已经可以将scss、compass运用到实战当中](http://www.zhihu.com/question/31987504) +- [重拾 CSS 的乐趣(下](https://github.com/cssmagic/blog/issues/54) +- [css魔法博客](https://github.com/cssmagic/blog/issues?q=is%3Aopen) +- [调试 CSS Keyframe 动画](http://www.w3ctech.com/topic/1472) +- [CSS中非常重要的可视化格式模型](http://bbs.csdn.net/topics/340204423) +- [可视化格式模型( VISUAL FORMATTING MODEL)再学习](http://www.topcss.org/?p=864) +- [Bootstrap 4重大更新,亮点解读](http://geek.csdn.net/news/detail/38027) +- [有谁能详细讲一下css如何画出一个三角形?怎么想都想不懂?](http://www.zhihu.com/question/35180018) +- []() + +##5. Angular +- [Angular.js 的一些学习资源](https://github.com/dolymood/AngularLearning) +- []() + +##6. React, Vue +- [探索React生态圈](http://www.tuicool.com/articles/b26BJrV) +- [一个“三端”开发者眼中的React Native](http://www.html-js.com/article/Big-search-car-front-team-column-a-three-in-the-eyes-of-the-developers-Native-React%203089) +- [使你的 React 应用兼容 IE8](https://github.com/xcatliu/react-ie8) +- []() + +##7. jQuery +- [Jquery empty() remove() detach() 方法的区别](http://blog.csdn.net/walkerjong/article/details/7989405) +- []() + +##8. 看书学习 +- [半路学编程,可以成为大牛吗?](http://www.zhihu.com/question/34101611) +- [web前端的路该怎么走?](http://www.zhihu.com/question/34388831) +- [别因为要学的太多反而压垮自己](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=204580251&idx=1&sn=b2d3b2ee83421935de20b85b02671d78&key=1936e2bc22c2ceb5249d40545a0a04ec316a687c2a618b6da90664af656c928726eb8527f3be1b3cbc76242f6c0da55b&ascene=0&uin=MjM2NDE3Mzk1&devicetype=iMac+MacBookPro11%2C2+OSX+OSX+10.10.2+build(14C109)&version=11020012&pass_ticket=e8VKVk%2BfNyScWMl6zouxSm3GZ2qc3WFoLI70IhbcYUk%3D) +- [前端走得这么快,你该如何跟上脚步?](http://xiaoyuze88.github.io/blog/2015/07/27/%E5%89%8D%E7%AB%AF%E8%B5%B0%E5%BE%97%E8%BF%99%E4%B9%88%E5%BF%AB%EF%BC%8C%E4%BD%A0%E8%AF%A5%E5%A6%82%E4%BD%95%E8%B7%9F%E4%B8%8A%E8%84%9A%E6%AD%A5%EF%BC%9F/) +- []() + +##9. Git +- []() + +##10. 创业 | 职业|管理 +- [创业公司有哪些常见的散伙原因](http://www.zhihu.com/question/30782747) +- [企业招聘,慎选BAT出来的人](http://news.cnblogs.com/n/526861/) +- [初次淘宝创业有哪些坑可以避开](http://www.zhihu.com/question/30935339) +- []() + +##11. IDE,编辑器,调试等工具类 +- []() + +##12. 前端及架构工程化等 +- [前端工程——基础篇](https://github.com/fouber/blog/issues/10) +- []() + + +##13. sass +- []() + +##14. 工作 | 协同 | 流程 +- [我的前端流程](http://www.html-js.com/article/My-head-is-the-way-Im-the-front-end-process%203090) +- []() + +##15. Nodejs +- [DoraCMS开源版本正式发布](http://www.html-js.com/article/Nodejs-development-DoraCMS-open-source-version-officially-released%203118) +- []() + +##16. UI +- [sketch-measure](https://github.com/utom/sketch-measure) + +##17. 性能优化教程 +- []() + +###18. 面试相关 +- []() + +###19. mac ios +- [iOS开发系列--Swift语言](http://www.cnblogs.com/kenshincui/p/4717450.html) +- []() + +###20. php +- [自学PHP有哪些书籍和教程值得推荐](http://www.zhihu.com/question/20034403) +- []() + +###21. 英语 +- [英语优秀资源清单](http://news.cnblogs.com/n/526374/) +- []() + +###21. 其它 +- [我是如何自学Android,资料分享(2015 版)](http://www.cnblogs.com/aikaifa/p/4699068.html) +- [[智能硬件] 3、三分钟看懂智能硬件原理——简易智能手环制作教程(包括炫酷手机客户端开发)](http://www.cnblogs.com/zjutlitao/p/4690228.html) +- [如何用好 Kindle](http://www.zhihu.com/question/21158269) +- [哪些性能问题,直接导致app用户的流失](http://www.zhihu.com/question/24584224) +- []() +- []() diff --git a/2015/201509.md b/2015/201509.md new file mode 100644 index 00000000..02dabb03 --- /dev/null +++ b/2015/201509.md @@ -0,0 +1,132 @@ +# 9月份前端资源分享 +##1. Javascript +- [listManager.js - 列表管理插件](http://www.html-js.com/article/List-management-plugin-listManagerjs--list-management-plugin%203139) +- [github上值得关注的前端项目](http://segmentfault.com/a/1190000002804472) +- [你是如何构建 Web 前端 Mock Server 的](http://www.zhihu.com/question/35436669) +- [FEX 技术周刊-2015/09/07](http://fex.baidu.com/blog/2015/09/fex-weekly-07/) +- [JS原生Date类型方法的一些冷知识](http://segmentfault.com/a/1190000003710954) +- [网站为什么 JS 调用尽量放到网页底部?](http://www.zhihu.com/question/34147508/answer/63068656) +- [网页性能管理详解](http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html) +- [JavaScript game engines](https://github.com/showcases/javascript-game-engines) +- [F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案](https://github.com/alibaba/f2etest) +- [算法复杂度分析](http://www.cnblogs.com/gaochundong/p/complexity_of_algorithms.html) +- [前端事件系统(一)](http://www.cnblogs.com/observernotes/p/4827956.html) +- [js代码精选之:this代理函数](http://blog.wushuyi.com/article/javascript-this-proxy) +- [前端开发中有什么经典的轮子值得自己去实现一遍?](http://www.zhihu.com/question/29380608) +- [有哪些学习算法的网站推荐](http://www.zhihu.com/question/20368410) +- [计算机基础知识不牢的前端都是瞎扯淡吗](http://www.zhihu.com/question/35703265) +- [哟!哟!哟!不如一起来学习ES6!(上)](http://zhuanlan.zhihu.com/gingerbread/20233021) +- [gulp入门+ES6](http://www.w3cplus.com/workflow/glup-and-es6.html) +- [clipboard 最新的剪切方案](http://zenorocha.github.io/clipboard.js/) +- [前后分离架构的探索之路](http://segmentfault.com/a/1190000003795517) +- [小胡子哥-收集代码片段工具](http://www.barretlee.com/blog/2015/09/29/new-application-snippet/) + +##2. 移动Javascript开发 +- [移动端web整理](http://www.w3cfuns.com/blog-5452682-5408740.html) +- []() + + +##3. Html5 +- [#黑科技# 跳出浏览器](http://zhuanlan.zhihu.com/andlib/19848910) +- [iOS使用schema协议调起APP](http://js8.in/2013/12/16/ios%E4%BD%BF%E7%94%A8schema%E5%8D%8F%E8%AE%AE%E8%B0%83%E8%B5%B7app/) +- [让那些能在 App 打开的链接,不再用网页加载:Opener](http://sspai.com/29135) +- [html5 - 星际](https://github.com/gloomyson/StarCraft) +- [canvas里的变速(线性)运动](http://www.yi-jy.com/2015/08/20/canvas%E9%87%8C%E7%9A%84%E5%8F%98%E9%80%9F%E7%BA%BF%E6%80%A7%E8%BF%90%E5%8A%A8/) +- [particles](https://github.com/VincentGarreau/particles.js/) +- [3dtransforms](https://desandro.github.io/3dtransforms/) +- [省市区镇(可以选四级)联动点击自动展开下一级](http://blog.csdn.net/u011551941/article/details/46786497) +- [Framework7-Plus 是 Framework7 的安卓兼容版](https://github.com/sdc-fe/Framework7-Plus) +- [開發 iPhone Web App 的小技巧](http://pro.ctlok.com/2010/06/iphone-web-app.html) +- [webkit webApp 开发技术要点总结](http://www.cnblogs.com/pifoo/archive/2011/05/28/webkit-webapp.html) +- [移动前端开发和 Web 前端开发的区别是什么](http://www.zhihu.com/question/20269059) +- [移动端自适应方案](http://f2e.souche.com/blog/yi-dong-duan-zi-gua-ying-fang-an/) +- [微信开发学习路线](http://bss.csdn.net/m/topic/learning_path_weixin) +- [说说标准——CSS中非常重要的可视化格式模型(visual formatting model)简介](http://bbs.csdn.net/topics/340204423) + + +##4. CSS +- [css-demo](http://codemyui.com/) +- [css-demo](http://bbs.csdn.net/topics/340204423) + + +##5. Angular +- []() + + +##6. React, Vue +- [基于vue.js和webpack的Chat示例](http://www.html-js.com/article/Front-end-based-on-vuejs-and-Chat-webpack-sample%203137) +- [React 介绍及实践教程](http://www.ibm.com/developerworks/cn/web/1509_dongyue_react/index.html) +- [React 入门实例教程](http://www.ruanyifeng.com/blog/2015/03/react.html) +- [react-webpack-cookbook/](https://fakefish.github.io/react-webpack-cookbook/) +- [Webpack+React+ES6开发模式入门指南](http://www.cnblogs.com/skylar/p/React-Webpack-ES6.html) + +##7. jQuery +- []() + + +##8. 看书学习 +- [前端技术的开放和封闭](https://github.com/jayli/jayli.github.com/issues/18) +- [如何快速掌握一门新技术/语言/框架](http://insights.thoughtworkers.org/learn-new-technology-quickly/) + + +##9. Git +- [阿里移动端组织-amfe](https://github.com/amfe) + +##10. 创业 | 职业|管理 +- [我的软件开发生涯 (10年开发经验总结和爆栈人生)](http://www.cnblogs.com/unruledboy/p/DevCareer.html) + + +##11. IDE,编辑器,调试等工具类 +- [IntelliJ IDEA 简体中文专题教程](https://github.com/judasn/IntelliJ-IDEA-Tutorial) + +##12. 前端及架构工程化等 +- [前端架构师是怎样定义的?](http://www.zhihu.com/question/35240855) +- [京东首页前端技术剖析与对比](http://www.barretlee.com/blog/2015/09/09/jd-architecture-analysis/) + + + +##13. sass +- []() + +##14. 工作 | 协同 | 流程 +- [有什么适合小团队的协作工具](http://www.zhihu.com/question/19709893) + + +##15. Nodejs +- [nodejs异步控制「co、async、Q 、『es6原生promise』、then.js、bluebird」有何优缺点?](http://www.zhihu.com/question/25413141) +- [如何系统地学习Node.js](http://www.zhihu.com/question/21567720) +- [Node.js常见面试题](http://wwsun.me/posts/nodejs-interview-questions.html) + + +##16. UI +- [从零基础如何自学 UI 设计](http://www.zhihu.com/question/20857524?rf=20230898) +- [绘画,观察和艺术](http://www.douban.com/doulist/1503061/) +- [想做设计师?](http://www.douban.com/doulist/1156868/) + + +##17. 性能优化教程 +- [前端性能优化之预加载](http://mp.weixin.qq.com/s?__biz=MzA5OTI1MjEwOQ==&mid=210006145&idx=1&sn=f539e49f33c6d66d93a28d4cb95b62b6#rd) +- [H5性能优化方案](http://ddtalk.github.io/blog/2015/09/07/dingding-first/) + +###18. 面试相关 +- [给应届IT从业者的一些建议](https://github.com/nimojs/blog/issues/16) +- []() + +###19. mac ios +- []() + + +###20. php +- []() + + +###21. 英语 +- []() + + +###21. 其它 +- [Python基本语法,python入门到精通[二]](http://www.cnblogs.com/toutou/p/4774284.html) +- [前端收藏夹 堪称前端的hao123](http://f2er.club/) +- [开源著作列表](http://hackersome.com/p/amoblin/CCBooks) +- [Laravel视频](https://laravist.com/) + diff --git a/2015/201510.md b/2015/201510.md new file mode 100644 index 00000000..843ce190 --- /dev/null +++ b/2015/201510.md @@ -0,0 +1,160 @@ +# 10月份前端资源分享 +##1. Javascript +- [手机腾讯网带有增增量更新特色的js模块管理框架](http://mt.tencent.com/) +- [HTTPS证书生成原理和部署细节](http://www.barretlee.com/blog/2015/10/05/how-to-build-a-https-server/) +- [一个双向绑定的微型库](https://github.com/gwendall/way.js) +- [时间流逝插件](http://pragmaticly.github.io/smart-time-ago/) +- [全面理解HTTP](http://www.jianshu.com/p/81632fea327c) +- [零基础如何学习 Web 安全](http://www.zhihu.com/question/21606800) +- [关于 Web 安全,99% 的网站都忽略了这些](http://segmentfault.com/a/1190000003852910) +- [Web 前端攻防(2014版)](http://fex.baidu.com/blog/2014/06/web-sec-2014/) +- [史上最全GitHub前端开发集锦](https://github.com/dypsilon/frontend-dev-bookmarks) +- [前端:将网站打造成单页面应用SPA(一)](http://segmentfault.com/a/1190000002920768) +- [GitHub上整理的一些工具,求补充](http://segmentfault.com/q/1010000002404545) +- [Iframe 有什么好处,有什么坏处?](http://div.io/topic/855) +- [[译]JavaScript中,{}+{}等于多少?](http://www.cnblogs.com/ziyunfei/archive/2012/09/15/2685885.html) +- [Web前端百科图](http://f2er.info/article/1) +- [ECMAScript 6 学习笔记](http://imweb.io/topic/56168ec45d6f37745e8f4975) +- [strml.net 简历源码](https://github.com/STRML/strml.net) +- [精确计算JS数据](https://github.com/MikeMcl/decimal.js) +- [图解 Flux](http://zhuanlan.zhihu.com/FrontendMagazine/20263396) +- [JavaScript 的动画、物理性、弹性库](https://github.com/Popmotion/popmotion) +- [传统 Ajax 已死,Fetch 永生](https://github.com/camsong/blog/issues/2) +- [underscore源码经典(二)](http://yalishizhude.github.io/2015/10/12/underscore-source-2/) +- [Web性能优化与HTTP/2](http://mp.weixin.qq.com/s?__biz=MjM5Mzc0MDAwNw%3D%3D&hmsr=toutiao.io&idx=1&mid=212340809&sn=6d1b294f7f3c03907e68227d05920416&utm_medium=toutiao.io&utm_source=toutiao.io) +- [返回跨域JSONAPI](http://jsonp.afeld.me/) +- [【组件化开发】前端进阶篇之如何编写可维护可升级的代码](http://www.cnblogs.com/yexiaochai/p/4876099.html) +- [smartcrop-是一个裁图不会裁掉人脸的 JS 插件](https://github.com/jwagner/smartcrop.js) +- [为什么都反对XML而支持使用json呢](http://www.zhihu.com/question/25636060) +- [当在浏览器地址栏输入一个URL后回车,将会发生的事情](http://www.zhihu.com/question/34873227) +- [用 JavaScript 写一个 X86 模拟器](http://blog.jobbole.com/93169/) +- [getBoundingClientRect判断元素是否可见](http://div.io/topic/1400) +- [为JavaScript程序员准备的10本免费书籍](http://info.9iphp.com/10-free-javascript-books-for-beginners/) +- [图解javascript this指向什么?](http://www.cnblogs.com/isaboy/p/javascript_this.html) + +##2. 移动Javascript开发 +- [移动端真机调试终极利器-BrowserSync](http://www.codingserf.com/index.php/2015/03/browsersync/) +- [pjax库](https://github.com/Coffcer/coffce-pjax) +- [自动定滚动条](http://www.chjtx.com/JRoll/#todo/go?do=start) + +##3. Html5 +- [在线制作html5动画](http://www.mugeda.com/animation/new?source=home) +- [H5性能优化方案](http://ddtalk.github.io/blog/2015/09/07/dingding-first/) +- [html5 游戏框架](http://phaser.io/) +- [weui 为微信 Web 服务量身设计](https://github.com/weui/weui) +- [可触控的导航栏菜单](https://mango.github.io/slideout/) +- [Web App下图片滑动组件的开发](http://www.imooc.com/learn/125) +- [单页滑动](http://www.html-js.com/article/Mobile-web-frontend-development-based-on-the-zeptojs-mobile-terminal-H5-single-page-follow-the-finger-sliding-switch-control-pageSliderjs%203211) + +##4. CSS +- [《CSS Secrets》中文版的大本营](https://github.com/cssmagic/CSS-Secrets) +- [CSS秘密花园 - 大漠专题](http://www.w3cplus.com/blog/tags/502.html) +- [12个 Web 设计师必备的 Bootstrap 工具](http://www.imooc.com/article/1452) +- [基于css3的动画库](http://anijs.github.io/) +- [立体进度条](http://tympanus.net/Tutorials/CSSProgress/) +- [css3侧边栏动画](https://github.com/codrops/SidebarTransitions) +- [精通:nth-child](http://www.webhek.com/misc/mastering-nth-child) +- [不用 background-position 玩转雪碧图](http://mp.weixin.qq.com/s?__biz=MzI1MTA2MDcyOQ==&mid=208835391&idx=1&sn=7e9a7dafdd390acb8812297aaf902144&scene=0&key=2877d24f51fa5384784566cb4056ec2617a6b61f8392e0787b814a760682b40514d2f74d9ca392ba237b46882ea5d16e&ascene=0&uin=MTA2Nzc4OTU%3D&devicetype=iMac+MacBookPro9%2C2+OSX+OSX+10.11+build(15A284)&version=11020201&pass_ticket=%2BAydg5Jv%2BWKCybKH6BYAtjxzLEch%2B98D4RLZ06jb1fs%3D) +- [闲谈CSS那些事儿 - 巧用 content 属性小小提升用户感受](http://mp.weixin.qq.com/s?__biz=MzI1MTA2MDcyOQ==&mid=208851383&idx=1&sn=1140f7cc5a4f30586f76d99635705fd6#rd) +- [星星评级制作小技巧](http://mp.weixin.qq.com/s?__biz=MzI1MTA2MDcyOQ==&mid=208893579&idx=1&sn=d384308802bb6670bcc410a138aa1830#rd) +- [详解 CSS 属性 - 伪类和伪元素的区别](http://segmentfault.com/a/1190000000484493) +- [前端技能之切图](https://github.com/xiangpaopao/blog/issues/2) +- [豪情-CSS解构系列之-新浪页面解构-02](http://www.cnblogs.com/jikey/p/4259360.html) +- [前端工程师必备的PS技能——切图篇](http://www.imooc.com/learn/506) +- [OOCSS+Sass——CFF大漠PPT](http://www.w3cplus.com/sites/default/files/blogs/2015/1510/OOCSS+Sass.pdf) +- [全局CSS的终结(狗带) [译]](http://www.alloyteam.com/2015/10/8536/) + +##5. Angular +- [angular学习笔记](http://www.zouyesheng.com/angular.html) + +##6. React, Vue +- [初探React,将我们的View标签化](http://www.cnblogs.com/yexiaochai/p/4853398.html) +- [VueStrap:使用 Vue.js 和纯 JavaScript 构建的 Bootstrap 组件](https://github.com/yuche/vue-strap) +- [React 入门教程翻译(与当前官方文档一致)](http://www.html-js.com/article/Yibuyishengs-column-React-entry-tutorial-translation-consistent-with-the-current-official-documents%203194) +- [React系列之(一) —入门篇](http://jimhuang.cn/?p=285) +- [一组Vue+Webpack的移动端组件](http://www.html-js.com/article/RaitoMH-world-a-group-of-Webpack-Vue-mobile-terminal-components%203199) +- [百度母婴技术团队—基于Reactjs实现webapp](https://github.com/my-fe/wiki/issues/1) +- [Vue.js 和 Webpack](http://div.io/topic/1343) +- [VUEJS-单页应用DEMO](http://www.html-js.com/article/VUEJS-single-page-application-DEMO%203228) + +##7. jQuery +- [搜索可代替jQuery的方法](http://youmightnotneedjquery.com/) +- [丰富的jQuery列表](http://www.w3cfuns.com/blog-5474887-5408844.html) +- [jquery-textcomplete 是一个可以对多种不同文本内容实现自动补全的 JS 插件,](https://github.com/yuku-t/jquery-textcomplete) + + +##8. 看书学习 +- [工作几年后再回学校脱产读书是什么感觉](http://www.zhihu.com/question/26724212) +- [留学党们家庭经济条件都很好吗](http://www.zhihu.com/question/22124002) +- [我的后端开发书架2015 2.0版](http://calvin1978.blogcn.com/articles/bookshelf.html) + +##9. Git +- [常用Git命令汇总](http://www.jianshu.com/p/0f2ffa404ac1) +- [使用webstorm操作git](http://www.cnblogs.com/jinguangguo/p/4868152.html) + +##10. 创业 | 职业|管理 +- [如何看待老板老拿期权激励员工,给的工资却很少](http://www.zhihu.com/question/29056889) +- [如何看待美团和大众点评确认合并的消息?](http://www.zhihu.com/question/36252531) +- [美团大众点评合并:背后技术力量的对比回顾](http://www.infoq.com/cn/news/2015/10/meituan-dianping-tech) +- [戴尔670亿美元收购EMC](http://tech.sina.com.cn/z/dellbuyemc/) +- [如何在大公司中成长](http://www.html-js.com/article/How-to-grow-up-in-front-of-the-front-of-the-company%203203) + +##11. IDE,编辑器,调试等工具类 +- [【译】2015: 前端工具现状](http://www.w3ctech.com/topic/1513) +- [前端各种工具技术汇总](http://duoduo369.github.io/skill_issues/) +- [代理工具Charles使用](http://blog.csdn.net/jerryvon/article/details/22315947) +- [使用webstorm调试node程序](http://www.cnblogs.com/jinguangguo/p/4809886.html) + +##12. 前端及架构工程化等 +- [brunch](http://hao.jobbole.com/brunch/) +- [brunch-github](https://github.com/brunch/brunch) +- [brunch项目主页](http://brunch.io/) +- [详解前端模块化工具-webpack](http://www.cnblogs.com/skylar/p/webpack-module-bundler.html) +- [前端架构是什么,前端有架构可谈吗?](http://www.zhihu.com/question/26646855) + +##13. sass +- [Sass Guidelines中文版本](https://github.com/airen/sass-guidelines) +- [mix片段](https://gist.github.com/HugoGiraudel?page=1) +- [scss整站设计](http://ke.qq.com/webcourse/index.html#course_id=97365&term_id=100099831&taid=217355410046037&vid=q1406q9p26p) +- [scss整站设计 - pdf](https://www.icloud.com/keynote/000LueSoKaWcoV2AfjnIOEMTw#sass%E5%85%A8%E7%AB%99%E8%AE%BE%E8%AE%A1) + +##14. 工作 | 协同 | 流程 +- [一个很吊的简历](http://strml.net/) + +##15. Nodejs +- [NodeJS的代码调试和性能调优 - 小胡子](http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line/) +- [Express深入解读](http://www.html-js.com/article/Express-indepth-understanding-of-learning-notes%203213) + +##16. UI +- [为什么页面跟设计稿差距这么大?是啊!为毛啊?](http://www.uisdc.com/design-just-stay-design) +- [uimaker - 后台管理模板](http://www.uimaker.com/uimakerdown/bstemplate/) +- [字数多的海报如何设计才能抢眼](http://www.zhihu.com/question/36121669) +- [原型工具-偏移动应用方面](https://www.fluidui.com) +- [你见过的最棒的个人博客界面是什么样的](http://www.zhihu.com/question/29755481) +- [好的用户界面-界面设计的一些技巧](http://www.cnblogs.com/Wayou/p/goodui.html) + +##17. 性能优化教程 +- [网页性能管理详解 - 阮一峰](http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html) +- [纯前端优化首屏时间](http://www.alloyteam.com/2015/10/optimization-of-alloyteam-series-the-first-screen-time/) + +###18. 面试相关 +- []() + +###19. mac ios +- [强迫症的 Mac 设置指南](https://github.com/macdao/ocds-guide-to-setting-up-mac) +- [GitHub上面(关于iOS开发)有哪些适合新手阅读和学习的开源项目](http://www.zhihu.com/question/33903154) + + +###20. php +- []() + + +###21. 英语 +- []() + + +###22. 其它 +- [Laravel学习资料](https://github.com/chiraggude/awesome-laravel) +- [工作利器:终于可以使用Markdown写邮件啦](http://droidyue.com/blog/2014/08/26/write-emails-using-markdown-in-browsers/) +- [Adobe 将推新的原型设计工具 Adobe Project Comet](http://v.youku.com/v_show/id_XMTM1Mzc4ODk1Ng==.html?ep=CDYBSBZFL%2C1645143405%2CCDYBSBZFL%2C1645143405) + diff --git a/2015/201511.md b/2015/201511.md new file mode 100644 index 00000000..851b611a --- /dev/null +++ b/2015/201511.md @@ -0,0 +1,76 @@ +# 11月份前端资源分享 +##1. Javascript +- [45个有用的JS片段](http://modernweb.com/2013/12/23/45-useful-javascript-tips-tricks-and-best-practices/) +- [关于请求被挂起页面加载缓慢问题的追查](http://fex.baidu.com/blog/2015/01/chrome-stalled-problem-resolving-process/) +- [build-your-own-promise 构建自己的promise](http://www.html-js.com/article/Buildyourownpromise-blog-build-their-own-promise%203235) +- [WEB开发者应该有哪些必备的技能?](http://info.9iphp.com/essential-skills-every-web-developer-should-have/) +- [前端资源](https://github.com/poppinlp/fe-store-house) + +##2. 移动Javascript开发 +- []() + +##3. Html5 +- [移动端web app自适应布局探索与总结](http://www.html-js.com/article/JavaScript-learning-notes%203234) +- [跨屏canvas](https://github.com/elevenetc/InteractiveCanvas) +- [H5拍照应用开发经历的那些坑儿](http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201409/278736.shtml) + +##4. CSS +- []() + +##5. Angular +- []() + +##6. React, Vue +- [Vue.js + webpack 前端项目实践](http://finalshares.com/read-751) +- [学习 React Native for Android:React 基础](http://hahack.com/codes/learn-react-native-for-android-02) +- [React源码剖析系列 - 生命周期的管理艺术](http://zhuanlan.zhihu.com/purerender/20312691) + +##7. jQuery +- []() + + +##8. 看书学习 +- [达内,青鸟!你们使多少花朵误入歧途!](http://www.cnblogs.com/geniusalex/p/4928713.html) + +##9. Git +- []() + +##10. 创业 | 职业|管理 +- []() + +##11. IDE,编辑器,调试等工具类 +- []() + +##12. 前端及架构工程化等 +- []() + +##13. sass +- []() + +##14. 工作 | 协同 | 流程 +- []() + +##15. Nodejs +- []() + +##16. UI +- [如何做出这种有厚度的 APP 界面图片?](http://www.zhihu.com/question/37067855) + +##17. 性能优化教程 +- []() + +###18. 面试相关 +- []() + +###19. mac ios +- []() + +###20. php +- []() + +###21. 英语 +- []() + +###21. 其它 +- []() + diff --git a/2015/README.md b/2015/README.md new file mode 100644 index 00000000..02a5265a --- /dev/null +++ b/2015/README.md @@ -0,0 +1,5 @@ +# 加群说明 +[JS高级前端开发群加群说明](http://www.cnblogs.com/jikey/p/4426105.html) + +2015年度月刊内容 +===== \ No newline at end of file diff --git a/2015/bak.md b/2015/bak.md new file mode 100644 index 00000000..f3f5385f --- /dev/null +++ b/2015/bak.md @@ -0,0 +1,70 @@ +# 9月份前端资源分享 +##1. Javascript +- []() + +##2. 移动Javascript开发 +- []() + +##3. Html5 +- []() + +##4. CSS +- []() + +##5. Angular +- []() + +##6. React, Vue +- []() + +##7. jQuery +- []() + + +##8. 看书学习 +- []() + +##9. Git +- []() + +##10. 创业 | 职业|管理 +- []() + +##11. IDE,编辑器,调试等工具类 +- []() + +##12. 前端及架构工程化等 +- []() + +##13. sass +- []() + +##14. 工作 | 协同 | 流程 +- []() + +##15. Nodejs +- []() + +##16. UI +- []() + +##17. 性能优化教程 + +###18. 面试相关 +- []() + +###19. mac ios +- []() + + +###20. php +- []() + + +###21. 英语 +- []() + + +###21. 其它 +- []() + diff --git a/README.md b/README.md index 79e59d1d..26494107 100644 --- a/README.md +++ b/README.md @@ -7,9 +7,8 @@ 我们利用掌握技术谋生的同时,我们抽身思维,脱立于技术之外,站在职业的高度来衡量他带给我们的益处。而我们聚在一起的目的是,除了同一个梦想,同一个期待之外,更是为了弥补自个视角之外的知识密度,以其来达到,让自己的谋生的手段更为容易,更为方便。 -# 前端群号: +# 加群说明 +[JS高级前端开发群加群说明](http://www.cnblogs.com/jikey/p/4426105.html) -`348090425` - -记录一些群内一些分享,致力打造中国质量最高的前端群。 \ No newline at end of file +记录一些群内一些分享,致力打造中国质量最高的前端群。你不在是一个阅读者,更是一个项目参与者内容创造者,欢迎fork之后pull。 \ No newline at end of file