o2team / o2team.github.io Goto Github PK

https://aotu.io/notes/2017/06/09/ps-tricks/index.html

10个你可能不知道的前端PS技巧

https://aotu.io/notes/2017/01/11/mobile-video/index.html

介绍一些移动端使用 Video 标签满屏播放视频的实践经验

https://aotu.io/notes/2015/11/08/css-stack-order/index.html

A stacking context is formed, anywhere in the document, by any element which is either

https://aotu.io/notes/2016/11/28/css3-animation-properties/index.html

css3 animation 属性使用场景及技巧

https://aotu.io/notes/2017/07/23/some-doubts-about-web-games/index.html

本文记录了笔者对 Web 游戏的一些疑问，也许你也恰巧曾经遇到过。

https://aotu.io/notes/2016/08/24/2016-8-24-css-3d-panorama/index.html

3D全景并不是什么新鲜事物了，但以前我们在Web 上看到的3D全景一般是通过Flash实现的。若我们能将CSS3 transform的相关知识运用得当，也是能实现类似的效果。

1. 文章标题字号统一为16px

包括热门资讯、今日资讯栏目

2. 今日资讯资讯描述文字字号改成14px

3. 修饰性图标和文字颜色使用#666

4. 热门资讯 - 最后一行的容错问题

直接把来源信息去掉吧。保留核心内容就可以

5. 今日资讯 - 最后一行排版调整

5.1 和热门资讯类似，将「阅读数、收藏数、发布时间」作为一个整体，左对齐
5.2 将标签右对齐

https://aotu.io/notes/2017/06/09/ps-tricks/index.html

10个你可能不知道的前端PS技巧

你好，主题直接放进theme里会报错，hexo 3.2.2， nodejs 5.4.0.

是还需要npm什么吗？

报错信息：

Unhandled rejection TypeError: Cannot read property 'split' of undefined
at Object. (D:\WWW\hexo\themes\lattice\scripts\helpers.js:128:44)

at wrapper (D:\WWW\hexo\node_modules\.4.17.4@lodash\lodash.js:4968:19)
at Object.eval [as tpl] (eval at <anonymous> (D:\WWW\hexo\node_modules\.1.4.

2@swig\lib\swig.js:498:13), :16:143)
at compiled (D:\WWW\hexo\node_modules.1.4.2@swig\lib\swig.js:619:18)
at _compiledSync (D:\WWW\hexo\node_modules.3.2.2@hexo\lib\theme\view.js:122
:20)
at View.renderSync (D:\WWW\hexo\node_modules.3.2.2@hexo\lib\theme\view.js:5
0:21)
at Object.partial (D:\WWW\hexo\node_modules.3.2.2@hexo\lib\plugins\helper\p
artial.js:42:17)
at wrapper (D:\WWW\hexo\node_modules.4.17.4@lodash\lodash.js:4968:19)
at Object.eval [as tpl] (eval at (D:\WWW\hexo\node_modules.1.4.
2@swig\lib\swig.js:498:13), :15:119)
at compiled (D:\WWW\hexo\node_modules.1.4.2@swig\lib\swig.js:619:18)
at _compiled (D:\WWW\hexo\node_modules.3.2.2@hexo\lib\theme\view.js:127:30)

at View.render (D:\WWW\hexo\node_modules\.3.2.2@hexo\lib\theme\view.js:29:15

)
at D:\WWW\hexo\node_modules.3.2.2@hexo\lib\hexo\index.js:387:25
at tryCatcher (D:\WWW\hexo\node_modules.3.4.7@bluebird\js\release\util.js:1
6:23)
at D:\WWW\hexo\node_modules.3.4.7@bluebird\js\release\method.js:15:34
at RouteStream._read (D:\WWW\hexo\node_modules.3.2.2@hexo\lib\hexo\router.j
s:134:3)
at RouteStream.Readable.read (stream_readable.js:328:10)
at resume (_stream_readable.js:718:12)
at nextTickCallbackWith2Args (node.js:478:9)
at process._tickCallback (node.js:392:17)

https://aotu.io/notes/2015/11/23/css3-animation-to-movie-part_1/index.html

要写CSS3动画，必先学技术。要写好CSS3动画，还是得深入探索传统动画的精华。

https://aotu.io/notes/2016/11/22/SVG_Web_Animation/index.html

800字作文再也不用担心凑不够字数啦！

https://aotu.io/notes/2017/01/22/snapsvg/index.html

介绍 Snap.svg 以及其制作动画的几种方式、兼容性和使用建议

https://aotu.io/notes/2016/01/04/css3-animation/index.html

总结CSS3动画实现的方法，并进一步提出润色与优化的方案。

https://aotu.io/notes/2017/03/24/webar/index.html

了解如何通过 Web 技术实现一个简单但有趣的AR效果。

https://aotu.io/notes/2017/06/27/infinite-scrolling/index.html

一次前后端的探索

https://aotu.io/notes/2017/01/06/wxapp-img-loader/index.html

图片预加载这种基础功能怎么能没有？微信不提供我们来自己搞~

From AliF2E :)

https://aotu.io/notes/2016/04/13/Iris-Wipe/index.html

一条基于童年动画记忆的考据之路

https://aotu.io/notes/2016/05/06/CSS3-3D-Animation/index.html

CSS3动画开发指南第三弹

小马

• 英文：O2
• 中文：凹凸
• 域名：o2team.com
• github:o2team
• 寓意：1.化学式O2，氧气，赖以生存的东西；2.O2 = OO = Object Oriented（面向对象），软件开发的主流**；3.O2 = OO = Open Obejct，开源 对象，软件开发领域关键词。
• 口号：?

https://aotu.io/notes/2017/07/10/Random-Circles/index.html

Canvas 上画圈圈诅咒你。

https://aotu.io/atom.xml

https://aotu.io/notes/2016/03/17/http2-char/index.html

《前端开发与 HTTP/2 的羁绊》系列文章，本文侧重介绍 HTTP/2 在 HTTP/1.x 现有的问题上进行改进，从而产生的新特性，并为读者详细讲解每个特性的特点及其实现。

https://aotu.io/notes/2016/05/17/css3-animation-frame/index.html

CSS3动画开发指南第二弹

”co-editor”
我希望可以加入凹凸实验室，来共同编辑技术文章。谢谢！
名字：Daheaths
出生日期：1997.08
邮箱：[email protected]
个人喜好：喜欢钻研新技术，热爱开发，希望能加入你们凹凸实验室！谢谢

https://aotu.io/notes/2016/11/15/xcel/index.html

XCel 是一款基于用研组需求的 Excel 数据过滤工具，本文将分享 Electron、Vue 等相关涉及技术的基本知识和性能优化经验。这也许是Jc的2016年最后一篇文章，且看且不珍惜。

在npm3下, 在工作目录下执行npm install后, hexo的命令都会报"未安装本地hexo"的错误[请无视上面�三个Error].

https://aotu.io/notes/2016/08/24/2016-8-24-webvr/index.html

VR（Virtual Reality）是利用电脑模拟产生一个三维空间的虚拟世界，提供用户关于视觉等感官的模拟，让用户感觉仿佛身历其境，可以及时、没有限制地观察三维空间内的事物。

hexo s --watch报 unknown block tag: tag_cfg

https://aotu.io/notes/2017/01/17/elf/index.html

面向开发者的灵活可扩展的 HTML5 构建工具，提供命令行工具 elf（基于 Webpack），无需构建配置文件并可进行开发，可用来制作各种 HTML5 场景营销活动页面，也可自由的通过模板和组件的组合来快速定制开发。

1. hexo 安装的说明，应该分 window 和 mac。
   现在线上的是 window 的安装方式，mac 要加 su 才能顺利安装。我最开始就是复制粘贴发现安装后跑不通，后来重新走一次流程跑通的。
2. 官网博文的分享
   做为标榜玩转微信手Q平台的团队，博文居然没有做分享优化！这是个需要严正对待的事情。分享时居然拿全文最大的那张图片做为分享图标，也没有对应的分享文案。建议在 md 头部新建几个字段来存放：分享标题，分享描述，分享icon。如下：
   shahreIcon: //misc.aotu.io/leeenx/cover-logo.jpg
   shareTitle: 分享标题
   shareDesc: 分享描述
3. 官网的 markdown 转换样式不全面。
   像 代码高亮 , 斜体 这两个标识就没有对应的样式。

https://aotu.io/notes/2016/11/08/first-mobile-rebuild/index.html

第一次上路，学习很多...

是否可以避免跳新窗口，改用「浮层套一个iframe」的交互？

新窗口可能会被拦截

running hexo s --watch:
error local not found hexo in '....'

https://aotu.io/notes/2017/01/17/elf/index.html

面向开发者的灵活可扩展的 HTML5 构建工具，提供命令行工具 elf（基于 Webpack），无需构建配置文件并可进行开发，可用来制作各种 HTML5 场景营销活动页面，也可自由的通过模板和组件的组合来快速定制开发。

将微信公众号单独一个边栏叫「关注我们」

https://aotu.io/notes/2017/01/06/wxapp-img-loader/index.html

图片预加载这种基础功能怎么能没有？微信不提供我们来自己搞~

https://aotu.io/notes/2017/06/29/motion-detection/index.html

动次打次...动一次打一次。本文将阐述如何通过 Web 技术实现简易的移动监测效果，并附上一些有意思的案例。

https://aotu.io/notes/2017/01/11/mobile-video/index.html

介绍一些移动端使用 Video 标签满屏播放视频的实践经验

https://aotu.io/notes/2015/11/23/css3-animation-to-movie-part_2/index.html

CSS3动画和电影到底有啥关系？讲了一篇都没讲到，不会是在骗我吧？你这个骗子。

https://aotu.io/notes/2017/05/25/canvas-img-rotate-and-flip/index.html

多图预警，数学不好可直接跳至文末小结。

1. 边栏的边距要统一

padding: 20px

https://aotu.io/notes/2017/02/16/2d-collision-detection/index.html

讲述了在 Web 开发中常见的几种 2D 碰撞检测，内含运行实例（基于 Canvas）、图片说明。

https://aotu.io/notes/2016/09/28/3d-touch/index.html

9 月 14 日凌晨，iOS 10 正式版开始向用户推送更新，而 iOS 10 搭载的 Safari 10 亦带来了不少新特性，其中就有 3D Touch 事件的支持。