我们如何优化移动端 web 下的数字输入体验

做一个 H5 页面:

  • 让用户填写一些信息,包含验证码等数字。
  • 禁止输入数字以外的字符。
  • 限制输入长度,比如不能超过6位。
  • 最好能直接调起数字键盘,不要让用户手动切换。

你会怎么做?

2020-08-24

Chrome 扩展从入门到 HelloWorld

扩展(Extension)是用于修改或者增加浏览器功能的小型软件。“扩展”这个称谓可能稍显陌生,在国内人们更习惯于称它们为浏览器插件。它们使用 HTML,JavaScript, CSS 等网页开发技术构建。

2019-12-21

Serverless 上车指南

Build and run applications without thinking about servers. —— AWS

Serverless,即无服务器计算,是一种云架构。Serverless 服务由一系列服务构成,包括计算服务、存储服务、数据库服务、API 网关服务等。

2019-11-24

混合开发:Android 与 JavaScript 的相互通信

现代移动应用开发已经广泛运用了 Hybrid 模式,催生了 Hybrid App(混合模式移动应用),即在原生壳中内嵌网页,部分功能由 HTML5 实现的移动应用。

这种方案能大幅减少开发时间和成本,易于更新维护。因此以淘宝、京东为代表的电商 app,经常使用网页实现需灵活更新的页面。

2019-05-27

Promise 的原理与简单实现

起初,人们使用回调函数进行异步编程。回调函数是指一个可被另一个函数访问,并在后者执行后调用的函数。过多的回调函数嵌套形成难以阅读和维护的回调地狱(Callback Hell / Pyramid of Doom)。

2019-03-15

Android 应用接入微信分享

登陆 微信开放平台 创建一个移动应用,正确填写应用 名称包名签名,得到一个 AppID

2018-12-22

Swift 语言入门学习笔记

Swift 使用 var 声明变量,使用 let 声明常量。常量是不会被修改的量,只能被赋值一次。

var foo = 1
let bar = 1
2018-12-18

海外主流社交 APP 分享指南

一个被分享到社交平台的网页,通常以包含标题、描述和缩略图等摘要的卡片形式显示。网页的内容千差万别,用户想要分享的可能是一篇文章,一首歌,亦或是一部电影。社交平台该如何呈现分享内容才能兼具准确和美观呢?

2018-11-15

PixiJS 实战万圣节主题横版 H5

上个月初我们准备了一期万圣节主题 H5 用于推广 APP 的拍照效果,10月24日上线,截止万圣节当天共 560 万 PV。对我个人比较有纪念意义的是,它算是我的第一个真正意义上的百万级 PV H5,也是我第一次用 2D 渲染引擎。虽然开发的时候遇到不少问题,但解锁挑战的过程非常有趣。

2018-11-11

Laravel 快速入门

上周我在团队内做了 Laravel 入门分享,希望能够帮助对这款框架不熟悉的同学快速上手,最好听完就能撸个接口。作为前端小哥的我自知对后端了解有限,于是我事先写了个 demo,围绕一个假定的需求 —— 学生信息的增删改查来讲这堂课。

2018-09-02