玄空2

2020年2月29日

摘要：条件渲染 v-if v-else-if v-else v-show v-if VS v-show v-if 是真正的条件渲染。会重建和销毁html元素 v-show 带有v-show指令的元素始终会被渲染并保留在DOM中 v-show的显示与隐藏式通过切换css 里的display属性值 disp 阅读全文

posted @ 2020-02-29 13:13 玄空2 阅读(321) 评论(0) 推荐(0) 编辑

v-bind的动态绑定

摘要： v-bind Vue的指令动态绑定为属性赋值语法： v-bind:属性(参数)=" 变量值" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d 阅读全文

posted @ 2020-02-29 12:35 玄空2 阅读(271) 评论(0) 推荐(0) 编辑

2020年2月28日

Vue的声明周期函数实例

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-28 18:04 玄空2 阅读(165) 评论(0) 推荐(0) 编辑

2020年2月27日

像素、视口、vw 简介

摘要：像素：物理像素屏幕中的小点（显示屏上的小点） css像素编写网页时，我们所用的像素例如 div{ width:100px； 100px为css像素 } 浏览器在显示网页时，需将CSS像素转化为物理像素，然后再呈现。一个CSS像素由几个物理像素显示，由浏览器决定。默认情况下，在PC端一个C 阅读全文

posted @ 2020-02-27 15:54 玄空2 阅读(616) 评论(0) 推荐(0) 编辑

2020年2月26日

flex弹性盒里order属性示例

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-26 17:27 玄空2 阅读(3202) 评论(0) 推荐(0) 编辑

2020年2月25日

flex的align-content、align-items的介绍

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-25 21:56 玄空2 阅读(348) 评论(0) 推荐(0) 编辑

2020年2月20日

flex的justify-content

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-20 23:02 玄空2 阅读(193) 评论(0) 推荐(0) 编辑

flex属性介绍

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-20 16:09 玄空2 阅读(130) 评论(0) 推荐(0) 编辑

flex模式下的导航条示例

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-20 16:01 玄空2 阅读(289) 评论(0) 推荐(0) 编辑

2020年2月18日

less变量用法讲解

摘要： less 语法大体上和css语法一致浏览器无法直接执行less代码 vscode 需要安装 easy-less插件 // less 变量名语法 // @变量名 @color:green; @width:100px; @height:100px; @box2:box2; @path:"/source 阅读全文

posted @ 2020-02-18 15:33 玄空2 阅读(1158) 评论(0) 推荐(0) 编辑

公告