JoeLiao

我们前端，可能是公司里最卷的岗位之一。天天加班加点，追最新的技术栈，像素级还原设计稿，为了那100毫秒的性能提升死磕到底。 但不知道你有没有过类似的感受：尽管我们做了这么多，但在很多公司里，我们总感觉

在前端开发中，我们不可避免会遇到 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些概念，是时候搞懂他们了！

按路由方式进行代码切割，当A组件包含C组件，而B组件也包含C组件时，两个打包后的包，都会分别包含C组件的代码，造成冗余。 按组件方式进行代码切割，则能避免上面的问题，但是由此带来的问题就是包的数量会急剧增加，需要开发者自己衡量利弊。 当 Webpack 解析到import()语…

使用场景大家应该遇到过如下图所示的需求，就是表格里带有输入框或者选择框，如果要求校验，怎么做？先贴上代码，可以直接copy至本地，用浏览器打开即可需要注意的是，el-form-item的prop绑定的

使用vue2+Element UI封装表单组件，通过配置式表单兼容各类表单类型，实现代码复用、统一维护目的。

属性 常用属性 属性 默认值 介绍 axis x handle拖动的方向，可选值 x ,y,both handle 无 指定拖动handle的class position 无 handle的位置，需要

下面整理出后台管理系统开发中的常用的一些规范，仅作参考。 1. Table页面 表格列为状态字段时，用不同颜色的点标识，颜色通过常量配置。 表格列为纯数字时需要添加排序功能，比如id, time, n

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

项目从上手到优化的全过程记录，时间跨度大概有一年。 从webpck打包，资源整合，代码优化三方面着手。 希望大佬们可以多给些建议。