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

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

精通Omi框架

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

TAT.joeyguo 使用 gka 一键生成帧动画
In 未分类 on 2017年07月09日 by view: 5,111
4

gka

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


gka

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

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

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

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

TAT.heyli 腾讯Web前端大会精彩回顾
In 未分类 on 2017年07月05日 by view: 2,947
0

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

会前花絮

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

TAT.dnt 使用 pasition 制作酷炫Path过渡动画
In 未分类 on 2017年07月03日 by view: 3,001
1

pv
pv

pasition

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

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

TAT.heyli 腾讯 Web 前端大会 分享浅析 — 主会场篇
In 未分类 on 2017年06月27日 by view: 2,727
1

原文链接

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

TAT.heyli 腾讯Web前端大会最强参会攻略
In 未分类 on 2017年06月22日 by view: 4,889
8

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

june01 png的故事:隔行扫描算法
In 未分类 on 2017年06月21日 by view: 3,823
0

前言

前文已经讲解过如何解析一张png图片,然而对于扫描算法里只是说明了逐行扫描的方式。其实png还支持一种隔行扫描技术,即Adam7隔行扫描算法。

优劣

使用隔行扫描有什么好处呢?如果大家有去仔细观察的话,会发现网络上有一些png图在加载时可以做到先显示出比较模糊的图片,然后逐渐越来越清晰,最后显示出完整的图片,类似如下效果:

Adam7效果

这就是隔行扫描能带来的效果。隔行扫描一共会进行1到7次扫描,每一次都是跳着部分像素点进行扫描的,先扫描到像素点可以先渲染,每多一次扫描,图片就会更清晰,到最后一次扫描时就会扫描完所有像素点,进而渲染出完整的图片。

当然,也因为要进行跳像素扫描,整张图片会存储更多额外数据而导致图片大小会稍微变大,具体增加了什么额外数据下文会进行讲解。

TAT.joeyguo 腾讯Web前端大会< TFC2017 />热力来袭
In 未分类 on 2017年05月17日 by view: 5,650
0

< TFC2017 /> 大会官网:https://TFC.tencent.com

腾讯Web前端大会 < TFC2017 /> 将在深圳热力开启。本次大会将邀请全国各地开发者,共同探讨Web前端最新技术、海量用户服务优化和运营心得,以及未来行业发展风向。

本次大会将是腾讯规模最大的Web前端盛会。主办方腾讯, 中国顶级互联网公司之一,创造了许多亿万海量用户级的优秀Web应用,积累了深厚的Web前端开发经验 。

大会讲师将会广邀国内外的前端知名大牛,他们有著名流行框架的作者、知名前端书籍的作者、Web工程化方面的权威等。其中还有部分讲师是从腾讯上千名前端工程师中精挑细选的优秀高级工程师,将为你带来最具实践价值、最接地气的前端开发经验分享,内容不仅涵盖Web新技术、Node.js、框架、工程化、 图形处理等前端前沿内容 ,还包含极致的性能优化、海量用户运营等具有腾讯前端特色的宝贵经验。

无论您是资深的前端大咖,还是初出茅庐的前端菜鸟,相信都可以通过本次大会获得非常有价值的帮助。

哈希函数介绍 | 哈希算法
In 未分类 on 2017年05月15日 by view: 6,462
1

哈希函数介绍

什么是哈希

在记录的关键字与记录的存储地址之间建立的一种对应关系叫哈希函数。
哈希函数就是一种映射,是从关键字到存储地址的映射。
通常,包含哈希函数的算法的算法复杂度都假设为O(1),这就是为什么在哈希表中搜索数据的时间复杂度会被认为是”平均为O(1)的复杂度”.

基本概念

在讲解具体内容前,首先我们要清楚以下几个概念:
1. 冲突(碰撞)
对于不同的关键字ki、kj,若ki != kj,但H(ki) = H(kj)的现象叫冲突(collision) ,即不同的输入却有相同的输出。我们应该尽量避免冲突,因为冲突不仅会使我们在查找的时候效率变慢,还甚至会被攻击者利用从而大量消耗系统资源。
至于冲突的解决方案有很多种,具体可以参考这篇哈希表针对冲突的两种方式优缺点是什么?

哈希函数的应用

哈希算法广泛应用于很多场景,例如安全加密和数据结构中哈希表的查找,布隆过滤器和负载均衡(一致性哈希)等等。
下面介绍几个常用的哈希算法。

TAT.rocket Styled Components:让样式也成为组件
In 未分类 on 2017年05月15日 by view: 8,821
2

前言

为了应对越来越复杂的web应用,组件化应运而生,React、Vue等组件化框架使我们的程序更简单更加可维护。在一个组件内会将结构、样式和逻辑写在一起,虽然这违背了关注点分离的原则,但是这有利于组件间的隔离。为了顺应组件化的潮流,人们开始考虑使用JS上编写CSS,styled components就是其中一种解决方案。styled components是一个React第三方库,作用是可以将样式写成组件的形式,实现在JS上编写CSS。