Yoky

在前端布局上经常需要考虑布局的自适应，使用d3与svg绘制图表亦是如此，本文是对使用svg的viewBox属性及preserveAspectRatio属性的总结，可将其应用于图表自适应之中。 svg的大小称为viewport（视口），其区域大小即为用户的可视区域。而viewBo…

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

看了很多打包优化的文章，很多都是基于原生的webpack配置，直接在webpack.config.js文件中修改配置的。但是vue-cli创建的项目已经封装了基本的webpack配置，需要在vue.config.js文件中修改预置的webpack配置。很少看到这方面的文章，因此…

如果你也有这样的感受和困境，我想告诉你，这真的是太正常了，在阿里内部的技术论坛就有多篇关于这个问题的思考，我根据根据自己理解和调研，同时参考了多位不同前端领域专家的总结，整理成这篇文章，希望能对大家有所帮助。 1. 业务前端的困境 业务前端，顾名思义，做业务的前端，直接与业务的…

Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了变化，浏览器不知道每个方块的位置是否发生了变化，因此必须重新布局方块以计算其位置。

在web上加载pdf文件，并禁止用户下载和保存。起初考虑使用embed加载pdf，配置pdf链接尾部增加 #toolbar=0 ，但此方案仅在chrome下有效。因此考虑使用pdf.js做自定义pdf渲染。 1. pdf加载失败。 原因：插件内部调用接口发起请求时，未携带用户信…