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

伪元素 伪元素能做什么?我们要他有何用?它能为我们解决什么问题?和其他的方法相比她有什么有点?我们为什么要使用它? 伪元素和伪类一样,添加到选择器,但是不是描述状态,他允许我们为元素某些部分设置样式;利用伪元素,我们可以简化页面的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……

Node 调试指南 —— Inspector 协议

Node v6.3+ 的版本提供了两个用于调试的协议:v8 Debugger Protocol 和 v8 Inspector Protocol 可以使用第三方的 Client/IDE 等监测和介入 Node(v8) 运行过程,进行调试。 v8 Debugger Protocol 是 Node v6.3 之前的版本就支……

使用Nuxt.js改善现有项目

本文由票牛技术团队 @徐嘉轶 投稿。 缘由 票牛的移动站一直使用的是多页 web 应用的形式,分别使用 jade、less 和 es6+zepto 来分开书写页面、样式及脚本,再用 gulp 进行打包发布。api 接口则是和移动端保持同步,并在nginx 上做了反向代理以避免跨域问题。2017 年早些的时候,随着页……

【iKcamp线下】微信小程序技术沙龙

与“天天练口语”小程序总榜排名第四、教育类排名第一的研发面对面! 活动报名地址 http://www.huodongxing.com/event/5409924174200 活动前 没有小程序开发经验的同学,请抽时间学习小程序教程(http://www.ikcamp.com/xcx),活动的主题围绕着小程序教程内容及教……

VIDE支持微信和支付宝小程序开发

微信和支付宝开发工具对调试集成还是不错的,对于代码编辑器部分,虽然集成了函数,但是整体对于ide的功能还是非常弱的,而vide则是集成微信和支付宝小程序的接口,同时拥有强大的插件 VIDE介绍 vide是基于vuejs框架开发的一款IDE,vide插件系统也是基于vuejs来开发,插件系统的数据和IDE的数据都是有……