打印页面节点遇到的坑

预告，不定期码

近期遇到几个有意思的坑

  • FC（云函数）无对应字体：打印还原问题
  • 字体：客户端、服务器字体集不同，字体版权问题
  • html2canvas 重新加载： 巨耗资源，原理是按它的方式理解dom的渲染样式，最后绘制到Canvas进行打印
  • 提效：H5 Bug引发的对bug排查流程的思考
  • 工具：GitHub Actions 小试

展开全文 >>

跳出舒适区

深感近两年来工作上一直处于“舒适区”，虽有激情用于新领域，但终以使用为主，少尝探究其原理，未食之精髓，现已然成了一名调参侠。

繁忙的业务、紧密的需求会议、进度会议皆非现状归因，只是麻痹/感动自己的诸多借口罢了

究其原因，是处于一舒适怪圈未尝自知

对各类工具、框架未能做到知之 用之，从即日起立下目标：

  1. 回望自己用到的技术并探究其所以然
  2. 保持对新技术发展的关注，比较其改进
  3. 构建技术知识图谱
  4. Keep Hungry

4月目标

  • 手动实现Array所有方法
  • Vue源码探索
  • 一个React项目：扫雷游戏
  • LeetCode保持30题+攻克

展开全文 >>

记一次vue项目优化



记录一个前端项目优化的路程，效果如上图。

接下来我们在正文讲解具体优化步骤、思路以及优化前后对比，另外还有/static下文件被打包的解决方法。

PS：正文中图片模糊的话请右键“在新标签页打开图片”查看原图

more >>

展开全文 >>

一个新的js对象数组去重方法

今天在开发过程中想到一个用ES6的filter、findIndex来实现对象数组去重的方法，感觉比较容易理解和使用，直接上代码吧:

1
2
3
4
const objArr = [{ id: 1, age: 12 }, { id: 2, age: 12 }, { id: 1, age: 15 }]
const uniqueArr = objArr.filter((obj, i, arr) => i === arr.findIndex(o => obj.id === o.id))

// uniqueArr: [{id:1,age:12},{id:2,age:12}]

去重特点： 取第一个出现的元素

展开全文 >>

现代前端路由的实现原理

相信使用vue开发的前端er和我一样对vue-router不陌生。

但是就个人而言，每次用起来轻车熟路，包括懒加载都在项目使用，但是从未深究其原理。

这两天晚上一直在看前端路由方面的相关blog，结合自己的开发体验，写下了这篇个人总结，加深自己对这方面的知识掌握。

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

94生人 <br> <br> 喜热怕冷 <br> 喜电脑、电影、Eason <br> <br>