符号转义是一种态度

避免XSS，对于来源不信任的数据，在输出时，我们会对数据进行html编码。在js代码中如果有应用，会对特殊字符进行转义。但如果是正常的业务数据，有时候可能会遗忘。比如商详标题可能存在引号，如果在页面定义的json数据/html标签属性如title、自定义属性上没有转义，可能就会导致json解析异常、页面文案显示异常。如此，在输出内容时，一定要留意内容的数据格式，形成规范。

link preload预加载资源，提前加载资源，提升加载优先级。对于单页应用，很合适，毕竟页面内容都依赖js脚本的运行。当服务端渲染输出时，预加载多个资源，可能会增加其他元素加载时的队列等待时长。第一时间显示内容最关键，加载优化需要持续观察、调整，一切依数据说话。

less data-uri() 输出字体文件时，文件较大时，需要指定配置项ieCompact为false。当然，还是需要规避内联大体积文件。

记录一下这个无意间的体验小发现。电商站点中，当在类目页点击商详链接时，商品详情页主图考虑先用类目页的缩略图，然后异步加载大图后再替换。在用户端，会感知商品图是极速加载的，也基本感知不到变化，只是清晰度的差异。是一种可参考的用户体验优化方式。

以上，是《每周杂记》的第18篇日常记录，看完，帮忙点个“在看”吧。如果缺少记录、复盘整理，相同的问题，难免会再一次成为困扰。