在开发Cent之前,困扰我的一大问题就是如何处理数据同步,似乎在没有后端数据库的情况下,这几乎是不可能的,不过Github让这一切成为了可能。
作为一个记账应用,Cent的愿景是尽可能地接近原生App的使用体验,成为PWA是最基础的一步,然而由于目前手机厂商的消极适配,PWA的使用体验在国内可谓一言难尽。为了尽可能提升Cent作为PWA的使用体验,有一些小技巧可以分享:
我曾经写过一篇使用 Github OAuth 方式进行Github登录的博客,不过时过境迁,Github推出了全新的 App 授权方式,不同于OAuth方式,它的权限控制更加精细,对于个人自用应用来说,OAuth方式已经足够,但是对于面向大众的产品,OAuth一把梭就可能带来隐私安全问题,正好 Cent 全新版本使用了 Github App 方式进行授权,因此记录下纯前端如何实现Github App 登录。
这是一个平平无奇的音乐App Vooh,你可以在里面搜索歌曲,添加播放列表,播放音乐。
苦于现在各大音乐流媒体平台群雄割据,一个播放列表的音乐被拆的七零八落,听个歌都得开好几家会员,索性直接不用任何流媒体平台,直接听本地的歌曲。
CloudFlare Workers是众多Serverless服务中的一种,同样的还有Netlify,Vercel等大厂提供的各式后端服务,这些后端服务的特点是弹性扩容,无数据库,但是最重要的是免费!
使用 Github Oauth/App 可以为自己的站点添加使用Github 登录的按钮,其中的逻辑十分简单
在现代Web开发中,CSS3的兼容性已经十分之高,有很多以前需要使用JS来实现的功能,对于现代CSS来说已经变得轻而易举,
移动端浏览器可能会对手指点击做一些优化,在点击某个元素时,如果该元素没有绑定点击事件,会优先查找附近的可点击元素,然后触发附近元素的点击事件,也因此会导致触摸事件被周围元素的点击事件“吞掉”,解决方法是为该元素绑定一个空的点击事件,防止浏览器默认触发周围元素事件。
Vue3 的composition api是一次巨大的更新,它几乎完全改变了Vue组件的编写模式,响应式体系更加方便与智能,同时与其他第三方库的配合也更加完美,因此我建议在所有的Vue3项目中,都只使用setup模式来编写组件。