TAT.joeyguo 快速制作高性能帧动画解决方案
In Web开发 on 2017年08月08日 by view: 909
0

原文地址

帧动画中含有大量的图片,通过图片优化、减少图片整体大小,将能够节省资源,提高性能。下面将一一列举优化方式及解决方案。

使用 gka 一键图片优化并生成动画文件

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

TAT.yana 深拷贝与浅拷贝的实现(一)
In Web开发 on 2017年08月08日 by view: 1,404
4

最近的学习中,仔细研究了下深拷贝和浅拷贝,下面就来简单的总结下。

数据类型

首先我们了解下两种数据类型
1、基本类型:像Number、String、Boolean等这种为基本类型
2、复杂类型:Object和Array

浅拷贝与深拷贝的概念

骄阳似火的八月,一年一度的由HTML5梦工场主办的最接地气、最有诚意的 iWeb峰会(HTML5峰会)将于8月12日在北京国际会议中心隆重开启。本次峰会将设置为五大板块:早上行业主题峰会,下午两个前端技术专场、与蝴蝶互动联合主办的HTML5游戏专场、与阿拉丁小程序统计平台联合主办的小程序专场等五大部分。以下为详细议程(点击图片查阅喔):

原文地址

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

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

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

原文地址

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

big 1

ganjuebudui 1

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

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

用jsx写vue组件
In Web开发 on 2017年07月17日 by view: 1,661
1

前言

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

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

Redis 未授权访问漏洞利用总结
In Web开发 on 2017年07月15日 by view: 915
1

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 文件中,进而可以直接使用对应的私钥登录目标服务器。

TAT.vorshen QQ日迹Omi实战开发,从0到1
In Web开发 on 2017年07月14日 by view: 834
0

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

精通Omi框架

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

TAT.joeyguo 使用 gka 一键生成帧动画
In Web开发,资源工具 on 2017年07月09日 by view: 2,335
2

gka

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


gka

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

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

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

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

TAT.heyli 腾讯Web前端大会精彩回顾
In Web开发 on 2017年07月05日 by view: 1,387
0

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

会前花絮

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