在进行本篇学习前需要具备的能力:熟悉常用的HTML5标签、CSS3样式常用的样式和常见的网页布局,主要为flex+position实现常见的布局(着重学习这俩) 蓝色的字均为链接,点击即可跳转到相关文档进行学习 在这里补充下网页默认的布局模式:从左到右、自上到下 网站的常见目录格式: 实战项目可在评 ...
分类:
Web程序 时间:
2021-07-20 16:24:49
阅读次数:
0
<transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画,还可以改变定位。要使用这个新功能只需了解新增的 v-move class,它会在元素的改变定位的过程中应用。像之前的类名一样,可以通过 name attribute 来自定义前缀,也可以通过 move-class a ...
分类:
其他好文 时间:
2021-06-30 18:32:03
阅读次数:
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
Web程序 时间:
2021-06-28 21:02:23
阅读次数:
0
技术概述 ? 需求是实现一个包含三种状态,分别是底部、半屏、全屏的浮层,并且浮层支持用户随意拖动,同时还要防止用户过度拖动。技术难点在于对动画的控制,必须得有一定的过渡动画否则整体会很突兀。 技术详述 ? 首先看一下预期的样子,图为ios自带高德地图的底部浮层。 ? 最开始的动画我是用CSS的key ...
分类:
微信 时间:
2021-06-28 19:15:24
阅读次数:
0
一、什么是bootstrap?bootstrap是一个前端开发时使用的框架。前端开发主要写HTML5、css3、JavaScript。而bootstrap框架主要为我们提供两个最重要的文件:bootstrap.min.css和bootstrap.min.js。为什么没有.min.html呢?不知道, ...
分类:
其他好文 时间:
2021-06-25 16:58:48
阅读次数:
0
一、H5技术栈新手入门学习路线: Html5+CSS3+javascript(学好DOM,BOM)->jQuery(DOM)->layui(CSS,jQuery)->Vue.js(js);中间在学下PS、UI、XML、JSON。 二、H5技术栈进阶学习路线: AJAX(Ajax原生、ajaxjQue ...
分类:
其他好文 时间:
2021-06-17 17:14:56
阅读次数:
0
CSS3 - Flex布局 可悲的是我学了那么久既然不懂这玩意,听说这玩意很强: 直接上图片: ...
分类:
Web程序 时间:
2021-06-13 10:40:16
阅读次数:
0
transition:要过渡的属性 花费时间 运动曲线 何时开始 如 transition: width 0.5s ease-in 0s(立马开始的意思); 写到所需要的标签上,不写到hover里 如果想要所有属性都变化用all transform:translate(100px或者50%); 是以 ...
分类:
Web程序 时间:
2021-06-11 19:14:32
阅读次数:
0
具体使用: 具体的使用,在需要添加过度效果的盒子中加入该样式 然后配合:hover使用如: [注意]IE9-不支持该属性,safari3.1-6、IOS3.2-6.1、android2.1-4.3需要添加-webkit-前缀;而其余高版本浏览器支持标准写法 ...
分类:
其他好文 时间:
2021-06-09 15:32:45
阅读次数:
0
fade .fade-enter-from,.fade-leave-to { opacity: 0;}.fade-leave-from,.fade-enter-to { opacity: 1;}.fade-enter-active,.fade-leave-active { transition: a ...
分类:
其他好文 时间:
2021-06-02 16:40:58
阅读次数:
0