摘要: PWA 推送实践 最近公司内录任务的系统总是忘记录任务,而那个系统又没有通知,所以想要实现一个浏览器的通知功能,免得自己忘记录入任务。 前端实现通知的几种方式 想要实现通知,我们就需要有个客户端,对于前端同学来说,我们的客户端就是浏览器,我们每天基本上都是长开浏览器,所以用浏览器做个通知效果更好。既阅读全文
posted @ 2019-05-06 16:18 无梦灬 阅读(36) 评论(0) 编辑
摘要: 前端知识笔记 性能 本文章总结 "https://github.com/thedaviddias/Front End Checklist" 内部,非原创性内容。 最佳实践 全局目标 第一幅有意义的绘图在 1s 内 对于平均配置交互时间应该小于 5s (平均配置批 200$ 内的安卓设备在慢 3G 网阅读全文
posted @ 2019-02-22 18:17 无梦灬 阅读(20) 评论(0) 编辑
摘要: 前端知识笔记 安全 本文章总结 "https://github.com/thedaviddias/Front End Checklist" 内部,非原创性内容。 https 1. 尽量使用 Https,个人网站可使用 Let's Encrypt 2. 使用 Strict Transport Secu阅读全文
posted @ 2019-02-15 14:39 无梦灬 阅读(70) 评论(0) 编辑
摘要: Vue 组件设计 Vue 作为 MVVM 框架一员,不管是写业务还是基础服务,都少不了书写组件。本文总结一下书写业务组件的一些心得。 为什么要写组件? 我们知道,只要是组件,就需要在引用的时候与 view 或者其他组件进行相关的交互,即 props 传值,$emit 触发事件, 使用 $refs 调阅读全文
posted @ 2019-01-24 14:44 无梦灬 阅读(406) 评论(0) 编辑
摘要: 最近在基于 RAP2 做内网的一个 API 管理平台,涉及到与外部人员进行协议交换,需要提供 PDF 文档。 在设置完成 CSS 后已经可以使用浏览器的打印功能实现导出 PDF,但全手动,总是觉得不爽, 所以尝试使用了 PUPPETEER 实现 PDF 自动生成。 PUPPETEER 功能介绍 pu阅读全文
posted @ 2018-09-19 11:52 无梦灬 阅读(656) 评论(2) 编辑
摘要: 解决浏览器缓存导致页面非最新的小技巧 为了保证页面访问性能最佳,我们通常在服务端会设置缓存策略,比如说带有 hash 类型的文件会设置过期时间为永久, 非 hash 文件比如 html 等其他文件设置了通用的缓存策略,即:根据 etag 或者 last modified 来判断文件是否更改, 然后返阅读全文
posted @ 2018-09-06 11:49 无梦灬 阅读(651) 评论(0) 编辑
摘要: 浏览器文件上传浅淡 form 表单的各种格式 在出现 ajax 之前,前端是使用 form 表单进行提交数据的,它的结构大概是这样: 在 form 表单进行提交时,则支持有四种方式(来自: "https://developer.mozilla.org/en US/docs/Web/API/XMLHt阅读全文
posted @ 2018-05-17 20:01 无梦灬 阅读(559) 评论(0) 编辑
摘要: Vue 项目代理设置的优化 Vue 类的项目开发中项目结构基本都是类似于 Vue cli 生成的方式, 这种方式开发中,最常用到的模式是开启代理进行 mock 调试或远程调试, 也就是使用了 Vue cli 设置的配置 或者直接使用 Webpack dev server 提供的 proxy 选项。它阅读全文
posted @ 2018-04-16 16:58 无梦灬 阅读(1584) 评论(0) 编辑
摘要: npm 安装私有 git 包 npm 对于前端开发来说是一种必备的工具,对于开源项目来说,完全没有任何问题,安装包的依赖直接依赖于 Npm 即可。 对于公司内网的一些项目就不是太方便了,因为我们通常会有这样的项目结构: 对于 npm 公用包来说是比较方便的,直接引用即可。而内网的代码应该怎么引入阅读全文
posted @ 2018-03-21 14:03 无梦灬 阅读(5045) 评论(0) 编辑
摘要: Weex 初探 Weex 介绍 Weex 是阿里于 2016 年开源的一款开发框架,它的介绍是: Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。 它使用了 Web 技术来开发 Android、IOS 应用,从而达到更快的迭代速度,同时降低了开发原生应用的门槛, 达到生产力和性能共阅读全文
posted @ 2018-03-12 16:30 无梦灬 阅读(1312) 评论(1) 编辑