一、vue-router vue-router是vue.js的官方路由管理器。可以方便构建单页应用。 二、vue-router使用 1.安装 vue add router 2.router.js * 使用vue-router插件 import VueRouter from'vue-router' V ...
分类：
其他好文 时间：
2020-06-02 12:58:28
阅读次数：
63
rem 是根 em (root em)的缩写。rem 是和根元素关联的，不依赖当前元素。例如，不管你在文档什么地方使用这个单位，1.2rem 的计算值都是相等的，等于 1.2倍的根元素字号的大小。 1 如何声明根元素字号大小 对于设置根元素字号大小，这里提供两种方式，选择任意一种即可。 1.1 使用 ...
分类：
Web程序 时间：
2020-05-31 18:04:56
阅读次数：
76
做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图： 看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望： 兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围 ...
分类：
Web程序 时间：
2020-05-31 11:27:03
阅读次数：
75
在flex出现之前我们做页面都是使用的左右浮动，inline-block，表格等布局方式来实现页面的各种布局，在这些写法中由于浏览器的兼容问题还需要写很多的hack来解决兼容问题。','2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已... ...
分类：
Web程序 时间：
2020-05-31 10:49:47
阅读次数：
83
这里介绍10款流行的 jQuery插件，希望能帮上各位前端攻城狮～ fullPage.js 一个简单的，易于使用的插件，创建全屏滚动网站（也被称为单页网站），它允许创建滚动网站以及添加一些水平滑块。 下载插件 预览效果 SlideMe 响应式的，CSS3 兼容的，可定制的，易于安装和使用，支持多实例 ...
分类：
Web程序 时间：
2020-05-29 21:42:39
阅读次数：
99
一年前，第一次接触响应式Web设计是通过一本书《响应式Web设计-HTML5和CSS3实践》（英文名为：Responsive Web Design width HTML5 and CSS3）作者：Ben Frain。这是一本很不错的书，简单且容易理解，却包含了大量的资源，书中提到的很多案例网站都值得 ...
分类：
Web程序 时间：
2020-05-28 21:50:55
阅读次数：
94
原文:用 CSS Grid 布局制作一个响应式柱状图 最新一段时间比较喜欢玩弄图表，出于好奇，我想找出比较好的用 CSS 制作图表的方案。开始学习网上开源图表库，它对我学习新的和不熟悉的前端技术很有帮助，比如这个：CSS Grid。 今天和大家分享我学到的新知识：如何用 CSS Grid 布局制作一... ...
分类：
Web程序 时间：
2020-05-28 21:45:48
阅读次数：
71
Vue Provide/inject 使用的回顾 Provide/inject 不是响应式的 基本用法： 接下来 2 个例子只工作在 Vue 2.2.1 或更高版本。低于这个版本时，注入的值会在 props 和 data 初始化之后得到。 在 2.5.0+ 的注入可以通过设置默认值使其变成可选项 注 ...
分类：
其他好文 时间：
2020-05-28 21:18:56
阅读次数：
117
Html响应式图片 1.介绍：根据屏幕匹配的不同尺寸显示不同图片，picture 元素允许我们在不同的设备上显示不同的图片，一般用于响应式 <!-- 在不同的屏幕尺度下显示不同的图片 --> <picture> <source media="(min-width: 500px)" srcset=". ...
分类：
Web程序 时间：
2020-05-26 18:16:37
阅读次数：
96
UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架，可快速构建强大的前端web界面。UIKit使用的变量基于LESS，具有体积小、模块化、可轻松地自定义主题及响应式设计可在多种环境中使用等特点。UIkit中文网为广大国内开发者提供详尽的中文文档、代码实例等，帮助开发者快速掌握并使用这 ...
分类：
其他好文 时间：
2020-05-25 12:32:52
阅读次数：
63
