Skip to content

Commit 573cdfb

Browse files
hacke2hacke2
hacke2
authored and
hacke2
committed
💯 done
1 parent d4ca098 commit 573cdfb

File tree

3 files changed

+333
-0
lines changed

3 files changed

+333
-0
lines changed

‎.DS_Store

6 KB
Binary file not shown.

‎month-1504.md

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
# 神马&书旗前端委员会月刊 1504（首刊）
2+
3+
***
4+
5+
## JS
6+
7+
[开发无框架单页面应用 — 老码农的祖传秘方](http://web.jobbole.com/81990/)
8+
>一步步教你开发简单spa框架
9+
10+
[promises简体书](http://liubin.github.io/promises-book/)
11+
>见过的最完整的promise介绍
12+
13+
14+
[【前端优化之渲染优化】大屏android手机动画丢帧的背后](http://www.cnblogs.com/yexiaochai/p/4314260.html)
15+
>叶小钗对一个BUG的探究已经Chrome开发者工具Timeline的使用
16+
17+
18+
[浅谈从一道面试测试题谈谈对Nodejs编程的理解](https://cnodejs.org/topic/55145859e26684ed7ff21bd3)
19+
>做完这道题，对JS作用域、闭包加深理解
20+
21+
[Generator 函数的含义与用法](http://www.ruanyifeng.com/blog/2015/04/generator.html)
22+
>阮老师新作，探讨ES6 较难理解的Generator
23+
24+
[YOU MIGHT NOT NEED JQUERY](http://youmightnotneedjquery.com)
25+
>用原生方法替代JQ
26+
27+
[前端要给力之：红绿灯大战中的火星生命-Promise](http://blog.csdn.net/aimingoo/article/details/45014325)
28+
>前端网红的代码之战总结
29+
30+
## CSS
31+
32+
[前端精选文摘：BFC 神奇背后的原理 ](http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html)
33+
>见过的最容易懂得BFC文章，大量实例
34+
35+
36+
[回味background](http://segmentfault.net/blog/linxz/1190000002481921#articleHeader8)
37+
>我们最常用的CSS属性竟然会有这么多的学问
38+
39+
[Web移动端Fixed布局的解决方案](http://efe.baidu.com/blog/mobile-fixed-layout/)
40+
41+
42+
[你能相信吗？这些都是由一个DIV元素实现的动画，纯CSS3技术](http://www.webhek.com/misc/css-loaders)
43+
>一个DIV可以做很多事情，开开脑洞
44+
45+
46+
47+
[加载 CSS 时不影响页面渲染 ](http://www.linuxeden.com/html/news/20150405/160050.html)
48+
>使用媒介查询小技巧懒加载CSS，可适用载外部CSS3字体
49+
50+
51+
[CSS3 Flexbox可视化指南](http://blog.csdn.net/whqet/article/details/45154977)
52+
>图文介绍，简单易懂
53+
54+
## HTML5
55+
56+
[你可能不知道的10个HTML5新功能](http://segmentfault.com/blog/aomine_2450732/1190000002534431)
57+
>HTML5很多新API，比如电池接口API，还有可能会出的照相机API，语音API，能力向native靠近
58+
59+
[移动端页面性能探究](http://blog.csdn.net/zqjflash/article/details/44906763)
60+
61+
[那些年，我们一起被坑的H5音频](http://weibo.com/p/23041874d6cedd0102vkbr)
62+
>H5音频里的各种坑
63+
64+
## Node.js
65+
66+
[Web服务器的工作原理](http://www.importnew.com/15020.html)
67+
>前端同学急需填补的服务端支持
68+
69+
[如何系统的学习Node.js](http://www.zhihu.com/question/21567720/answer/44247905?utm_campaign=share_button&utm_medium=weibo_share&utm_content=share_answer&utm_source=weibo)
70+
>旅航弘树回答的
71+
72+
[Web 开发后端缓存思路](https://cnodejs.org/topic/55210d88c4f5240812f55408)
73+
>WEB缓存的思考
74+
75+
[node+express入门](http://www.alloyteam.com/2015/03/sexpressmysql/)
76+
>使用最新版本的node+express，入门文章，快速搭建自己的第一个Node.js应用
77+
78+
[从零开始nodejs系列文章](http://blog.fens.me/series-nodejs/)
79+
>文章集合，强烈推荐
80+
81+
[Node稳定性的研究心得](http://www.cnblogs.com/rubylouvre/p/4442619.html)
82+
83+
[用node-inspector调试Node.js](http://www.noanylove.com/2011/12/node-the-inspector-debugging-node-js/)
84+
85+
86+
## 工程化
87+
88+
[How I build Node.js Applications ](http://blog.ragingflame.co.za/2015/4/1/how-i-build-nodejs-applications
89+
)
90+
>构建一个Node项目需要考虑的目录结构与职责
91+
92+
[张云龙《前端工程》](http://pan.baidu.com/s/1c0njWGC)
93+
>SegmentFault D-Day 广州分享,张云龙介绍前端工程化
94+
95+
## 动效
96+
97+
[9款非常有意思的HTML5动画推荐](http://www.w3cschool.cc/w3cnote/9-funny-html5-animation.html?from=groupmessage&isappinstalled=0#rd)
98+
>增大脑洞
99+
100+
[前端能力模型-动画类型及动画库的介绍](http://blog.csdn.net/zqjflash/article/details/44903859)
101+
>各个动画性能的总结和库的整理
102+
103+
[用户体验中巧妙的过场动画【译](http://mxd.tencent.com/用户体验中巧妙的过场动画【译】#rd)
104+
105+
## React.js
106+
107+
[react native第一课](http://html-js.com/article/2783)
108+
>用JS写第一个自己的ios app
109+
110+
[我对 React Native 的理解和看法](http://div.io/topic/851)
111+
112+
[怎么更好的理解虚拟DOM? 1](http://www.zhihu.com/question/29504639 )
113+
114+
[怎么更好的理解虚拟DOM? 2](http://react-china.org/t/zen-yao-geng-hao-de-li-jie-xu-ni-dom/638)
115+
116+
[react初探](http://www.alloyteam.com/2015/04/react-explore/)
117+
118+
## 其他
119+
120+
[Vim入门教程](http://blog.jobbole.com/86132/)
121+
122+
[关于前端开发的20篇文档与指南](http://saebbs.com/forum.php?mod=viewthread&tid=34679&extra=page%3D6)

‎month-1505.md

Lines changed: 211 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
神马&书旗前端委员会月刊 1505
2+
-----
3+
神马&书旗前端委员会月刊1505 期来袭，大家在做业务的同时不要忘了提升自己的知识面与基础能力，努力将咱们前端委员会打造成**国内移动第一前端**：）
4+
5+
本期月刊对比往期有一下变化：
6+
7+
* 新增`访谈`模块
8+
* 将`其他`改为`干货`
9+
* 吐血推荐的文章后面有*标识
10+
11+
## JS
12+
13+
[用ES6重写《JavaScript Patterns》中的设计模式 *](http://segmentfault.com/a/1190000002800554?utm_source=Weibo&utm_medium=shareLink&utm_campaign=socialShare)
14+
>新API让JS用设计模式如此无违和感
15+
16+
[Object.observe() 引爆数据绑定革命 *](http://www.w3ctech.com/topic/1097)
17+
>将会改变当今的MVC框架实现监听数据模型编辑、更新行为的方法
18+
19+
[使用ES6进行开发的思考](http://efe.baidu.com/blog/es6-develop-overview/)
20+
>对ES6各个特性得出是否适合应用的初步结论，并一一解释其使用场景。
21+
22+
[Revealing the Inner Workings of JavaScript’s “this” Keyword](http://www.sitepoint.com/inner-workings-javascripts-this-keyword/)
23+
>实例来对this用法的探讨
24+
25+
[开发资源大集合 *](http://getawesomeness.com/get/js)
26+
>包含几十个主流语言的框架、库的集合，强烈大家看看扩充知识面！（包括php同学！）
27+
28+
[全面解析ECMAScript 6模块系统](http://www.csdn.net/article/2015-04-30/2824595-Modules-in-ES6#0-tsina-1-31607-397232819ff9a47a7b7e80a40613cfe1)
29+
30+
[一个轻松显示大数据集的 JS 插件](https://github.com/NeXTs/Clusterize.js)
31+
>附带小胡子哥的文章[百万数据如何在前端快速流畅显示](http://www.cnblogs.com/hustskyking/p/million-data-show-in-front-end.html)
32+
33+
[理解Javascript_09_Function与Object *](http://www.cnblogs.com/fool/archive/2010/10/15/1851851.html)
34+
>这是一个系列，强烈推荐
35+
36+
[Thunk 函数的含义和用法](http://www.ruanyifeng.com/blog/2015/05/thunk.html)
37+
>本文是《深入掌握 ECMAScript 6 异步编程》系列文章的第二篇。
38+
39+
[co 函数库的含义和用法 *](http://www.ruanyifeng.com/blog/2015/05/co.html)
40+
>阮老师新作，co 函数库是著名程序员 TJ Holowaychuk 于2013年6月发布的一个小工具，用于 Generator 函数的自动执行。
41+
42+
[async 函数的含义和用法](http://www.ruanyifeng.com/blog/2015/05/async.html)
43+
>异步编程的最高境界，就是根本不用关心它是不是异步。async 函数就是隧道尽头的亮光，很多人认为它是异步操作的终极解决方案。
44+
45+
[强大的observejs](http://www.html-js.com/article/2913)
46+
>利用Object.defineProperty,以及内建 “__属性名” 来保存真正的 ”属性名” 的值来实现监听任意对象的任意数据变化。
47+
48+
[Ten ways to reverse a string in JavaScript](http://eddmann.com/posts/ten-ways-to-reverse-a-string-in-javascript/)
49+
>十种JS反转字符串方式
50+
51+
[[ 前端框架 ] 前端 MV*框架的意义 *](http://segmentfault.com/a/1190000002794454?utm_source=Weibo&utm_medium=shareLink&utm_campaign=socialShare)
52+
53+
[ECMAScript 6中除类之外的OOP新特性](http://web.jobbole.com/82403/)
54+
55+
[ES6 In Depth Articles](https://hacks.mozilla.org/category/es6-in-depth/)
56+
深入解读ES6文章
57+
58+
[盘点JavaScript里好用的原生API ](http://segmentfault.com/a/1190000002753931)
59+
60+
[MVC vs MVP vs MVVM *](http://jser.it/blog/2014/08/11/mvc-vs-mvp-vs-mvvm/)
61+
>相见恨晚，吐血推荐！
62+
63+
## HTML5
64+
65+
<!--[移动端的头部标签和 meta *](http://www.atatech.org/articles/33460/?frm=mail_daily&uid=117633&rnd=1078700068)-->
66+
67+
[MobileWeb 适配总结 *](http://www.w3ctech.com/topic/979)
68+
>神马使用的“固定高度，宽度自适应”，其他方法可以调研一下
69+
70+
[移动端尺寸基础知识](http://colachan.com/post/3435)
71+
>从原理说起，理清关于尺寸的所有细节
72+
73+
[神奇的第三维度](https://github.com/tmallfe/tmallfe.github.io/issues/21)
74+
>天猫互动前端的《3D互动游戏实践》棒棒哒，看豪车移动端虚拟现实联想到之前的3D美女实景图
75+
76+
[simple-mvvm](https://github.com/furybean/simple-mvvm)
77+
>分享会演示的代码，30 分钟写个 Angular.js
78+
79+
[Zorro *](http://zorro.io)
80+
>勾三股四的一套基于webcomponents的类似于boobytrap的组件
81+
82+
[googlewebcomponents.github.io](https://googlewebcomponents.github.io)
83+
>google在webcomponents的实践
84+
85+
## CSS
86+
87+
[最新CSS4选择器前瞻](http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201505041780.html#0-tsina-1-83325-397232819ff9a47a7b7e80a40613cfe1)
88+
89+
[前端性能优化（CSS动画篇）](http://www.tuicool.com/articles/NBbQjy3)
90+
91+
[CSS硬件加速的好与坏 *](http://efe.baidu.com/blog/hardware-accelerated-css-the-nice-vs-the-naughty/#0-tsina-1-50366-397232819ff9a47a7b7e80a40613cfe1)
92+
93+
# Topic
94+
95+
## Node
96+
97+
<!--[前端 Node Web 框架开发策略 *](http://www.atatech.org/articles/33509)
98+
>淘宝UED Node.js最佳实践(需连VPN，内网)-->
99+
100+
[Express 指南 *](https://github.com/sofish/express-guide)
101+
102+
[皇帝的新衣：Node.js](http://ourjs.com/detail/53a2fa0a41a7309c42000007)
103+
>给node.js泼了一盆凉水
104+
105+
[配置Nginx SSL Node.js环境详细指南](http://www.codeceo.com/article/nginx-ssl-nodejs.html)
106+
>是在不同的操作系统下配置Nginx和SSL，并且搭建一个Node.js运行环境
107+
108+
[node.js在qzone的演进](http://www.w3ctech.com/topic/996)
109+
>QQ空间在Node.js的事件
110+
111+
[[译] NodeJS 错误处理最佳实践](http://segmentfault.com/a/1190000002741935)
112+
113+
[THE CORE CONCEPTS OF ANGULAR 2](http://victorsavkin.com/post/118372404541/the-core-concepts-of-angular-2)
114+
> ANGULAR核心思想揭秘
115+
116+
[Node.js 框架比较: Express vs. Koa vs. Hapi *](http://segmentfault.com/a/1190000002421718?utm_source=Weibo&utm_medium=shareLink&utm_campaign=socialShare)
117+
118+
119+
[Node.js 自动猜单词程序的实现](http://www.html-js.com/article/2888)
120+
121+
## 动效
122+
123+
[WWDC2015 CSS Animation *](https://cssanimation.rocks/wwdc15/)
124+
>WWDC2015邀请函中的动画效果，纯CSS，很酷！
125+
126+
[双11喵喵舞MV](http://www.tmall.com/go/market/promotion-act/mv-alone.php)
127+
>做的高大上的骨骼动画《双11喵喵舞MV》纯JS实现，每个人物角色舞蹈动作都可以随意编码，非传统帧动画，后了解用hilojs实现
128+
129+
[设计师10大必备HTML动画工具](http://www.html5cn.org/article-7783-1.html)
130+
131+
[经验分享：多屏复杂动画CSS技巧三则](http://isux.tencent.com/css-animation-skills.html)
132+
>腾讯做复杂动画的经验之谈
133+
134+
[分层渲染和动画性能优化](http://www.tuicool.com/articles/NBbQjy3)
135+
136+
[css动画制作器](http://css3lib.alloyteam.com)
137+
138+
[css3模态弹框](http://tympanus.net/Development/ModalWindowEffects/)
139+
140+
## 工程化
141+
142+
[《Gulp入门指南》](https://github.com/nimojs/gulp-book)
143+
> gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。
144+
145+
## React.js
146+
147+
<!--[基于React的移动技术探索 *](http://www.atatech.org/articles/33371/?frm=mail_daily&uid=117633)
148+
>Web是未来，Native是当下，而我们在未来与当下之间。-->
149+
150+
[React Native概述：背景、规划和风险](https://github.com/tmallfe/tmallfe.github.io/issues/18)
151+
152+
[A UNIVERSAL IOS APP WITH REACT NATIVE](http://blog.typework.com/react-native-universal/)
153+
>多终端适配的解决方案
154+
155+
## 干货
156+
157+
[DevTools-Learning](https://github.com/andersonweb/DevTools-Learning)
158+
>前端开发者工具学习资料大全
159+
160+
[现代浏览器的工作原理 *](http://blog.jobbole.com/12749/)
161+
>对浏览器解析原理讲的很透彻（齐飞提供）
162+
163+
[Visual Studio Code 的简单试用体验](http://blog.jobbole.com/86576/)
164+
>微软放大招了, 可代替Sublime，编写的 js 被解释执行，从运行环境中找到补全
165+
166+
[WebKit是如何工作的？](http://www.w3ctech.com/topic/977)
167+
>十张图让你了解浏览器解析原理
168+
169+
[美女3D全景图](http://www.sankei.com/photo/panorama/edit/140621/140621toshimaen-3.html?from=groupmessage&isappinstalled=0)
170+
>宅男福利
171+
172+
[阿里巴巴集团官方移动测试服务](http://mts.aliyun.com/)
173+
>叮！传说中的重量级测试工具来啦！阿里巴巴集团官方移动测试服务免费开放：种类繁多的机型适配、深度BUG精准定位、性能数据完美收集，不论是app还是H5，全都通通搞定。
174+
175+
[聊聊移动端跨平台开发的各种技术](http://fex.baidu.com/blog/2015/05/cross-mobile/)
176+
>信息量巨大，强烈推荐!
177+
178+
[干货：Web应用上线之前程序员应该了解的技术细节](http://blog.jobbole.com/86786/)
179+
180+
[影响网页渲染的关键！](http://www.html-js.com/article/2947)
181+
>加快网站访问的思路
182+
183+
[解析nginx负载均衡](http://www.itd4j.com/server/151112.html)
184+
185+
[微信开发入门系列](http://edu.9miao.com/course/10)
186+
187+
[如何提问才能进阶成为前端大神？](http://www.zhangxinxu.com/wordpress/2015/05/how-to-ask-web-front-question/)
188+
189+
[页面制作之调试工具](http://www.cnblogs.com/jingwhale/p/4508774.html)
190+
191+
[每天一本编程书，每天进步一点点。](http://www.salttiger.com)
192+
>免费电子书阅读
193+
194+
[hare and discover the best programming tutorials and courses online. *](http://hackr.io)
195+
>各类编程资源大集合，强烈推荐！
196+
197+
[一个程序员用 JavaScript 做的 GBA 模拟器](http://top.jobbole.com/21682/)
198+
>很好玩~~~~~~
199+
200+
[十年磨一剑：梳理淘宝网技术架构的发展](http://m.oschina.net/blog/419276?comefrom=http://blogread.cn/news/)
201+
202+
[如何在 StackOverflow 上谈笑风生](http://weibo.com/p/1001603846350675528215)
203+
204+
## 访谈 *
205+
206+
[不走管理，也能成为前端专家？ | 100offer专访贺师俊Hax](http://mp.weixin.qq.com/s?__biz=MzA5NzkxMzkwNQ==&mid=208974853&idx=1&sn=6ea9cb6015a7458e1bcd5a3de846ffca&scene=5#rd)
207+
208+
[朴灵：打破限制，从前端到全栈](http://segmentfault.com/a/1190000002776638?utm_source=Weibo&utm_medium=shareLink&utm_campaign=socialShare)
209+
210+
[去哪儿网前端架构师司徒正美：如何挑选适合的前端框架？](http://www.csdn.net/article/2015-05-11/2824656-fontend-Frameworks)
211+
>各主流行框架优劣点、适用场景盘点

0 commit comments

Comments
 (0)