本文是《PWA学习与实践》系列的第五篇文章,在接下来的内容里,我们会探究PWA中的另一个重要功能——消息推送与提醒(Push & Notification)。

文中的代码都可以在learning-pwa的push分支上找到(git clone后注意切换到push分支)。

阅读更多>>

本文是《PWA学习与实践》系列的第二篇文章。文中的代码都可以在learning-pwa的manifest分支上找到(git clone后注意切换到manifest分支)。

PWA作为时下最火热的技术概念之一,对提升Web应用的安全、性能和体验有着很大的意义,非常值得我们去了解与学习。对PWA感兴趣的朋友欢迎关注《PWA学习与实践》系列文章。

阅读更多>>

PWA作为今年最火热的技术概念之一,对提升Web应用的安全、性能和体验有着很大的意义,非常值得我们去了解与学习。

本系列文章《PWA学习与实践》会逐步拆解PWA背后的各项技术,通过实例代码来讲解这些技术的应用方式。也正是因为PWA中技术点众多、知识细碎,因此我在学习过程中,进行了整理,并产出了《PWA学习与实践》系列文章,希望能带大家全面了解PWA中的各项技术。对PWA感兴趣的朋友欢迎关注。

首先简单了解一下PWA。

阅读更多>>

异步编程在 JavaScript 中非常重要。

实现异步编程的最基本模式就是使用回调函数,然而过多的异步代码与异步流程也带了回调嵌套的问题。本文会介绍各类替代回调函数的技术方法,从而解决回调函数带来的“回调地狱”问题。

阅读更多>>

前段时间碰到一个需求:在表单中有一个字段叫金额,用户希望点击该输入框后(focus),能够自动为其金额数字后加上“万元”两个字。虽然这个需求可以通过其他的设计方式规避(例如在文本框后加入“万元”等),但是,既然碰到了问题,肯定还是希望能够研究一下技术解决方式。

对这个需求进行抽象,其实需要完成的任务就是:通过js来控制输入框内光标的位置。要完成这个任务,需要介绍一个input元素的方法: HTMLInputElement.setSelectionRange()

阅读更多>>

本篇文章使用 create-react-app 作为脚手架,结合 React 技术栈( React / Redux / React-Router ),构建一个简单的单页面应用 demo。文章会一步步地讲解如何构建这么一个单页应用。文章的最后也会给出相应的demo地址

阅读更多>>

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×