特别简的介去年开始火遍南北的 PWA 技术落地情况有负重望,主要源于 safrai 对于这一技术支持不甚理想,不支持 mainfest 文件也不支持 service Worker。 service worker 是一个特殊的 web Worker,因此他与页面通信和 worker 是一样的,同样不能 ...
阅读全文 »

​ Git 是免费开源的分布式版本控制系统,主要工作就是确保永远不会丢失已经提交的记录,但是 Git 的设计初衷也是为了让我们掌控开发的工作流程和规范,如 [adr]fix: resolve NPE at ... 方便以后查看历史提交记录(详见 wiki)。然而开发过程中难免会遇到提交信息错误或不符合规范的情况,下面将直奔主题介绍一下如何修改 git 的提交历史记录。

阅读全文 »

前一段时间碰到一需求,前端对从后端获取数据进行纯前端筛选过滤操作后,希望保存下文件,由于内容格式相对简单,经调研采用 Blob URL方式实现。 浏览器兼容性 实现下载的函数1234567891011function loadFile(fileName, content){var aLin ...
阅读全文 »

React Native (以下简称 RN)是 Facebook 开源的一款跨平台移动端开发框架,它与 Hybrid 方案相比,性能更好,拥有更流畅的用户体验,而与原生客户端开发相比,开发成本低,效率高,能够快速进行版本迭代和产品上线。我们从16年3月份开始在公司大范围使用 QRN(基于 RN 进行深度定制的移动开发框架),截至目前已有四十多个项目接入,我们在 RN 开发方面有着大量的踩坑经验,本文以 RN 打包作为切入点,分享一下 RN 官方在打包方面做了哪些处理,以及 QRN 在打包上进行了怎样的定制。

阅读全文 »

过渡在自然界中处处存在,日出日落,月圆月缺。应用程序界面设计中也存在很多过渡。好的过渡能提高用户体验,传达一种『控制感』和『轻松的导航』。在一个应用程序里的任何界面或内容,我们都必须让用户知道,他们是如何到达这里的。下面就说说页面内锚点切换滚动过渡的交互和实现。

阅读全文 »

1. 背景对于大型复杂应用程序来说,我们经常需要共享某些组件的状态或者一个组件需要改变另外一个组件的状态。如果没有一个合适的管理工具管理状态,很快就会变成一团乱。使用 redux 的开发者越来越多,但背后 redux 原理和为什么用 redux 很多人其实并不清楚。如果我们不能完全理解 redux ...
阅读全文 »

vscode 中的 debugger 功能介绍,主要是介绍前端开发日常中的 debug 需求和调试 Node 中尚未完全支持的 EcmaScript 语法的配置。无需通过浏览器的开发者工具,就可以直接调试 javascript 代码。

阅读全文 »

当我们每天打开世界最大的同性交友网站(GitHub)的时候,都会看到地址栏上有一个绿色的小锁,这个就是 HTTPS 的标志,表示现在我们和 GitHub 的通信是安全且不会被攻击者监听通信内容或篡改的。但是你有没有想过 HTTPS 是如何保证通信的安全的呢?本文将会带你进入 HTTPS 的世界,探索其中的奥秘。

阅读全文 »

前端模拟接口数据(mock)实践前言越来越多的公司将前端和后端彻底分离,以便能够支持后端一套接口,提供给 web, ios, android 使用,大大提高了开发的效率。但与此同时,也带来了前端 ui 依赖后端数据的问题,在后端的接口没有开发完成之前,前端需要根据接口定义的规范模拟接口数据。这个问题 ...
阅读全文 »