Vant - 高效的 Vue 组件库,再造一个有赞移动商城也不在话下

Vant ( \ˈvænt\ ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。我们会在此基础上不断完善,开发更多实用的组件。 我们的目标是……

首届蚂蚁金服体验科技大会

大会简介 SEE = Seeking Experience & Engineering,意为探索用户体验与工程实践,由蚂蚁金服集团每年举办 1-2 次,包括专业分享、产品展台、Workshop 等内容。希望通过 SEE Conf,能与业界同行一起分享交流体验科技的当前进展,一起探讨切磋体验科技的未来发展,共同努……

如何用 CSS 修出好看的照片

作者简介:饿了么前端工程师,擅长人机交互,半个萌妹子,半个女汉子,喜欢画画,P图。欢迎关注知乎专栏互联网产品设计,欢迎勾搭~ 我们通常会通过PS,美图秀秀等来编辑照片,制作比较符合意境的的效果图片(图骗),但是编辑器和PS的切换是有成本的,如果能在编辑器中快捷并且批量的处理图片岂不是很好。这篇文章没有多么高深的代码……

基于AST来转换微信和支付宝小程序

支付宝小程序为了兼容微信小程序,在很多的接口定义和设计上都是一样的,方便程序的移植性,虽然初衷是好的,但是在最后的落地过程中,变化还是非常大的。 常规思路 对于大家能够很快想到的解决办法就是正则,通过强大的正则表达式来替换需要被替换的接口名和参数,这也是目前已经有的解决方案。这种方案有3个现象级问题,第一是开发者需……

你不知道的伪元素实用小技巧

伪元素 伪元素能做什么?我们要他有何用?它能为我们解决什么问题?和其他的方法相比她有什么有点?我们为什么要使用它? 伪元素和伪类一样,添加到选择器,但是不是描述状态,他允许我们为元素某些部分设置样式;利用伪元素,我们可以简化页面的html标签,同时用起来也很方便,善于使用伪元素可以让你的页面更加地简洁优雅。之所以叫伪元……

Zent - 源自有赞微商城的 React 组件库

Zent ( \ˈzent\ ) 是有赞 PC 端 Web UI 规范的 React 实现版本,提供了一整套基础的 UI 组件以及常用的业务组件。通过 Zent,可以快速搭建出风格统一的页面,提升开发效率。目前我们有 45+ 组件,其中包括 Design 以及 SKU 等实用的业务组件。这些组件都已经在有赞的各类 PC……

WebVR开发——使用Gamepad API

WebVR场景渲染发离不开WebVR API,但除了渲染一个双屏全景是远远不够的,因为这样的场景“可远观二不可亵玩”。随着大部分VR平台提供了VR游戏手柄,如今用户可以对VR物体进行操纵了,本文将探讨如何使用手柄实现我们的WebVR应用。 GamePad手柄交互 现在大部分VR平台都搭配VR手柄支持,用户通过手持手柄可……

在线追踪压缩后的JS出错代码

目前的web静态资源为了减少加载时间和一部分的安全原因,都对js文件进行了合并和压缩,虽然在网页体验上非常不错,但是对于在线js的错误跟踪就显得异常麻烦 解决思路 对于不要压缩,这点肯定是不能妥协的,用户体验是坚决不能牺牲的,但是能不能从压缩着手呢?答案是肯定的,第一时间,我们应该就会想到sourcemap,在so……

面向未来的前端数据流框架 - dob

我们数据技术产品部有一部分只需要兼容最新版 chrome 对外产品,以及大部分对内产品,都广泛使用了 dob 管理前端数据流,下面隆重介绍一下。 dob 是利用 proxy 实现的数据依赖追踪工具,利用 dob-react 与 react 结合。 dob 的核心思想大量借鉴了 mobx,但是从实现原理、使用便捷性,以及……

从前端工程师到高级AR工程师

感谢阿里巴巴资深前端工程师柏子的投稿。 本文将简单讲述图像追踪的原理和如何用JS+WebRTC实现带追踪的AR。 GitHub地址 上一篇文章讲了如何在Web端实现图像识别,但我们认知中的AR通常还包括追踪技术,也就是把虚拟的模型定位到现实场景中。在演示视频中,绘制全部采用2D Canvas API ,先绘制W……