自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 Vue基础

v-html元素Html:可以将带有html,标签的属性翻译为最终的结果,比如html代码:<div id="demo"v-html="text"> {{text}}</div>js代码: var demo = new Vue({ el:"#demo", data:{ text:"<a href='http://www.baidu.com'>百度一下</a>", }, })v-oncev-once一次性绑

2021-04-02 16:34:35 79

原创 v-show 和v-if 的区别

v-show:v-show就是改变了div的css属性,比如display:none;v-if:v-if 就是直接让这个元素删除,在控制台看不到代码比如这个是没有隐藏的时候这个是已经隐藏了的

2021-04-01 14:58:02 86

原创 Vue 点击按钮出现,再次点击消失

Html代码:<div class="demo"> <button class="btn" v-on:click = "change">隐藏</button> <div class="area" v-show="showArea"></div></div>Vue代码:new Vue({ el:".demo", data:{ showArea:true }, methods:{ c

2021-04-01 14:51:30 2990

原创 jQuery 默认隐藏div 点击按钮出现 再次点击隐藏

111

2021-04-01 14:35:28 168

原创 微信小程序

开发前准备小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。小程序开发前准备:①申请账号②安装开发工具1.申请账号开发小程序之前需要先注册一个小程序账号,通过这个帐号你就可以管理你的小程序。账号申请:进入小程序注册页 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。2.小程序APPID注册完毕后即可登录小程序后台A...

2019-11-12 19:33:09 318

原创 CSS----其他新增属性

前言本节介绍下其他CSS3常用属性关键词:box-shadow、 overflow-x、 overflow-y、 min-width、 min-height、 max-width、 max-height、 zoom、 pointer-events、 user-select、content、 ...

2019-09-28 14:35:02 111

原创 CSS----增强用户界面

今天写的是增强用户界面常见用户界面属性关键词!!box-sizing、resize、outline-width、outline-style、outline-color、outline1.resize属性注意!!如果希望此属性生效,需要设置元素的 overflow 属性,值可以是 auto、hidden 或 scrollresize开发严谨兼容写法:2.box-sizing属性b...

2019-09-28 14:10:25 118

原创 CSS3----移动端meta元标签

上节说到了meta元标签但是不完整,这节写的meta元标签比上节的稍微完整了点!【内容】1.meta元标签meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)HTTP 标题信息(http-equiv)属性的Content-Type 值(显示字符集的设定)说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集...

2019-09-20 09:03:23 129

原创 移动端自适应rem

今天写的是移动端自适应rem【内容】先给大家普及一下重要的知识点!!(1)浏览器的默认字体大小:16px(2)chrome字体最小限制:12px(3)CSS单位分为绝对单位和相对单位大部分浏览器的字体最小限制为12px!css单位定位中有绝对定位,相对定位,当然css中也是有绝对单位和相对单位的CSS中,单位分为两类(1)绝对单位:无论其他相关的设置怎么变化,绝对单位指定的值是...

2019-09-19 14:48:15 554

原创 Bootstrap

这次写的是Bootstrap,用来记录一下注:因为在这里面标签名也可以使用所以用中问的标签代替!!【内容】主要讲的Bootstrap的概括利用媒介查询,实时更改布局,达到更好展现内容的目的。通俗得讲是:css根据屏幕宽度,自动调整网页div显示和布局,以适应不同尺寸屏幕优化浏览体验。根据浏览器的大小,一般设计2种。优点:许多样式不需要自己去定义,而且提供了内置十几个插件,可以进行快速开...

2019-09-19 14:17:47 687

原创 静态补充CSS3-----IFC,FFC,GFC

上次学了BFC讲解,今天学的是IFC,FFC,GFC讲解。前言:Web页面的布局,常见的主要有“浮动布局(float)”、“定位布局(position)”、“行内块布局(inline-block)”、“CSS3的多栏布局(Columns)”、“伸缩布局(Flexbox)”以及“网格布局(Grids)”等。1.IFC简介IFC简介:行级格式化上下文Inline Formatting Cont...

2019-09-11 14:32:53 131

原创 静态补充CSS3-----BFC讲解 格式化上下文

今天学习了补充CSS3 BFC的讲解【内容】1.BFC简介BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)首先要明确BFC是什么意思,其全英文拼写为 Block Formatting Context 直译为“块级格式化上下文”。在解释 BFC 是什么之前,需要先介绍 Box、For...

2019-09-11 10:30:41 153

原创 CSS3---Flex布局--项目属性

前言今天学习了项目的属性;【内容】项目属性:①沿主轴方向上的排列顺序order: 0(默认值) | <integer整数>②项目的收缩因子flex-shrink: 1(默认值) | ③项目的扩张因子flex-grow: 0(默认值) | ④项目width属性替代品flex-basis: auto(默认值) | px⑤flex-grow、flex-shrink、flex-...

2019-09-10 18:59:02 205

原创 CSS3-----Flex布局 -容器属性-弹性盒模型

今天学习了Flex布局 容器属性 还有弹性盒模型;【想要了解flex布局,要知道以下概括】容器:如果我们给一个盒子加上了一个属性display:flex,那么这个盒子就是一个容器。项目:容器中的它里面的直接子元素就是项目。主轴:在容器中,项目按一定的方向进行排列的,默认是从左到右进行排列,这个排列的方向,我们称为主轴。(可以理解成x轴)交叉轴:与主轴垂直的轴(可以理解成y轴)【盒模型...

2019-09-10 17:28:30 339

原创 CSS3------物理与逻辑像素基础 遮罩层!!

前言今天学习了物理与逻辑像素的一些基础,VW, VH新单位,当然只有理论是不够的,开发是一门技术活,有很多细节需要在实践中理解。【内容】移动端开发经常遇到一些概念:物理像素、逻辑像素、像素密度、像素比等。vw和vh是CSS3中的新单位,是一种视窗单位,在移动端也同样适用。①窗口宽度固定为100vw,将窗口宽度平均分成100份,1份是1vw②窗口高度固定为100vh ,将窗口高度平均分成...

2019-09-09 20:01:13 187

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除