原文地址

雪碧图并不陌生，将多张图片合在一起来减少请求数，从而提升网站的性能。在你的网站未支持 HTTP2 前，还是值得这么处理。

为了适应不同的设备分辨率，一般会做几套不同大小的图去适配，那如何用一套图来自适应缩放呢？

本文对等比缩放的雪碧图动画的原理进行分步讲解，并使用 gka 进行一键生成。
GitHub: https://github.com/gkajs/gka

原文地址

那一天，我收到设计姐提供的图片

立志成为一位优秀工程师的我，看图深思..

为了节省流量（流量就是金钱）
为了让图片更快加载（更好的体验）

前言

我们平常写vue的组件时，一般都是用的是模版，这种方式看起来比较简洁，而且vue作者也推荐使用这个方式，但是这种方式也有一些它的弊端，例如模版调试麻烦，或者在一些场景下模版描述可能没那么简单和方便。

下面我们要讲的是如何在vue里面写jsx，知道react的人应该都知道jsx，jsx的一个特性就是非常灵活，虽然有的人觉得jsx很丑陋，把逻辑都写到模版的感觉，但萝卜青菜各有所爱，适合自己适合团队的就是最好的。

Redis 未授权访问漏洞利用总结

Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。

一、漏洞介绍

Redis 默认情况下，会绑定在 0.0.0.0:6379，这样将会将 Redis 服务暴露到公网上，如果在没有开启认证的情况下，可以导致任意用户在可以访问目标服务器的情况下未授权访问 Redis 以及读取 Redis 的数据。攻击者在未授权访问 Redis 的情况下可以利用 Redis 的相关方法，可以成功在 Redis 服务器上写入公钥，进而可以使用对应私钥直接登录目标服务器。

漏洞描述

部分 Redis 绑定在 0.0.0.0:6379，并且没有开启认证（这是Redis 的默认配置），如果没有进行采用相关的策略，比如添加防火墙规则避免其他非信任来源 ip 访问等，将会导致 Redis 服务直接暴露在公网上，导致其他用户可以直接在非授权情况下直接访问Redis服务并进行相关操作。

利用 Redis 自身的提供的 config 命令，可以进行写文件操作，攻击者可以成功将自己的公钥写入目标服务器的 /root/.ssh 文件夹的authotrized_keys 文件中，进而可以直接使用对应的私钥登录目标服务器。

相信大家对Omi应该都不陌生了，如果还有不了解的同学先看看这里。了解并使用Omi之后你会发现真的回不去了~~~

精通Omi框架

先简单说一下吧，Omi就是一个可以快速开发项目的组件化框架，和vue／react一样为了节省生产力的。想了解Omi和vue还有react区别的，上面文档有讲解，或者加入群256426170，可以面对面咨询Omi作者dnt。我这篇文章将使用Omi从0到1来完成一个移动端的项目，让大家了解Omi开发的方便快捷。

简单的、高效的帧动画生成工具

gka

gka 是一款简单的、高效的帧动画生成工具。

通过对图片集进行处理，一键式生成序列帧动画文件，并内置相关优化。

• 一键式 : 图片文件批量序列化重命名，生成 css keyframes，生成帧动画预览文件
• 性能佳 : 支持图片压缩✓，支持合图模式✓，相同帧图片复用✓
• 多模板 : 内置多种文件输出模板，支持自定义模板

最新更新，请访问 github 地址 https://github.com/joeyguo/gka

腾讯Web前端大会已经圆满结束啦。希望大家收获满满干货的同时，能够在现场与大牛们碰撞各种火花。

会前花絮

大会的工作人员，基本都是AlloyTeam的工程师哥哥们，在忙完一天的需求之后，周五晚上纷纷赶赴大会现场筹备，为了准备1000多位参会者的签到礼物、做设备调试，大家奋战至深夜。

pasition

Pasition – Path Transition with little JS code, render to anywhere – 超小尺寸的Path过渡动画类库

• Github源代码
• 在线演示

最近和贝塞尔曲线杠上了，如curvejs 和 pasition 都是贝塞尔曲线的应用案例，未来还有一款和贝塞尔曲线相关的开源的东西，暂时保密。

原文链接

腾讯 Web 前端大会完美落幕。希望大家能收获满满干货。博主负责大会部份的讲师的遴选。虽然我全程都没怎么听（基本都在安排展位和发微博），但我希望通过选题的角度，以及PPT的内容，给大家分享一点思路和分享的导读。

本周六就是万众期待的腾讯Web前端大会了，小编这周激动得都睡不着，因为可以见到好多大牛，还可以跟微信群、QQ群里技术聊得嗨的网友面基。下面小编就来介绍一下获取最佳参会体验的小Tips。