原文地址

幀動畫中含有大量的圖片，通過圖片優化、減少圖片整體大小，將能夠節省資源，提高性能。下面將一一列舉優化方式及解決方案。

使用 gka 一鍵圖片優化并生成動畫文件

GitHub: https://github.com/gkajs/gka

最近的學習中，仔細研究了下深拷貝和淺拷貝，下面就來簡單的總結下。

數據類型

首先我們了解下兩種數據類型：
1、基本類型：像 Number、String、Boolean 等這種為基本類型
2、復雜類型：Object 和 Array

淺拷貝與深拷貝的概念

驕陽似火的八月，一年一度的由 HTML5 夢工場主辦的最接地氣、最有誠意的 iWeb 峰會（HTML5 峰會）將于 8 月 12 日在北京國際會議中心隆重開啟。本次峰會將設置為五大板塊：早上行業主題峰會，下午兩個前端技術專場、與蝴蝶互動聯合主辦的 HTML5 游戲專場、與阿拉丁小程序統計平臺聯合主辦的小程序專場等五大部分。以下為詳細議程（點擊圖片查閱喔）：

原文地址

雪碧圖并不陌生，將多張圖片合在一起來減少請求數，從而提升網站的性能。在你的網站未支持 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 多位參會者的簽到禮物、做設備調試，大家奮戰至深夜。