qwguo

摘要： ES6中的模块导入导出的使用记录 阅读全文

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

摘要： 布局是前端开发最基础作重要的技能，两列，三列布局是网站页面中应用最多的一种布局样式基本上是：左右结构左边是分类右边是内容，左中右结构，主要内容在中间，两边放次要内容。 在css刚刚兴起的时候页面的布局都是用的表格来实现的，随着css发展，各种浮动，定位布局开始流行，特别是css3的出现使得我们在实现一些复杂的页面布局变的简单，flex，grid，columns 阅读全文

摘要： JSON全称JavaScript Object Notation，它基于 ECMAScript 的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。 JSON是一种数据格式，不是一种编程语言。虽然具有相同的语法形式，但 JSON 并不从属于 JavaScript。而且，并不是只有 JavaScript 才使用 `JSON`，毕竟JSON只是一种数据格式。很多编程语言都有针对 JSON 的解析器和序列化器 阅读全文

摘要： cropper.js一个用来处理图片的插件，可以使用它来实现图片的各种模式下的裁切效果，当我们在做一个上传头像或者上传图片功能的时候，需要用户裁切出用户想要的图片位置就可以利用这个插件来实现','cropper.js支持移动设备的图片剪裁。它基于HTML5 canvas，可以通过Base64编码导出剪裁后的图片。 阅读全文

摘要： 以前我们在做页面得时候遇到设计师用特殊字体设计得特效文本效果我们得处理办法是做成固定得图片，然后应用到网站中，使用图片文字只能是固定不变的，这并不是我们期望的。 随着浏览器得更新迭代，现在的浏览器已经基本支持我们引入外部字体库，并且应用到网站，同时我们可以随时更改文本内容 阅读全文

摘要： Grid是CSS3中网格布局系统，也是CSS3中最强大的布局系统。它是一个二维布局系统，这意味着它可以处理列和行，不像flex弹性布局主要是一维系统，他像表格一样可以让我们控制行或者例对齐，可以控制子元素跨行或者跨列，但是他比表格更加灵活，它的子元素可以单独定位就像CSS定位元素一样，同时还可以重叠单元格。 您可以使用网格布局，通过将CSS规则应用于父元素（成为网格容器）和该元素的子元素（它们成为网格项） 阅读全文

摘要： 我们在做页面布局的时候经常会有上下左右居中的设计，由于大部分的页面结构都是左右式排版页面是固定宽度的，而元素是自上而下排列，高度不固定。所以在页面中css实现左右居中比较容易，垂直居中就不太好实现了。 在css3之前我们前端技术人员要实现垂直居中布局往往需要绞尽脑汁的去解决各种浏览器兼容问题，而随着时间的推移，ie浏览器已经退出历史舞台，现在的浏览器已经完全支持css3的各种布局方式，在css3中实现居中布局已经变得非常容易。 阅读全文

摘要： 在css3之前我们如果想要自定义浏览器默认的滚动条样式是无法实现的，一般的做法是通过html+css+js来实现自定义滚动条，或者网站找现成的插件，做法都比较麻烦，IE虽然可以自定义滚动条，但是也只是改一些颜色而已不能做到绚丽的效果。 css3实现了自定义滚动条效果，可以让我们设置滚动条宽度，颜色，圆角等效果，遗憾的是只有webkit内核的浏览器支持。 阅读全文

摘要： 在flex出现之前我们做页面都是使用的左右浮动，inline-block，表格等布局方式来实现页面的各种布局，在这些写法中由于浏览器的兼容问题还需要写很多的hack来解决兼容问题。','2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有主流浏览器的支持，这意味着，现在就能很安全地在页面中使用弹性flex布局，Flex 布局也将成为未来布局的首选方案。 阅读全文