场景需求：最近设计湿丢来这样的页面设计，要求响应式。正常老铁们看到类似标签栏的设计，作为前端要切出来估计头皮一发麻，基本上实现的话要么简单粗暴上背景图，要么几个div，作为对代码有的洁癖的我就直接上v-for表单渲染，把中间这块封装了一个公用的容器组件wapper，于是乎下面代…

T-Rex Runner 是隐藏在 Chrome 中的彩蛋游戏，最近我用刚推出的 TensorFlow.js 开发了一个完全独立运行于浏览器环境下的 AI 程序，如下图所示 AI 可以轻松控制暴龙（T-Rex）避开障碍物。 作为 Chrome 浏览器死忠，你或许早已发现隐藏在 …

Pixel-Web 这是一个 Vue 微博客户端 Github项目地址：https://github.com/Werb/Pixel-Web 欢迎关注我的微博：wanbo- Intro 我是一个前端小白，突发奇想自学 Vue ，前前后后写了一个月时间 使用 vue-cli 构建、…

没有发布过npm包的同学，可能会对NPM对开发有一种蜜汁敬畏，觉得这是一个很高大上的东西。甚至有次面试，面试官问我有没有发过npm包，当时只用过还没写过，我想应该挺难的，就小声说了没有，然后就让我回去了o(╯□╰)o。 其实，在现在的我看来，npm包就是一个我们平时经常写的一个…

利用markdown+Hexo写文章，整体体验已经很棒。在写作过程中，节省了我不少时间。 但是，美中不足的，就是发布的时候，需要手动输入命令，build好文件，再用scp部署到服务器上。 本文，用于记录解决这个痛点的过程。采取的解决方案就是持续集成。 正常情况下，注册GitLa…

Shape Detection API 的发布已经有一些时日，其主要的提供的能力是给予前端直接可用的特征检测的接口（包括条形码、人脸、文本检测）。本文将简单的对其进行介绍，对前端进行人脸检测进行普适性的讲解。（本文不讲算法～望轻拍） 人脸检测（Face Detection）算是…

以下所有 API 均由产品公司自身提供，本人皆从网络获取。获取与共享之行为或有侵犯产品权益的嫌疑。若被告知需停止共享与使用，本人会及时删除此页面与整个项目。请您暸解相关情况，并遵守产品协议。 前段时间由于业务需要快速开发App，所以上手了MUI，试着写了一个小项目作为练手，分享…

先来看一下这个Demo，看似复杂的交互实现起来其实并不难，下面我们就来拆解一下其中的动画效果以及实现原理吧。 1. 3D旋转 Win10 Metro的一个比较显著的特点就是磁贴的3D旋转。 我们将每一个磁贴展示为横截面为正方形的长方体，然后通过css旋转动画来实现3D旋转。 在…

什么都不说，先给你感受下weex的效果。以下就是我使用weex，4*8h（不连续）做出来的demo，其中还包括素材收集，踩坑总结等时间。 不得不说，使用Weex开发App对于我们纯前端人员来说，是件***很爽***的事情，只要你熟悉了他的语法，基本可以做到一周上手写app。极其…