大家好，我是前端林叔，掘金小册《如何写出高质量的前端代码》 作者。 先说观点：在进行前端开发时，单个文件的代码行数推荐最大不超过300行，而超过1000行的都可以认为是垃圾代码，需要进行重构。 为什么

前言 具体的预览需求： 预览需要支持的文件类型有： png、jpg、jpeg、doc、xlsx、ppt、pdf、md、txt、audio、video，另外对于不同文档还需要有定位的功能。例如：pdf

前些年的段子里，总有一些主考官的思想格局打不开，抛出这样的问题：让我在10秒钟内记住你。于是就有了，被打耳光的，被亲的，被扒衣服的，摔手机的······但作为程序员，要怎么用代码震惊的别人呢？

题主基本情况，南方普通985普通学生，接触前端十个月左右，今年 8 月后开始正式准备秋招。 说起我的秋招，一个词，就是“逆袭”。一开始，华为笔试没过，三七互娱笔试没过被捞起来后一面又挂，信心受挫。中间没有再继续投递，而是沉下心准备，身边同学陆续拿到offer，也挺纠结。在十月底…

有兴趣的可以了解一下，目前还在写作中。 单元测试是用来测试程序中一小块功能的，比如说一个函数、一个类。它能很显著地提高项目的代码质量，降低出现 Bug 的频率，并且也利于维护代码。 但是实际情况是绝大部分开发者是不愿意做这件事情的。因为平时开发都忙不过来，哪还有时间去做这些事情…

2019年6月中旬，实在厌倦了之前平平淡淡的工作和毫不起眼的薪资，不顾亲人的反对，毅然决然地决定只身前往沿海城市，想着找到一份更加具有挑战性的工作，来彻彻底底地重新打磨自己，同时去追求更好的薪资待遇。当然在此之前，自己每天下班后都会利用业余时间抓紧复习巩固刷题等等，大概从3月份…

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

1. 组件名为多个单词 2. 组件数据 3. Prop定义 4. 为v-for设置键值 6. 为组件样式设置作用域 1. 组件文件 2. 单文件组件文件的大小写 3. 基础组件名 4. 单例组件名 5. 紧密耦合的组件名 6. 组件名中的单词顺序 7. 模板中的组件名大小写 8…

先来一张呆萌小度熊的成果照。 在绘制小度熊之前，首先要对小度熊布局上进行一个分解，便于我们组织代码结构。 从整体结构上主要分成耳朵，头部和身体。我们统一对将胳膊，肚子和腿都放到了身体的部分里。 结构调整好之后，我们先把背景容器的位置和大小设置一下。在开发的时候，可以先给背景设置…