会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
晴天宝宝
博客园
首页
新随笔
联系
管理
订阅
2020年4月22日
Vue中动画封装
摘要: 1,使用组件的方式封装动画, 2,使用动画钩子设置样式 3,在组件中设置插槽,方便父元素自定义标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
阅读全文
posted @ 2020-04-22 23:04 晴天宝宝i
阅读(203)
评论(0)
推荐(0)
2020年4月19日
Vue中的动画特效
摘要: 1.CSS动画原理 动画进入: 动画如果不给名字,默认:v-enter 原理:在某一时刻给 div 添加 或 删除一些样式 <style> .fade-enter{ opacity:0; } .fade-enter-active{ transition: opacity 1s; //对opacity
阅读全文
posted @ 2020-04-19 23:43 晴天宝宝i
阅读(3040)
评论(0)
推荐(0)
2020年4月18日
深入理解vue组件
摘要: 一、组件使用过程中的细节问题 1.使用 is 解决H5标签的小bug(用 is='组件名' 解决) 好处:这样的写法一方面可以使用组件,另一方面也符合H5的规范。 /*创建组件*/ Vue.component('row',{ template:'<tr><td>this is a row</td><
阅读全文
posted @ 2020-04-18 20:27 晴天宝宝i
阅读(244)
评论(0)
推荐(0)
vue基础
摘要: 一、模板语法: {{message}} 等同于v-text:文本插值 v-html:html插值 v-once:插入固定的值,不会变 v-bind:单向数据绑定(内存JS改变,影响页面)缩写(:) v-model:双向数据绑定 v-on:事件绑定 缩写(@) 二、计算属性和侦听器 1.compute
阅读全文
posted @ 2020-04-18 14:41 晴天宝宝i
阅读(165)
评论(0)
推荐(0)
2020年4月16日
其他技巧
摘要: 1.如何让层在flash上显示? 方法: <param name="wmode" value="transparent" /> /*设置flash的wmode值为transparent或opaque*/ 2.如何使用标准的方法在页面上插入flash? 方法: <object id="flash-sh
阅读全文
posted @ 2020-04-16 23:03 晴天宝宝i
阅读(138)
评论(0)
推荐(0)
CSS技巧及经验总结
摘要: 1.如何清除图片下方出现几像素的空白间隙? 清除浮动,方法请参考第9条 /*通常出现这样的情况都是由于没有清除浮动而引起的,所以Debug时应第一时间想到是否有未清除浮动的地方*/ 方法1: img{display:block;} 方法2: img{vertical-align:top;} /*除了
阅读全文
posted @ 2020-04-16 22:55 晴天宝宝i
阅读(207)
评论(0)
推荐(0)
Bugs和解决办法
摘要: 1.如何在IE6及更早浏览器中定义小高度的容器? 方法: #test{overflow:hidden;height:1px;font-size:0;line-height:0;} /*IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高*/ 2.如何解决IE6,7block元素转换成
阅读全文
posted @ 2020-04-16 22:07 晴天宝宝i
阅读(184)
评论(0)
推荐(0)
CSS Hack
摘要: 注意:尽可能减少对CSS Hack的使用。Hack有风险,使用需谨慎 1.条件 Hack(用于选择IE浏览器及IE的不同版本) 语法: <!--[if <keywords>? IE <version>?]> HTML代码块 <![endif]--> <keywords> if条件共包含6种选择方式:
阅读全文
posted @ 2020-04-16 21:13 晴天宝宝i
阅读(127)
评论(0)
推荐(0)
长度与单位
摘要: 1.em:相对长度单位,em会继承父级元素的字体大小。 2.rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数 3.px:绝对单位,页面按精确像素展示。 4.英寸(Inches)。绝对长度单位。1in = 2.54cm = 25.4 mm = 101.6q = 72p
阅读全文
posted @ 2020-04-16 20:58 晴天宝宝i
阅读(624)
评论(0)
推荐(0)
CSS语法和规则
摘要: !important CSS1 提升指定样式条目的应用优先权。 /*comment*/ CSS1 CSS中的注释 /* 这里是注释内容 */ @import CSS1/3 指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明 @charset CSS2 在外部样式表文件内使用。指定该样式表
阅读全文
posted @ 2020-04-16 19:23 晴天宝宝i
阅读(214)
评论(0)
推荐(0)
下一页
公告