摘要:
思索-页面ID识别及数据缓存 页面 ID 识别的思路 多页应用在移动端是较为常见的一种架构,它可以和APP 内的 webview 配合,达到类似原生的体验,这一点是单页应用无法做到的(比如手势滑动等,会直接关闭 webview)。 多页应用中,使用location 进行跳转时页面会被销毁,页面后退或 阅读全文
摘要:
js 常用工具函数 功能类 复制内容至剪贴板 主要考虑点: readonly 解决在 iphonex 上会弹出键盘问题, select 执行两个兼容安卓和 ios 阅读全文
摘要:
PWA 推送实践 最近公司内录任务的系统总是忘记录任务,而那个系统又没有通知,所以想要实现一个浏览器的通知功能,免得自己忘记录入任务。 前端实现通知的几种方式 想要实现通知,我们就需要有个客户端,对于前端同学来说,我们的客户端就是浏览器,我们每天基本上都是长开浏览器,所以用浏览器做个通知效果更好。既 阅读全文
摘要:
前端知识笔记 性能 本文章总结 "https://github.com/thedaviddias/Front End Checklist" 内部,非原创性内容。 最佳实践 全局目标 第一幅有意义的绘图在 1s 内 对于平均配置交互时间应该小于 5s (平均配置批 200$ 内的安卓设备在慢 3G 网 阅读全文
摘要:
前端知识笔记 安全 本文章总结 "https://github.com/thedaviddias/Front End Checklist" 内部,非原创性内容。 https 1. 尽量使用 Https,个人网站可使用 Let's Encrypt 2. 使用 Strict Transport Secu 阅读全文
摘要:
Vue 组件设计 Vue 作为 MVVM 框架一员,不管是写业务还是基础服务,都少不了书写组件。本文总结一下书写业务组件的一些心得。 为什么要写组件? 我们知道,只要是组件,就需要在引用的时候与 view 或者其他组件进行相关的交互,即 props 传值,$emit 触发事件, 使用 $refs 调 阅读全文
摘要:
最近在基于 RAP2 做内网的一个 API 管理平台,涉及到与外部人员进行协议交换,需要提供 PDF 文档。 在设置完成 CSS 后已经可以使用浏览器的打印功能实现导出 PDF,但全手动,总是觉得不爽, 所以尝试使用了 PUPPETEER 实现 PDF 自动生成。 PUPPETEER 功能介绍 pu 阅读全文
摘要:
解决浏览器缓存导致页面非最新的小技巧 为了保证页面访问性能最佳,我们通常在服务端会设置缓存策略,比如说带有 hash 类型的文件会设置过期时间为永久, 非 hash 文件比如 html 等其他文件设置了通用的缓存策略,即:根据 etag 或者 last modified 来判断文件是否更改, 然后返 阅读全文
摘要:
浏览器文件上传浅淡 form 表单的各种格式 在出现 ajax 之前,前端是使用 form 表单进行提交数据的,它的结构大概是这样: 在 form 表单进行提交时,则支持有四种方式(来自: "https://developer.mozilla.org/en US/docs/Web/API/XMLHt 阅读全文
摘要:
Vue 项目代理设置的优化 Vue 类的项目开发中项目结构基本都是类似于 Vue cli 生成的方式, 这种方式开发中,最常用到的模式是开启代理进行 mock 调试或远程调试, 也就是使用了 Vue cli 设置的配置 或者直接使用 Webpack dev server 提供的 proxy 选项。它 阅读全文