随笔分类 - 前端
摘要：最近的一个问题 最近做的后台系统有反馈说标题中间的多个空格变成了一个，导致复制标题去搜索文本搜不到。 比如无糖 依然透心凉 中间有两个空格，显示在网页上变成了无糖 依然透心凉。 发现是受css属性white-space影响： normal: 默认属性。将连续的多个空格合并 pre：保留原始文本的空格
阅读全文
摘要：啥是MediaInfo? 简而言之，MediaInfo是一个能读取音频和视频文件并分析和输出音视频信息的工具，能输出的内容包括视频信息，音轨，字幕等。 MediaInfo也可以在web端使用，需要使用到mediainfo.js。mediainfo.js 是MediaInfoLib通过WebAssem
阅读全文
摘要：如果一个网页有上百张图片，那么肯定需要用懒加载的方式来加载图片，比如用户滚动了，图片在逐渐加载出来，避免一次性加载太多图片。 vue-lazyload官方demo。 vue-lazdload npm install vue-lazyload --save-dev vue项目引入 import Vue
阅读全文
摘要：最近遇到一个奇怪的问题，业务从邮件中拷贝出来的URL有问题，导致线上访问出现问题，一再分析，手打的url的地址没有问题，但是拷贝的就有问题，手打的和拷贝的肉眼看一模一样的。 于是怀疑是拷贝出来的URL编码有问题，尝试了下面的解决方法： urldecode js escape，encodeURI，ec
阅读全文
摘要：我首次接触响应式网页设计还要从应用bootstrap说起。我们运用bootstrap的网格类简单的将响应式设计带入我们的网页设计当中，当然bootstrap框架其实还做了其他事情以支持网页响应式设计。现在，就让我们一窥响应式网页设计背后的原理。 实现响应式设计的前提:允许网页缩放 <meta nam
阅读全文
摘要：原则上说，浏览器是一个不安全的环境。早期浏览器的内容是静态的，用户上网冲浪，一般就是拉取网页查看。后来，随着互联网的发展，浏览器提供了非常丰富的用户交互功能。从早期的表单交互，到现在的websocket实时通信，乃至html5的流行。 html5给前段开发带来了许多有力的工具，以前浏览器大多通过fl
阅读全文
