创建一个Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})数据与方法当一个 Vue 实例被创建时，它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，... ...
分类：
其他好文 时间：
2020-03-20 19:59:04
阅读次数：
48
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title></title ...
分类：
其他好文 时间：
2020-03-20 17:02:51
阅读次数：
65
准备工作 远程调试 chrome 浏览器设置 在 chrome 浏览器中打开 chrome://inspect 手机设置 打开开发者模式 打开 USB 调试模式 打开手机端 chrome 浏览器 基础知识 视窗（viewport） 视窗是指浏览器能够显示内容的区域。 与设备无关的像素值（DIPs） ...
分类：
Web程序 时间：
2020-03-19 13:29:39
阅读次数：
63
title: calc与vh、vw date: 2020 03 18 09:43:10 tags: css vh、vw 与`vw` 是一个 js 与 css耦合的单位，经常用来做响应式布局,这两个单位是 css3引入的 视口是指：浏览器可视区域 vw: 相对于视口的宽度。视口被均分为100单位的vw ...
分类：
其他好文 时间：
2020-03-18 13:13:34
阅读次数：
63
Vue最独特的特性之一，是其非侵入性的响应式系统。 响应式原理：数据变，页面变 Vue如何追踪变化 当把一个普通的JS对象传入Vue实例作为data选项时，Vue将遍历此对象的所有属性，并使用Object.defineProperty把这些属性全部转为getter/setter。Object.def ...
分类：
其他好文 时间：
2020-03-17 19:29:22
阅读次数：
69
概念 响应式网页设计最初是由 Ethan Marcotte 提出的一个概念：为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式；我们应当向下兼 ...
分类：
Web程序 时间：
2020-03-16 23:40:31
阅读次数：
88
什么是响应式图片 组成网站的资源中，图片往往是网络负载的主要组成部分，占据了大部分负载而且随着时间推移，这个现象仍然会保持。虽然现在的网络连接速度持续改进，但是同样出现了越来越多的高 DPI 分辨率设备，为了在这些设备上有更好的表现，就需要有更高清晰度的图片，高清晰的同时就需要更大的文件大小。而因为 ...
分类：
Web程序 时间：
2020-03-16 23:31:42
阅读次数：
90
伸缩布局 传统布局和伸缩布局 布局的传统解决方案，基于 盒装模型 ，依赖 dispaly 属性+ position 属性+ flot 属性 对于特殊布局非常不便 CSS3在布局方面做了非常大的改进 使得我们对块级元素的布局排列变得十分灵活，适宜性非常强 其强大的伸缩性，在响应式开发中发挥极大的作用 ...
分类：
Web程序 时间：
2020-03-15 22:25:57
阅读次数：
138
响应式开发原理 利用媒体查询对不同宽度的设备进行布局和样式的设置，从而适配不同的设备 设备划分 尺寸区间 超小屏幕（手机） <768px 小屏设备（平板） >=768px~992px 中等屏幕（桌面显示器） >=992px~<1200px 宽屏设备（大桌面显示器） >=1200px 响应式布局容器 ...
分类：
编程语言 时间：
2020-03-15 09:42:29
阅读次数：
127
单行截断 此方法兼容到ie6过。不过只能单行。 多行截断 此方法webkit私有，并且使用flex布局，只得在移动端和高版本 webkit 系列浏览器使用。 多行截断2 利用浮动元素特性模拟最后的省略号。 兼容性好，对各大主流浏览器有好的支持。 响应式截断，根据不同宽度做出调整。 文本超出范围才显示 ...
分类：
Web程序 时间：
2020-03-14 18:18:28
阅读次数：
71
