班会第 57 期

[ufologist]

• 技术

  • 使用CSS3 backface-visibility属性制作翻转动画效果 @hytyj881212

    使用CSS3 backface-visibility 属性我们可以制作出许多有趣的动画效果。

    当你翻转一个元素的时候，你看到的是什么？通常情况下，我们应该看到的是元素的背面，这是正常的情况，但是有 时候我们希望翻转一个元素后看到的是另一个元素。通过 backface-visibility:hidden; 属性，我们可以使一个 元素在翻转之后消失，这时可以使用另一个元素放在它的背面，从而制作出一种元素翻转之后出现另一个元素的效果。

    即合理运用 backface-visibility:hidden; 和 zindex 来实现翻转动画效果

  • WebReflection/dom4

    Modern DOM functionalities for every browser

    A fully tested and covered polyfill for new DOM Level 4 entries

  • 7招提升你的前端开发效率

    前端工程师其实是一个工作很杂的职位，除了要负责切图、写html/css/js外，还要解决一系列的浏览器兼容性、网页性能优化等问题，所以提高前端工程师的开发效率是势在必行的，也是前端工程化的体现。

    开发效率 = 新增代码的效率 + 修改代码的效率 + 维护代码的效率

    

    • 切图
    • 编码
    • 自动化
    • 模块化
    • 组件化
    • 前后端分离
    • 规范与模式

    只有将前端无序、繁杂的操作组织起来，利用工具简化、规范前端流程，才能实现项目构建、开发、维护的一体化

  • 基于 git 打造简易的 npm 私有仓库

    如果是公司内部的私有模块呢? 如何将模块在公司内部公共出来, 又如何发布, 如何安装, 在多个项目中投入使用呢? 我们总不能将这些模块都 npm publish 上去公诸于众吧.

    因此为了让我们可以在公司内部安装和使用私有模块, 我们需要打造一个 npm 私有仓库(npm private repository)来集中存放公司的私有模块, 要使用这些私有模块的项目只需要添加依赖安装即可.

  • walle 瓦力 - 部署系统

    Walle 一个web部署系统工具，配置简单、功能完善、界面流畅、开箱即用！支持git、svn版本管理，支持各种web代码发布，PHP，Python，JAVA等代码的发布、回滚，可以通过web来一键完成。

    原理分析

    宿主机、目标机群、操作用户关系如下图所示，宿主机（walle所在的机器），是一个中间机器，是代码托管与远程目标机群的纽带。所以宿主机需要与代码托管(github/gitlab)和远程目标机群都建立ssh-key信任。
    

• 产品

  • 创意自适应

    一键式banner制作平台 | 阿里妈妈创意中心

    

    • 海量创意模板
      • 覆盖不同风格、电商全类目、全年营销热点
      • 多种构图、多种风格
      • PC/无线多终端
      • 多套智能配色
    • 一键制作Banner
      • 全智能配色方案
      • 识别用户上传图片的主色
      • 以主色为基础调整模板元素的颜色
    • 全网全尺寸智能适配
      • 零成本共享海量模板
      • 满足每一业务的任意尺寸需求
    • 全智能创意个性化广告投放服务
      • 让合适的广告，展现给合适的消费者
      • 结合阿里大数据与海量创意模板
      • 自动抓取宝贝内容，智能匹配创意模板

    

    了解体验创意尺寸智能适配 | svgAutoLayout