vue前端UI框架收集

  • 发布时间2020-07-08, 星期三
  • 大约1.4k个字数
  • 预计阅读6分钟

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。随着vue框架的火爆也催生除了很多基于vue的前端ui框架,最有代表性的框架有Element-UI、vuetifyjs、vant等优秀的框架,这里我收集了一些比较优秀的框架和他们的地址

阅读全文

瀑布流布局实现的多种方法

  • 发布时间2020-06-26, 星期五
  • 大约1.4k个字数
  • 预计阅读6分钟

瀑布流源于国外的一家图片分享网站Pinterest,该网站是通过看上去多列布局的方式展示图片,并且每一列高度有内容多少来决定形成列中的项高度不统一形成的层次不齐的砌墙效果。

阅读全文

页面布局之两列布局的n种方法

  • 发布时间2020-06-24, 星期三
  • 大约1.2k个字数
  • 预计阅读4分钟

两列布局使我们再做页面的时候用的最多的布局方式,也是设计稿种最常见的一种布局类型,一般分为:一列固定宽度另一列自适应宽度,两列自适应宽度,两列相同高度等形式

这篇文章将详细介绍各种两列布局的实现方式

阅读全文

页面布局进化史

  • 发布时间2020-06-20, 星期六
  • 大约1.3k个字数
  • 预计阅读5分钟

布局是前端开发最基础作重要的技能,两列,三列布局是网站页面中应用最多的一种布局样式基本上是:左右结构左边是分类右边是内容,左中右结构,主要内容在中间,两边放次要内容。

在css刚刚兴起的时候页面的布局都是用的表格来实现的,随着css发展,各种浮动,定位布局开始流行,特别是css3的出现使得我们在实现一些复杂的页面布局变的简单,flex,grid,columns

阅读全文

JSON是一种轻量级数据交换格式

  • 发布时间2020-06-10, 星期三
  • 大约2.2k个字数
  • 预计阅读8分钟

JSON全称JavaScript Object Notation,它基于 ECMAScript 的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

JSON是一种数据格式,不是一种编程语言。虽然具有相同的语法形式,但 JSON 并不从属于 JavaScript。而且,并不是只有 JavaScript 才使用 `JSON`,毕竟JSON只是一种数据格式。很多编程语言都有针对 JSON 的解析器和序列化器

阅读全文

css3中的@font-face你真的了解吗

  • 发布时间2020-05-26, 星期二
  • 大约2.7k个字数
  • 预计阅读10分钟

以前我们在做页面得时候遇到设计师用特殊字体设计得特效文本效果我们得处理办法是做成固定得图片,然后应用到网站中,使用图片文字只能是固定不变的,这并不是我们期望的。

随着浏览器得更新迭代,现在的浏览器已经基本支持我们引入外部字体库,并且应用到网站,同时我们可以随时更改文本内容

阅读全文
CSS3

FontFace对象

  • 发布时间2020-05-25, 星期一
  • 分类JavaScript
  • 大约1.6k个字数
  • 预计阅读6分钟

js中的FontFace对象它能够让我们给网站应用非安全字体变得方便,它和css中得@font-face相对应,@font-face是通过css来引入字体库文件,然后通过css的font-family来应用字体,此对象是用js来声明一个字体对象然后应用倒网站中。

阅读全文
JavaScript

css3中的变量

  • 发布时间2020-05-21, 星期四
  • 分类CSS
  • 大约1.3k个字数
  • 预计阅读5分钟

在css中一提到变量大家都会想到css预处理LESS、SCSS、Stylus等语言中提供的变量使用,能够很方便的把我们经常需要更改的值统一归类管理,在我们需要更改色系样式的时候直接更改我们事先定义好的变量值,然后编辑成css就可以了。css预处理虽然让我们在写css变得更方便,但是毕竟还需要编译,需要去学习他们的语法。

css3为我们提供了变量的功能,并且比预处理更强大,更简单...

阅读全文
CSS3

关于css中文本的换行

  • 发布时间2020-05-12, 星期二
  • 分类CSS
  • 大约1.7k个字数
  • 预计阅读6分钟

我们经常会遇到这样的问题,纯数字不能自动换行,连续输入的英文不能换行,或者篇文章中一行到达容器的末端以后没有在我们想要的位置进行换行,换行后会截断某个单词等问题,今天我们就说说css中关于换行的一些属性,和使用技巧

阅读全文
CSS

元素垂直居中的n种方法

  • 发布时间2020-04-29, 星期三
  • 分类CSS
  • 大约2.1k个字数
  • 预计阅读8分钟

我们在做页面布局的时候经常会有上下左右居中的设计,由于大部分的页面结构都是左右式排版页面是固定宽度的,而元素是自上而下排列,高度不固定。所以在页面中css实现左右居中比较容易,垂直居中就不太好实现了。

在css3之前我们前端技术人员要实现垂直居中布局往往需要绞尽脑汁的去解决各种浏览器兼容问题,而随着时间的推移,ie浏览器已经退出历史舞台,现在的浏览器已经完全支持css3的各种布局方式,在css3中实现居中布局已经变得非常容易

阅读全文
CSS3
  • 祁维国
  • 一台电脑,一根网线,能够宅到天昏地暗
0