一.简介 弹性布局,又称“Flex布局”,是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。 容器: 需要添加弹性布局的父元素; 项目: 弹性布局容器中的每一个子元素,称为项目; 主轴: 在弹性布局中,我们会通过属性规定水平/垂直方向为主轴; 交叉轴: 与主轴 ...
分类:
其他好文 时间:
2019-09-11 13:30:51
阅读次数:
75
1.新建一个html文件导入vue.js 2.创建Vue实例 1>每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: 2>在构造函数中传入一个对象,并且在对象中声明各种Vue需要的数据和方法,包括: el,data,methods 3.模板或元素 1>每个Vue实例都需要关 ...
分类:
其他好文 时间:
2019-09-09 11:45:22
阅读次数:
103
通过单个外联样式,CSS3的@media 媒体类型设置不同的屏幕宽度范围 选用不同的CSS样式 HTML代码 CSS代码 当宽度大于960px的效果图 当宽度小于960px但大于600px时的效果图 当宽度小于600px的效果图 不明白的地方可以留言 ...
分类:
Web程序 时间:
2019-09-06 09:24:25
阅读次数:
118
一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条 ...
分类:
其他好文 时间:
2019-09-04 19:18:22
阅读次数:
126
Bootstrap-样式索引 排版 标题 h1-h6 副标题 small .text-muted 大标题 .display 段落 p 突出段落 .lead 内联文本样式 高亮 mark .make 删除文本 del 无用文本 s 插入文本 ins 下划线 u 小号文本 small .small 着重 ...
分类:
其他好文 时间:
2019-09-04 00:20:48
阅读次数:
117
Bootstrap学习总结 @ "TOC" Bootstrap介绍 什么是bootstrap? 1. Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 2. 特点就是灵活简洁,代码优雅,美观大方; 3. 其目的是为了让Web开发更 ...
分类:
其他好文 时间:
2019-09-03 19:26:39
阅读次数:
113
1.如何对一个响应式对象添加或者删除一个响应式属性 1)this.$set() 2)this.$delete() 2.谈谈你对vue.loader的理解 1)定义 Vue Loader 是一个 webpack 的 loader,它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件 2) ...
分类:
其他好文 时间:
2019-09-03 00:07:04
阅读次数:
143
都知道 "bootstrap" 响应式布局很酷,但是是怎么实现的呢?其官网首页有提到这一切的功劳都是来自于CSS 媒体查询(Media Query)。 使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应 ...
分类:
Web程序 时间:
2019-09-01 12:27:30
阅读次数:
122
2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式地实现各种页面布局。时至今日,它已获得了所有浏览器的支持,这让flex布局成为未来布局的首选。 一、那何为Flex? 其实Flex是Flexible Box的缩写,意为”弹性盒子”,用来为盒状模型提供最大的灵活性。 任何一 ...
分类:
其他好文 时间:
2019-08-31 17:21:30
阅读次数:
89
我们略过概念,直接看函数式响应式编程解决了什么问题。 故事从下面这个例子展开: 两个密码输入框,一个提交按钮。 密码、确认密码都填写并一致,允许提交;不一致提示错误。 HTML 如下: 常规做法 初始版 加强版 问题: 输入密码时,确认密码还是空的,出现密码不一致错误提示,干扰用户输入。 期望: 确 ...
分类:
其他好文 时间:
2019-08-31 01:15:06
阅读次数:
147