归档 标签 友链 关于

使用 preload 资源预加载

如果有前后关联的异步 XHR 请求通常会在回调函数中按顺序先后加载,但这样会比较耗时,所以我们有 Promise.all() 来并行请求,最后再处理。

在编写小型前端项目尽可能考虑兼容且不依赖第三方库时,可以使用在 html 的 <head> 中添加 <link> 通过 rel="preload" 进行内容预加载。

接口调试神器 Network+

浏览器自带的开发者工具 Network 只能查看网络请求但不能修改,有时候只需要修改少量的参数也需要打开第三方工具如 Postman 将 URL、method、Request Body 等完整地填写一遍。

使用 Iconfont 图标

在做前端项目、个人网站……时难免需要图标,Iconfont 是我认为目前最好的方案:

  1. 图标来源于设计师、网友,图标多、全;
  2. 强大的自定义功能;
  3. 按需配用,不需要加载冗余资源;
  4. 可以上传自己的图标,统一管理;
  5. 阿里的免费 CDN;

可以称得上一个好用且免费的图标工厂了。

给 Gridea 博客增加搜索功能

使用 Gridea 将近一个月了,从 UI、功能、扩展性等各方面来说几乎完美,作为静态站点生成器来说真的很强大了。也正因为是静态博客,所以想支持搜索功能的话是有一定难度的,大家基本都使用第三方网站解决,如 Google ,百度等,也有专门支持小型静态网站的 Algolia DocSearch,但是从接入流程和最终效果来看,我并不满意。

iframe 区域显示

iframe 可以让 html 嵌套一个独立的 html 页面,但是这样只显示了从左上顶点开始的一部分,那么如何调整显示大小或者从指定的部分开始呢?

jQuery 选择多文件一次上传

JavaScript Object / Array 递归遍历

解决 render-html-to-pdf 分页截断的问题

用 html2canvas 和 jsPdf 库实现的网页导出 PDF 存在一个问题,即分页会将一些元素截断。目前的解决方案是对 body 的子元素遍历,每次计算累计高度和页面高度的差值,如果累计高度超出页面高度,则将超出的部分前插入一段空白,将其“挤”到下一页,这段空白的高度是页面高度减去上一次累计的高度。最后再 remove 掉插入的这些空白,恢复原貌。