关键字:样式
  • css解决retina屏1像素边框变粗的问题
    苹果的retina屏幕(视网膜屏幕)为什么看起来那么爽?因为它的分辨率极高,可以达到眼睛几乎看不出来的地步。举个例子,一个1像素的点,普通屏幕会用1个像素格去表示,而retina屏幕则不是,iPhone5/6/7/8等机型会用4个像素格(2 ...
  • 初探Virtual dom & diff算法
    问: Virtual dom 是什么?为何会存在Virtual dom? 答: 用JS模拟DOM结构。原因: 1.DOM操作是昂贵的,将DOM对比放在JS层,JS运行效率高 2.需要尽量减少DOM操作 我们通过个小例子来看什么是用JS模拟D ...
  • 深入css布局(2)——元素分类
    1.1块级元素 & 行内元素 & 行内块级元素 元素除了自己的盒模型外还有自己的分类。从元素的布局特性来分,主要可以分为三类元素:块级元素,行内元素,行内块级元素。 接下来看下他们的定义: 块级元素:display属性取block、tabl ...
  • vue项目element-ui表格
    一、安装依赖 cnpm i file-saver xlsx -S 二、引入依赖 在需要导出Excel的页面(如user.vue)引入file-saver和xlsx: import FileSaver from 'file-saver' im ...
  • 【一】基础样式结构搭建
    关于专题【vue开发音乐App】 本篇记录vue项目在初始化阶段推荐配置的基础样式结构,例如reset重置样式、基础样式、公用图标、公共的颜色/字体变量等。这些基础样式(结构)将为后续开发带来极大的便利,使代码语义明确、条理清晰、易于维护。 ...
  • 【三】封装DOM操作
    关于专题【vue开发音乐App】 将一些涉及DOM操作的方法封装成dom.js,培养组件化开发的习惯和思维,良好的封装有利于代码维护和效率提升。 一、常见的DOM操作 addClass(el, className):为元素el添加名为cla ...
  • 【五】scroll组件
    关于专题【vue开发音乐App】 开发页面时,如果想让某个区域支持滚动(或者需要监听滚动事件),一般会使用better-scroll——一款重点解决移动端(已支持 PC)各种滚动场景需求的插件,作者依然是黄轶老师,具体使用方法和例子可查看官 ...
  • 【七】loading组件
    关于专题【vue开发音乐App】 页面成功加载数据之前给用户展示一个loading动画(提示正在加载)可以增强用户体验,下面将该功能封装成自定义组件,便于日后开发调用。loading属于基础组件,所以归纳在src/base/loading下 ...
  • 【十】环形进度条组件
    关于专题【vue开发音乐App】 本篇介绍底部快捷控件的环形进度条的实现方法:通过svg绘制两个环,线条模糊的环作为背景、线条明亮的环根据传入的百分比绘制相应长度(即进度)。该组件同样属于基础组件,在src/base/progress-ci ...
  • 实现张鑫旭博客的程序示例效果
    前端开发者应该都知道张鑫旭老师以及他的鑫空间鑫生活博客,在业界实在是太有名了,我在大学第一次发现这个博客的时候简直就像哥伦布发现了新大陆一样,如获至宝。参加工作后也经常会去拜读研究,可以说我和很多人一样都是看着他的博客“长大”的。 张老师的 ...

暂无数据