最近在做大屏项目，在研发测试阶段，一切正常，在投放线上的时候，线上是在一台机器上同时打开10来个chrome tab页，这个时候测试反馈说线上查看的时候页面视频很卡，页面刷新视频就动了一下就不动了，我在自己本地页面也试了下，chrome 同时打开 10 个 tab 页播放视频，确实是视频动了一下就不播放了。视频多是采用如下方案，进入页面之后自动播放：或者按理说是没问题的，最后在网上查资料，说是可能

前段时间在上传图片的时候前端使用FileReader将图片读到内存，使用canvas进行压缩，然后上传，在安卓手机上没有问题，但是在iphone的Safari浏览器中一直存在图片方向不正的问题，经过多方面检查才明白，原因可以查看此处：图片方向有误的原因 。接下来来说解决方案：首先可以使用GitHub上的exif.js （exif.js的翻译）来读取图片的Orientation 元数据，在根...

中国城市经纬度表(精确到县区)Google地图用（转）(2012-07-21 20:19:51)

面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字，那么关于这三个关键字的使用具体的操作是什么呢？我们在使用这三关键字的时候需要注意和需要理解的规则是什么呢？

本文翻译自：https://www.impulseadventure.com/photo/exif-orientation.html 。不了解Exif的同学建议先看一下维基百科Exif 。带方向传感器的数码相机允许自动旋转肖像图像。不幸的是，对此功能的支持并不普遍或一致地应用。带定向传感器的数码相机许多较新的数码相机（包括dSLR和Point＆Shoot数码相机）都配有内置方向传感...

之前写过一篇关于代码块渲染添加自定义行号的文章：markdown-it和highlight.js的结合渲染代码，并添加自定义行号 。不过在之后的渲染使用过程中由于效果不是很好，所以重新改版，并借此机会添加复制代码功能。本博客采用的后端是 node.js 框架 Express，在使用 markdown-it 渲染 md 文件的时候，选择在添加文章或者更新文章的时候由 md 生成 html。代码...

一般写博客都采用md格式，快捷方便，但是写好之后为了方便查看，我们需要将md格式的代码解析。markdown-it本示例中采用的是markdown-it来解析md格式的代码。highlight.js本示例中采用的是highlight.js来进行代码高亮显示。但是highlight.js不支持行号，这会导致代码看起来不方便，本示例结合给博客的highlight.js添加行号和行号高亮中的方...

关于 nginx 的 gzip ，可以分为两种：nginx 动态压缩，对每个请求先压缩再输出。nginx 静态压缩，使用现成的扩展名为 .gz 的预压缩文件。nginx 动态压缩开启 nginx 动态压缩只需要在 nginx.conf 文件中做如下修改即可：# 开启和关闭gzip模式gzip on;# gizp压缩起点，文件大于1k才进行压缩gzip_min_length 1k;# 设置压缩所需要

在使用 Element 表单的时候，验证数字是很正常的需求。Element的表单验证用的是 async-validator ，查看可以设置 type 来进行验证 number ，我最初使用的如下：rules: {...count: [{ type: 'number', message: '请输入正确数据', trigger: 'blur' }],...}count ...

今天观看学习Element的源码，看到textarea有一个自适应高度的属性，毕竟以前也接触过这方面的问题，所以就好奇看一下它是怎么实现的。