在拿到设计图后，通常会先通过设计图的布局来思考代码的设计，这也是开始着手写代码前必须要进行的一步，在项目中，我曾遇到，在一张大屏图开发到一半的时候介入，和另一个前端一起进行开发，结果由于她将整张图上的所有图表都放到一个vue文件里面，结果导致整个页面的代码数量级达到上千行，并且…

基于vue2、echarts5的数据大屏，主要用了echarts中的柱状图、折线图、饼图等基础图表，以及地图。

经常忘记做个笔记 文字超过部分显示为省略号 文本超出两行，超出部分省略号显示经常忘记做个笔记 文字超过部分显示为省略号 文本超出两行，超出部分省略号显示

text-overflow 应用说明:CSS text-overflow 设置或检索是否使用一个省略号标记（...）标示对象内文本文字的溢出。 -webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 C…

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…

响应式布局-媒体查询(@media)。CSS3新属性；@media可以针对不同屏幕尺寸设置不同的样式，适用于响应式页面。 重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

前言 近期需要为公司组件文档提供响应式支持，让使用者在不同尺寸的屏幕下也可以有更好的浏览体验。由于文档网站页面内容与布局并不是很复杂，所以采用响应式布局来实现，而实现 响应式设计 方式有很多，这里笔者

工作中难免会有写静态页面的需求，有时候移动端适配真的是做的心累，如果自己新做一个页面倒还好，整体布局会按照自己习惯来，但有时候不得不修改别人的代码，尤其是别人没适配好的代码...

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…