背景 传统的优化用户等待的体验 - 白屏使用动画，菊花图，加载进度条等： image.png It can be bad because progress indicators by definition call attention to ...

阿里dv面试 网络 HTTP 1.0. 1.1区别 缓存处理，在HTTP1.0中主要使用header里的If-Modified-Since,Expires来做为缓存判断的标准，HTTP1.1则引入了更多的缓存控制策略例如Entity tag ...

前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...

Preface 前端很多场景都会涉及到对时间的处理，我所用得最多的库是moment。本文是对moment的高频用法的总结。 用法总结 指定语言；不然可能引起一些不必要的bug。 # 记得指定为对应的语言； moment.locale('z ...

手把手教学 项目：github.com/staven630/v… 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 目录 √ 配置多环境变量 √ 配置基础 vue.config.js √ 配置 ...

作者：鱼头的Web海洋 公号 / 陈大鱼头 （本文转载自前端大全） 介绍 ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛，它往往被称为JavaS ...

==移动开发基本知识点== 一. 使用rem作为单位 html { font-size: 100px; } @media (min-width: 320px) { ...

前言 好的书本分章节、好的代码分模块，那么好的架构该如何定义呢？ 咳咳，不要意思，题目起大了~~ 小生之辈，岂敢以架构而论。 不过话说来，很多人都认为前端无非就是 HTML+CSS+JS,一个目录一类文件，有何架构可言。但是我想说。。。。你 ...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: ...

最近项目有个月报分析，里边用到了柱状图，堆叠图，环形图，饼图，折线图这几种基本图表。 自己封装的chart组件： <div :id="echartId" :class="classNa ...