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

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

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

今天正是个好日子，1024 程序员节。朋友圈都是别人的公司送霸王洗发水之类的，而我在公司通宵加班。但是我知道，这是通往大佬的唯一途径。vscode程序员的工作中编辑器是必不可少，我们应该将我们的编辑器变得酷一点，然后再来点快捷键让我们骚起来。安装编辑器[链接] 下载安装包（我特意删了我的编辑器，从头来过，感动...

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

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

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

正好这段时间内部在抽离常用组件，运营小姐姐最近迷上了飘屏功能，各种活动都要有个飘屏才罢休。然后就安排人抽离成组件了。结果这个组件在同一个位置绊倒了两个人，那么今天我们来分析一下。

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

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

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

正好前段时间用 weex 做了一个页面，weex 天生基于 flex 。且 weex 中 flex-direction 默认值为 column，flex-direction 定义了 flex 容器中 flex 成员项的排列方向。

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

最近公司一直在做众审平台相关的功能，大多数还都和音视频有关，前端终究还是逃不过这一劫。疯狂遇到 BUG， 今天来说说其中一个：audio 加载时意外的长时间 Pending 问题。BUG 场景vue 框架移动端（android 和 ios 的兼容也挺坑，尤其是低版本）偶现（测试数据很难复现）资源是 cdn，存在海外节点。（意味着不是海外用户...

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

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

正好回答了一个问题，浏览器哪个事件里可以 禁止 浏览器对title显示默认行为？ 。今天整理一下相关的测试 demo。分析问题先找一下关键词，从里面找一下解决问题的思路。ssrtitle默认行为seo自定义 tooltip 行为解决问题阻止浏览器默认行为（失败了）event.preventDefault() 可以用来阻止浏览器的默认行为，比如说 onsubm...

获取鼠标位置，鼠标属于的容器。mouseover，mouseout，mousedown，mouseup，mouseenter，mouseleave，mousemove 这么多事件太容易了。但是因为 DOM 结构太多了，其实要的元素有可能是父级、祖先级，这里需要实现一个类似于 jquery 的 parants。

前端最基础的就是 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），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

前端最基础的就是 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...