刚学web开发的时候，网页上的图标都是用标签引入一张小图片来实现的，这样的好处是简单、易上手。但是渐渐地，开始注重页面细节和用户体验，就会发现这种方式存在一些弊端：随着页面放大，图片会出现锯齿和马赛克，不能一直保持清 ...

苹果的retina屏幕（视网膜屏幕）为什么看起来那么爽？因为它的分辨率极高，可以达到眼睛几乎看不出来的地步。举个例子，一个1像素的点，普通屏幕会用1个像素格去表示，而retina屏幕则不是，iPhone5/6/7/8等机型会用4个像素格（2 ...

优秀的Web前端开发工程师要在知识体系上既要有广度和深度！应该具备快速学习能力。前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维 ...

最近每天早上醒来第一件事就是看看当天新增人数是否减少了，出院了多少，每个省目前还有多少确诊人数，见到最多的就是中国地图的分布图，由于工作需要，自己也使用echarts实现了一个。效果如下： image.png 一：认识echarts ECh ...

上篇我们讲解了不同类型元素的特点，我们可以随意的排列组合他们来达到我们想要的效果。但是他们都是基于一个二维平面的，如果我们想在布局中有遮挡，重叠之类的更丰富效果，我们就需要使用到定位和浮动的相关知识。 1.文档流 文档流就是按照页面元素书写 ...

关于专题【vue开发音乐App】 本篇记录vue项目在初始化阶段推荐配置的基础样式结构，例如reset重置样式、基础样式、公用图标、公共的颜色/字体变量等。这些基础样式（结构）将为后续开发带来极大的便利，使代码语义明确、条理清晰、易于维护。 ...

关于专题【vue开发音乐App】 对于多图页面，如果一次性加载所有图片可能会因为网络拥堵造成页面卡顿，用户体验不佳。我们可以采用懒加载的方法解决这个问题，使用第三方插件——vue-lazyload 。页面渲染时先加载首屏的图片，其他图片等到 ...

关于专题【vue开发音乐App】 页面成功加载数据之前给用户展示一个loading动画（提示正在加载）可以增强用户体验，下面将该功能封装成自定义组件，便于日后开发调用。loading属于基础组件，所以归纳在src/base/loading下 ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...

关于专题【vue开发音乐App】 本篇介绍底部快捷控件的环形进度条的实现方法：通过svg绘制两个环，线条模糊的环作为背景、线条明亮的环根据传入的百分比绘制相应长度（即进度）。该组件同样属于基础组件，在src/base/progress-ci ...