前端笔记精彩博文周刊20150111期

蔚落 2022-08-06 12:24 109阅读 0赞

【行业资讯】

1、[\[ISUX转译\]iOS 8人机界面指南（三）：iOS技术（上）][ISUX_iOS 8_iOS]

![cover1][]

文章索引

3.1 应用扩展（App Extensions）

3.1.1 今天部件（Today Widgets）

3.1.2 分享和动作扩展（Share and Action Extensions）

3.1.3 图片编辑扩展（Photo Editing Extensions）

3.1.4 文档提供者扩展（Document Provider Extensions）

3.1.5 自定义输入法（Custom Keyboards）

3.2 通知（Notifications）

3.3 多任务处理（Multitasking）

3.4 社交媒体（Social Media）

3.5 iCloud

3.6 电子卡包（Passbook）

3.7 应用内购买服务（In-App Purchase）

3.8 游戏中心（Game Center）

3.9 iAd富媒体广告（iAd Rich Media Ads）

2、[如何建立交互设计自查表][Link 1]

对于移动应用来说，移动情景非常复杂，设备也很多样。那么在设计之后，设计评审之前，你的交互稿考虑的细节是否完善，对特殊状态的描述是否有遗漏，你是怎么提前发现一些问题并查漏补缺的？

3、[微信开放了JS API 助力网页开发][JS API]

上个星期，微信更新到6.0.2，一个很大的改变引起了开发者的注意：把之前的 JS API WeixinJSBridge 给禁掉了，导致一些很基本的操作，比如自定义分享信息这些功能都实现不了，详情请看《微信6.0.2 WeixinApi的分享功能暂时失效》。

4、[在网页设计中运用柔和色调][Link 2]

![在网页设计中运用柔和色调][43601420954389.JPEG]

网页中的柔和色调的使用，不止是近来的趋势，这是一项设计师使用多年的技巧，用来创造有冲击力的视觉效果。

5、[大一新生的移动互联网世界是怎样的？][Link 3]

![大一新生的移动互联网世界是怎样的？][20381420954392.jpg]

由于最近的一次小范围调研，超先声有机会跟一些刚入大学的大一新生朋友有一个深入的交流，从而管中窥豹，对普遍95后的大一新生移动互联网使用情况有了一定的了解。

6、[你以为社会化营销靠H5就牛逼了？别做梦了！][H5]

![\\][ba521377329236ba945af4fd27d8d7e0]

似乎就是在一夜之间，在各个公司的市场部、公关部、互动组和外协外脑团队中，能否策划和制作优质的HTML 5页面，突然成为了一项硬性指标。看上去，“H5”在微信中很热闹，似乎是要被玩起来了。但热闹背后，却是几多困窘和暗流涌动。

【行业技术】

1、[\[译\]CSP and transducers in JavaScript][CSP and transducers in JavaScript]

CSP和JavaScript的transducer（直译是传感器，但是其实是transform和reducer的合成词，transform是变换，reducer就是JS中的reducer，也就是说transducer的意思是把变换和过滤结合起来）

2、[Javascript模块化开发－轻巧自制][Javascript]

现在javascript的流行，前端的代码越来越复杂，所以我们需要软件工程的思想来开发前端。模块化是必不可少的，这样不仅能够提高代码的可维护性、可扩展性以及鲁棒性，更大的好处就是能够提升整个团队的开发效率，也能够让新进的程序员更快的接手工作。

3、[基于 less 构建的 css3 动画库][less _ css3]

快速开发css3动画, 采用less mixins写法，不会生成冗余css, 已加入主流浏览器前缀，保证最大兼容性

4、[大熊君大话NodeJS之------FS文件模块][NodeJS_------FS]

文件系统模块是一个简单包装的标准 POSIX 文件 I/O 操作方法集。可以通过调用 require("fs") 来获取该模块。文件系统模块中的所有方法均有异步和同步版本。

5、[200多个js技巧代码][200_js]

200多个js技巧代码

6、[移动端前端开发调试][Link 4]

响应式的测试特别简单，通过改变视窗大小（也就是缩放你的浏览器）即可测试。当然，你的 CSS 中 Media Queries 判断条件设置时要使用 max-width 才行，如果使用 max-device-width 则会根据你设备的屏幕尺寸来判断。

[ISUX_iOS 8_iOS]: http://isux.tencent.com/ios8-human-interface-guidelines-technology-html.html
[cover1]: http://www.w3cmark.com/uploads/85941420954386.png
[Link 1]: http://uedc.163.com/12870.html
[JS API]: http://www.w3cmark.com/2015/369.html
[Link 2]: http://shijue.me/show_text/54ade38a8ddf871da3016239
[43601420954389.JPEG]: http://www.w3cmark.com/uploads/43601420954389.JPEG
[Link 3]: http://www.huxiu.com/article/102888/1.html
[20381420954392.jpg]: http://www.w3cmark.com/uploads/20381420954392.jpg
[H5]: http://newshtml.iheima.com/2015/0110/148842.html
[ba521377329236ba945af4fd27d8d7e0]: http://img.mix.sina.com.cn/auto/resize?size=560_0&magnify=0&img=http://storage.service.mix.sina.com.cn/ba521377329236ba945af4fd27d8d7e0
[CSP and transducers in JavaScript]: http://www.w3ctech.com/topic/703
[Javascript]: http://www.w3ctech.com/topic/694
[less _ css3]: http://www.w3cmark.com/animation/
[NodeJS_------FS]: http://www.cnblogs.com/bigbearbb/archive/2015/01/10/4215013.html
[200_js]: http://www.cnblogs.com/ranzige/p/4211542.html
[Link 4]: http://f2e.im/t/882#reply2
[w3cmark]: http://www.w3cmark.com/
[http_www.w3cmark.com_2015_370.html]: http://www.w3cmark.com/2015/370.html