李成熙,腾讯高级工程师,专注于性能优化、工程化和小程序服务。微博 | 知乎 | Github

概念回顾

在掘金开发者大会上,在推荐实践那里,我有提到一种云函数的用法,我们可以将相同的一些操作,比如用户管理、支付逻辑,按照业务的相似性,归类到一个云函数里,这样比较方便管理、排查问题以及逻辑的共享。甚至如果你的小程序的后台逻辑不复杂,请求量不是特别大,完全可以在云函数里面做一个单一的微服务,根据路由来处理任务。

李成熙,腾讯高级工程师,专注于性能优化、工程化和小程序服务。微博 | 知乎 | Github

小程序诞生以来,业界关注小程序前端的技术演进较多,因此众多小程序前端的框架、工具也应运而生,前端开发效率大大提高,而后台的开发技术则关注不多,痛点不少,具体痛在哪里呢?

TAT.heyli 小程序的全栈开发新时代
In Web开发 on 2018年09月24日 by view: 500
0

李成熙,腾讯高级工程师。专注于性能优化、工程化和小程序服务。微博 | 知乎 | Github

什么是小程序·云开发

小程序·云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力,简言之就是:云能力将会成为小程序的基础能力。整套功能是基于腾讯云全新推出的云开发(Tencent Cloud Base)所研发出来的一套完备的小程序后台开发方案。

小程序·云开发为开发者提供完整的云端流程,简化后端开发和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代。

该解决方案目前提供三大基础能力支持:

  • 存储:在小程序前端直接上传/下载云端文件,在小程序云控制台可视化管理
  • 数据库:一个既可在小程序前端操作,也能在云函数中读写的文档型数据库

  • 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写业务逻辑代码

未来,我们还会集成更多的服务能力,为小程序提供更强有力的云端支持。

  • 腾讯AlloyTeam诚邀您加入团队,一起打造最好用的在线文档

腾讯文档在4-18号正式对外发布,也许你已经看到过朋友圈流传的这个截图,关于一个需求也需要提 8 年的小马哥。

腾讯文档的推出标志着腾讯正式进军文档办公领域,目前市场反馈和项目前景都非常好,AlloyTeam正在寻找优秀小伙伴加入腾讯文档项目,一起做业界最好的在线文档。

AlloyTeam招聘优秀初级(包含实习生)、中级、高级web工程师,大量编制,岗位信息如下:

原文地址

gka-animation

“抓娃娃”并不陌生,存在两种结果:抓到与抓不到。在 Web 动画中,如上图,“抓到”与“抓不到”对应着两个动画,可以使用不同的动画图片资源来实现,似乎毫无异义。

细做观察,不难发现:两个动画中“动画初始到抓取”及“抓取结束到动画结束”的区间中存在相同动画(滑动和晃动抓杆)。既然动画相同,那么可以通过引用同一份动画图片资源,不做相同图片的重复加载,从而减少总资源大小。

“两个动画间存在部分相同的动画,相同部分可以引用同一份动画图片资源,来减少图片的总大小。”

肉眼进行辨别哪些动画是一样的?那是不可能的。gka提供一键式制作多个动画的方式,支持多种图片优化方案(含图片去重)。

gka 是一款简单的、高效的帧动画生成工具,图片处理工具。

官方文档:https://gka.js.org

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

原文地址

gka

多倍图的适配在前端开发还是比较常见的,像在 Retina 屏幕,一般会使用二倍图从而让图片保持清晰,而在开发帧动画中使用的图片实际上同样需要做这样的适配处理。gka提供一键式的制作多倍图帧动画的方式。

gka 是一款简单的、高效的帧动画生成工具,图片处理工具。

官方文档:https://gka.js.org

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

原文链接

default

最近几个月一直有些事情没有想通,但可幸的是,有些问题的答案逐渐开始明朗起来了。好久没写文章,籍此献上一篇短文。

当初准备毕业的时候,其实并没有想过要当前端工程师,毕竟当时基本都是全栈(PHP + jQuery)。但由于并不是科班出身(大学读Business),自信心不足,以及机缘巧合,就成为了一名前端工程师。

选择这份职业,其实也领略到它所拥有的魅力,更快捷的开发方式,更紧贴时代的发展,跨端的兼容等等,可以算是享受了前端这几年飞速发展的红利。但工作三年之后,也逐渐发现只是围绕前端来发展,有很大的局限性。

大约是有那么两件事触动到我吧。

腾讯AlloyTeam开始社会招聘啦,想加入AlloyTeam的Web+(UI、JS、Server、Client)工程师们请抓紧!工作职责主要负责腾讯手机QQ、PC QQ中的Web业务开发。如果你热爱面向Web的开发工作,欢迎前来应聘,机会难得,各种挑战等着你~~

 

岗位名称:Web前端开发工程师(T1-T3级别)

薪酬幅度:

(T1) 校招每年调整
(T2 – T3) 15K – 30K

岗位要求:

  • 计算机专业或相关专业大学本科以上学历
  • 社招需要2年以上工作经验(如果你足够牛,可以忽略这一条),校招建议有实习或项目经验。
  • 精通 W3C 标准的网站构建,有构建高性能的 Web 应用的经验。
  • 熟悉 Javascript/CSS、OOP 及主流前端类库、框架、工具,如 jQuery,React,Angular 等,有框架开发或贡献经验者优先。
  • 熟悉 ES6/HTML5/CSS3 等新技术,对 Web 语义化,响应式布局等有深刻理解和使用经验者优先。
  • 熟悉 Web 性能优化,有移动 Web 或 Hybrid App 开发调试及优化经验者优先。
  • 熟悉 WebView 性能优化,有相关终端开发经验者优先考虑。
  • 具有良好的代码风格、接口设计与程序架构,对前端工程化有深入实践者优先。
  • 掌握至少一门服务器端编程语言,熟悉 HTTP 等常见网络协议,熟悉简单 Linux 操作运维者优先。
  • 对业界最新的前端技术和实现有浓厚的兴趣及深入的见解。
  • 较强的学习能力,具备良好的知识沉淀习惯,有技术博客撰写,github开源项目者优先。
  • 逻辑分析能力强,具备良好的沟通能力,责任心和团队协作精神。
june01 gif的故事:解剖表情动图的构成
In Web开发 on 2017年09月24日 by view: 5,919
4

前言

在现在表情包横行的年代,相信大家对表情动图已经不陌生了,这些动图通常就是我们使用的gif图(比如下图)。所谓动图就是会动的图片,而其会动的原理跟动画、影视剧一样,通过连续播放图片让我们从视觉感官上认为图片会动。那么gif图片又是如何将动图中的每一帧存储下来的呢,这下就需要我们动起刀子,解剖一下gif图。

例子

简介

gif图本身无需过多介绍,相信这个星球上的人类基本上没有没接触过的吧。但是从专业的角度上来介绍的话,gif图是一种基于LZW算法的8位连续色调的无损压缩格式,某种程度上来说和png图的格式有点相似(索引、无损压缩等)。其中LZW算法上一种压缩算法,需要注意的是gif使用的LZW算法并不是原本的LZW算法,而是经过稍微改造后的LZW算法。

现代化富文本编辑器Quill Editor
In Web开发 on 2017年09月20日 by view: 12,327
8

介绍

近期在弄富文本编辑器相关的内容,其中项目中使用了Quill Editor(后面简称Quill)。Quill自称是一个现代化强大的富文本编辑器,它与其它富文本编辑器(例如UEditor)不同的地方在于,过去的编辑器操作的数据和展现给用户的视图层是同一份HTML/DOM,HTML是树状结构,显然树状结构不如线性结构好处理,而Quill内部就是通过使用线性结构的方式使操作富文本编辑器变得简单,而且数据层和视图层是分离的,这让Quill对现在很流行的React、Vue或者Angular都能很好的支持。下面我简单介绍下Quill的使用: