F2EWeekly - No.2 前端技术小报

分享 guokai 发表于 3 年前最后回复来自 qq2850071112 1 年前

这里是前端每周播报,本周让我们关注下 Opera 的新闻,学习下 AngularJS 和 ReactJS 的整合运用和移动端性能优化的技巧,体验下 CSS 3 中的 cubic-bezier() 的强大本领,最后了解下一些较冷门的 CSS 真相,希望能给你带来收获!

业界快讯

Opera brings its gesture-heavy Coast browser to the iPhone

Opera 将之前面向 iPad 的浏览器 Coast 带到了 iPhone 上,这是一款支持丰富手势操作的浏览器,提供了黑色简约的外观,改进了搜索功能的体验,以及自动的 iCloud 同步。

充电站

Faster AngularJS Rendering (AngularJS and ReactJS)

ReactJS 最大的优势是借助 virtual dom 比对加快模板渲染速度,这篇博文中介绍了将 AngularJS 视图部分与 ReactJS 整合,从而在视图更新时获得极大的性能提升(接近4倍),不错的想法和实践!

Improving ng-repeat Performance with “track by”

AngularJS 中用得最多的应该就是 ngRepeate 指令了,但你是否纠结过每次重新渲染时的 DOM 操作性能问题?从 AnguarJS 1.2 起新语法 track by 被引入到 ngRepeate 中以按需更新 DOM,快来看看这篇博文中的介绍吧!]

Performance tricks for (mobile) web development

iScroll 的作者带来的这篇分享介绍了针对移动端的 web 开发的一些性能提升的技巧,包括保持简单扁平化的 DOM 结构、避免 DOM 操作、充分利用缓存、使用触发硬件加速的CSS属性、使用transition等。]

Using Streaming Chunked HTML to Get Node.js to Deliver More Data

这篇博文中介绍了在 Node.js 中如何利用流式数据块加快体验的响应速度,先谈到了 Facebook 的 BigPipe 技术,然后介绍了 express 中使响应变为流式数据块的技巧以及流式传递的方法,最后还提到了异步请求的处理,值得学习一下!

Understanding CSS Timing Functions

CSS 3 的 transition 属性相信大家或多或少都有尝试过,但除了内置的几种渐变效果,你知道如何设计自己的动画吗?这一切都依赖于贝赛尔曲线函数 cubic-bezier(),这篇文章对其进行了深入详尽的介绍,不可错过!

12 Little-Known CSS Facts

这篇博文中介绍了一些 CSS 中相对冷门的知识,像是color不局限于影响文本、visibility:collapseclip使用条件、text-decoration的简写、border-width的关键词属性值、empty-cells属性等,相信你看完之后一定会学到点新东西。

百宝箱

cheerio

cheerio 是一个高效、灵活而轻量级的 node.js 服务器端DOM操作的工具,在 API 方面与 jQuery 核心的 DOM API 保持一致,如果你需要处理字符串格式的 HTML 片段,对其进行 DOM 操作,相比 jsdom 在大多数场景下使用起来更方便。


附所有链接:
共收到5条回复
island205 3 年前 #1

题主的这些文章都是从哪里甄选出来的,质量挺高,RSS源么?

guokai 3 年前 #2

@island205 是@dickeylth 每周人工辛苦整理出来的。:)

thoughtworks 2 年前 #3

辛苦啦~

zztczcx 2 年前 #4

辛苦啦~~ 内容不错

sunupo 2 年前 #5

多谢版主分享,这个系列的文章都很不错

登录后即可参与回复