html5+css3响应式垂直时间轴,使用了html5标签<section>,时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的div中,多个div形成一个序列,并把这些div放在<section>中。 PC端: 移动端: html代码: <!DOCTYPE h ...
分类:
Web程序 时间:
2020-07-19 18:11:56
阅读次数:
166
这篇文章主要为回答这个问题:“做响应式网页,如何让一个div的高和宽保持比例放大或是缩小?”,这里不介绍媒体查询的实现。 那么css如何实现高度height随宽度width变化保持比例不变呢?即给定可变宽度的元素,它将确保其高度以响应的方式保持成比例(即,其宽度与高度的比率保持恒定)。 下面以高宽 ...
分类:
Web程序 时间:
2020-07-18 00:58:58
阅读次数:
146
lorem3能生成以下三个单词 Lorem, ipsum dolor. 布局 表格布局 web2.0 divcss布局 响应式布局 (根据显示设备,自动调整) bootstrap 前端脚本语句javascript java 和 javascript? 前端 客户端javascript 浏览器 网页 ...
分类:
Web程序 时间:
2020-07-17 22:23:38
阅读次数:
85
一、1、el:元素挂载的地方data:数据模型二、模板语法概述1、差值表达式2、指令1、什么是自定义属性2、指令本身就是属性3、指令的格式如v-clock4、数据绑定指令v-text填充文本比差值表达式简洁v-pre:显示原始信息,跳过编译5、数据响应式(1)、如何理解数据响应式html5响应式根据屏幕尺寸的变化而变化数据响应式:数据的变化导致页面的变化(2)、什么是数据绑定,将数据绑定在标签中(
分类:
其他好文 时间:
2020-07-12 14:06:55
阅读次数:
54
我们先来了解一下react的基本概念和原理 一、react的基本概念 react是Facebook开发出的一款JS库,Facebook认为MVC无法满足他们的扩展需求 特点 1) react不使用模板 2) React不是一个MVC框架 3) 响应式 4) React是一个轻量级的js库 二、rea ...
分类:
其他好文 时间:
2020-07-11 17:37:50
阅读次数:
67
在某些情况下,我们必须强制Vue重新渲染组件,如果没有,那可能,你做的业务还不够负责,反正我是经常需要重新渲染组件,哈哈。 虽然Vue不会自动更新这种情况是相对比较少,但是知道如何在出现这个问题时修复它还是很有用的。 在大多数情况下,此问题根源还是我们对 Vue 的响应式理解还是不够到位。 因此,要 ...
分类:
其他好文 时间:
2020-07-08 19:45:35
阅读次数:
64
Dep(dependency) 功能 收集依赖,在getter方法里收集依赖。每个响应式属性,都会创建一个dep对象,他负责收集所有依赖该属性的地方,在这些地方创建一个watcher对象,添加观察者(watcher)。所以dep收集的就是依赖该属性的watcher对象 发送通知,setter方法里通 ...
分类:
其他好文 时间:
2020-07-08 16:55:21
阅读次数:
72
使用 vm.title 获取值 vm.title="我是其他值" 页面也会跟着变化 (可以在console里面敲页面也会变,vue的响应式) vm.$data.title 这个写法也可以 第二个demo ...
分类:
其他好文 时间:
2020-07-07 09:47:42
阅读次数:
65
用简单代码模拟vue数据监听原理 // 核心数据响应式方法 function defineReactive(obj,key,val){ // val可能还是个对象,需要递归一下 objserve(val) Object.defineProperty(obj,key,{ get(){ return v ...
分类:
其他好文 时间:
2020-07-05 22:59:30
阅读次数:
76
自适应丨Html5响应式(自适应)网页设计 第一步:在网页代码的头部,加入一行viewport元标签 <meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意 ...
分类:
Web程序 时间:
2020-07-05 15:05:38
阅读次数:
112