前两天遇到一个小需求，需要将横屏图片转为竖屏展示。整理一下相关内容。通过 csstransform rotate 来控制展示时显示效果一般是在图片审核等场景，实现一个类似的功能。方便审核人员查看图片测试传送门：[链接]transform scale 来控制展示时显示效果测试传送门：[链接]「蹭热点，请给我一面国旗@微信官方」 这是之前仿头...

我们日常工作中虽然会遇到很多 BUG，我们也熟练掌握使用搜索引擎解决开发中的问题。但是当遇到线上 BUG 应该如何排查呢？我将我过往遇到的一些异常整理了出来，并将我遇到的干扰项以及问题点都做了详细记录。希望对你有所帮助排查路径确定是否变更导致？如果是变更导致需要及时回滚止损。非变更导致可以排查一下异常版本...

最近 「SegmentFault 思否社区 10 周年「问答」打卡」 十分火热，但是有一个小问题，经常不知道是否完成今天的 KPI，以及小尾巴是否正常添加，那我们今天来做个小工具。

因为 JS 精度问题 0.1 + 0.2 == 0.30000000000000004 ，可以不可以得出一个正确的值。0.1 + 0.2 == 0.3

哈喽大家好啊。前半年还挺忙的，一直也没有发文章，有老哥想我了嘛。这两天发现老有人私信问我 PDF 相关的内容。那么好，为了我能安心摸鱼，我准备出一篇文章来介绍一下如何使用 PDFJS 。PDF.js 是什么？PDF.js 由 Mozilla 提供支持。目标是创建一个通用的、基于 Web 标准的平台，用于解析和呈现 PDF。预览 PDF使用 ifra...

我们先来说一下限制条件可以使用 css、html、js元素为一个 100*100 的红色矩形，里面包含一个 50*50 黑色矩形只要在页面上看不到就算隐藏测试地址：[链接]实现隐藏页面元素移动到屏幕外面，眼不见心不烦marginleft + positiontransform:translate使用特性displayvisibilityopacityoverflow:hidden + 0宽高transform:scal...

一般用于审核后台，比如说要求图片在一定区间内才能加精。也用于在 canvas 中裁图时计算缩放比例。JS 获取图片宽高获取 naturalWidth（callback 版本）方案为获取 naturalWidth。那么 naturalWidth 和 width 有什么不同？naturalWidth 标识图片的原始宽高。width 因为历史问题，标识的其实是 DOM 元素宽高。因为 img 标...

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

今天面试了一个人，居然不知道如何将伪数组转换为数组？什么是伪数组？有 length 属性，而且也是数值下标的对象。不具备 Array.prototype 上的方法常见伪数组argumentsdocument.getElementsByClassName$('div')伪数组转换为数组输出伪数组 {代码...} 使用 Array.from （ES6+）（babel-polyfill） {代码...} 使用 ... 展...

小伙伴做的是实名认证（移动端）相关的功能，然后有个位置校验了只能输入数字。小伙伴发出了灵魂质疑：为什么 1. 没事 1.. 就被清空了？ 这个问题告诉我们喝一点没事，“一點點”不行。

把一个数表示成a与10的n次幂相乘的形式（1≤|a|<10，a不为分数形式，n为整数）。19971400000000 == 1.99714×10^13 == 1.99714e13

今天在前端工匠的群里，看到了一个问题（下载文件，但是请求头中需要传递 token，如何下载文件？怎么设置文件类型？），我们来解决一下这个问题。

可以看到在我们使用 textarea 的时候，有时候需要感知内容的高度，然后动态撑开。（elementUI 的 textarea 就提供了 autosize 的功能。）

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前两天接到了一个需求：手机号、身份证、验证码 需要校验，检验规则包括长度、内容。想法是有一堆，但是不知道好使不好使，我们今天来整理一下咯。先来说说都有什么想法html 的标签属性typepatternmin、maxminlength、maxlengthjs 的事件监听value 获取值（vue 使用 v-model）@input 监听改变接下来就是我们大家都很期待...

前端 BUG 录 - 因 lodashjs debounce 去抖优化造成的 bug这两个 BUG 其实是同一个 BUG，怎么说呢？两个都没错，错就错在同时使用了。因为我没处理边界，导致我会给一个大数组排序，造成了卡顿。然后卡顿造成了节流时间成为了笑话。提问因为这个 BUG 其实有好几个限定条件才会触发，所以我先来提几个问题5000 条乱序的数...

做开发其实还是要考虑一下边界问题，因为边界问题有时候会导致体验断崖式的下跌。正好前段时间遇到了个问题，今天分享一下。之前做了一个 IM 的项目，是会话列表出现的问题：进入页面时，会加载会话列表，加载数据会造成卡顿。先说说我的逻辑：分页拉取本地历史数据（已读消息，userid排序的20个人）定时拉取远程数据（...

前段时间写了一个上传文件前预览的功能，用于 pc 端。这次又要测试一下移动端的兼容性，在客户端内使用。正好整理一下，先上测试地址：DEMO 地址，目前有这些功能。动态设置 accept、capture、multiple、webkitdirectory?accept=.png 的形式快速还原场景上传前预览的功能，前端上传前预览文件 image、text、json、video...

因为疫情，所有学校都放假了（从寒假到暑假，我也想要啊）云合影、云毕业照、人脸融合成了热点名词，咱们也来凑凑热闹（demo 代码大概六月份就写了，一直没整理内容，现在成了吃冷饭了）

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

移动互联网时代，“用户增长”成为每个公司关注的重点话题。促活拉新是大多数公司的核心，为了将更多用户引导到客户端内，那么主要的渠道有哪些？又是通过什么样的方式回流到客户端内呢？

最近在思否看到一个文章36个工作中常用的JavaScript函数片段。 身为坑爹面试官（▄█▀█●），怎么能只有一个答案呢？ 数组 Array 数组去重 方案一：Set + ... {代码...} 方案二：Set + Array.from {代码...} 方案三：双重遍历比对下标 {代码...} 方案四：单遍历 + Object 特性 Object 的特性是 Key 不会重复。这里使用 valu...

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。