班会第 34 期

[ufologist]

• 技术

  • 我的 React Native 之旅 - 从前端到全栈和全端

  要想学好用好 React Native, 使用 React Native 来开发 App, 必须学会 Android 开发(Java) + iOS 开发(Objective-C/Swift) + React + Web 开发的部分技能(主要是 ES6/7 和 CSS Flex)

  因此你最好有如下的项目经验才能事半功倍

  • Web 前端, 使用 React 开发过至少一个项目
  • 会 Java, 开发过至少一个 Android 原生 App, 并上线到应用市场
  • 会 Objective-C/Swift, 开发过至少一个 iOS 原生 App, 并上线到应用市场

  想想是不是有点小激动呢, 这条路应该会很有趣, 但必然是一场艰难的冒险之旅.

  • interact.js

  drag and drop, resizing and multi-touch gestures

  • Dragging
  • Drag and drop
  • Snapping
  • Resizing
  • Multi-touch Rotation
  • Pinch-to-zoom
  • Use in SVG files
  • Tap, doubletap and hold

  • Fabric.js

  a powerful and simple Javascript HTML5 canvas library.

  Fabric provides interactive object model on top of canvas element, also has SVG-to-canvas (and canvas-to-SVG) parser

  You can then scale, move, and rotate these objects with the mouse

  • lining.js

  DOWN-TO-THE-LINE control for radical web typography

  In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line.

  即可以控制每一行文字的样式, 并可以使用动画, 让文字一行行显示出来

  • Tether

  A positioning engine to make overlays, tooltips and dropdowns better

  defining and managing the position of user interface (UI) elements in relation to one another on a web page. It is a tool for web developers building features that require certain UI elements to be precisely positioned based on the location of another UI element.

  如果你想让一个元素「贴住」另一个元素，那么用这个库吧。 Bootstrap 的 Tooltip 依赖了这个库。

  • 构建可靠的前端异常监控服务-采集篇

  可采集的异常

  • 全局错误
  • Ajax 上下文
  • 操作上下文
  • 页面依赖
  • 浏览器数据

  理想美好，现实残酷，困难重重

  • 同源策略 & ‘Script error.’
  • (uglifyjs + combo) vs sourcemap
  • 节流
  • 跨域上报

  flextracker 是我基于上面所讲内容的一个简单实现，你可以根据自己的需求来重新封装。

  • 轻氧 - 聚焦知名互联网公司、团队或站点的专业资讯APP | Aotu.io「凹凸实验室」

  轻氧 是 凹凸实验室 一不留神上架了的一款互联网技术资讯APP，它囊括了众多知名互联网公司、团队及网站的资讯，让你能一口气把业界最优质的文章读完，只要你愿意。

  

  做轻氧的『初心』本来就不是超越，而是在积累和探索

  • 从业务的层面来看，是为团队积累和探索一款APP从零到设计到上架的整个流程，为下一次（如果有的话）APP研发需求做好流程和技术上的准备。
  • 从专业技术的层面来看，我们是在努力拓宽自己的专业范畴，要知道凹凸这个团队的前身是前端团队，相对匮乏原生应用开发经验，如果团队技术的努力方向是多终端技术体系，是全栈，那末轻氧APP则是印证我们朝这个方向发展、具备全栈开发综合能力的结果。

  我们没有忘记O2的口号是：Open Oriented，所以「轻氧」年后将会开源，并配套一本总结整个APP项目从零到上架的书籍，记录着轻氧从无到有的套路和心法。希望能帮助到那些想了解和掌握Swift编程、Sketch设计、以及数据库架构及设计相关技能的同学们。

  两三个技术工程师包揽了从产品构思、基于 Flinto 的原型交互、基于 Sketch 的视觉设计（除了LOGO为一个视觉美眉支持外）、基于 Swift3.x 的编码实现，当然还有 LeanCloud 数据服务的应用，Linux 服务器运维，以及应用上架部署的所有工作。

  • Box2d – 用 JavaScript构建物理世界

  物理引擎 - Box2D box2dweb

  • 空间( world )
  • 刚体（body）
  • 材质（fixture）
  • 形状（shape）

  总之: 刚体=形状+材质。

  例如: 铅球=圆形 + 铁 ,书=方形 + 纸

• 产品

  • Zerospace - 高品质的 CC0 免费图片

  你可以复制、修改、发布或展示此作品，亦可进行商业利用，完全不需要经过许可