04 2020 档案

摘要: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 阅读(206) 评论(0) 推荐(0)
摘要:1.CSS动画原理 动画进入: 动画如果不给名字,默认:v-enter 原理:在某一时刻给 div 添加 或 删除一些样式 <style> .fade-enter{ opacity:0; } .fade-enter-active{ transition: opacity 1s; //对opacity 阅读全文
posted @ 2020-04-19 23:43 晴天宝宝i 阅读(3049) 评论(0) 推荐(0)
摘要:一、组件使用过程中的细节问题 1.使用 is 解决H5标签的小bug(用 is='组件名' 解决) 好处:这样的写法一方面可以使用组件,另一方面也符合H5的规范。 /*创建组件*/ Vue.component('row',{ template:'<tr><td>this is a row</td>< 阅读全文
posted @ 2020-04-18 20:27 晴天宝宝i 阅读(246) 评论(0) 推荐(0)
摘要:一、模板语法: {{message}} 等同于v-text:文本插值 v-html:html插值 v-once:插入固定的值,不会变 v-bind:单向数据绑定(内存JS改变,影响页面)缩写(:) v-model:双向数据绑定 v-on:事件绑定 缩写(@) 二、计算属性和侦听器 1.compute 阅读全文
posted @ 2020-04-18 14:41 晴天宝宝i 阅读(167) 评论(0) 推荐(0)
摘要:1.如何让层在flash上显示? 方法: <param name="wmode" value="transparent" /> /*设置flash的wmode值为transparent或opaque*/ 2.如何使用标准的方法在页面上插入flash? 方法: <object id="flash-sh 阅读全文
posted @ 2020-04-16 23:03 晴天宝宝i 阅读(139) 评论(0) 推荐(0)
摘要:1.如何清除图片下方出现几像素的空白间隙? 清除浮动,方法请参考第9条 /*通常出现这样的情况都是由于没有清除浮动而引起的,所以Debug时应第一时间想到是否有未清除浮动的地方*/ 方法1: img{display:block;} 方法2: img{vertical-align:top;} /*除了 阅读全文
posted @ 2020-04-16 22:55 晴天宝宝i 阅读(211) 评论(0) 推荐(0)
摘要:1.如何在IE6及更早浏览器中定义小高度的容器? 方法: #test{overflow:hidden;height:1px;font-size:0;line-height:0;} /*IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高*/ 2.如何解决IE6,7block元素转换成 阅读全文
posted @ 2020-04-16 22:07 晴天宝宝i 阅读(187) 评论(0) 推荐(0)
摘要:注意:尽可能减少对CSS Hack的使用。Hack有风险,使用需谨慎 1.条件 Hack(用于选择IE浏览器及IE的不同版本) 语法: <!--[if <keywords>? IE <version>?]> HTML代码块 <![endif]--> <keywords> if条件共包含6种选择方式: 阅读全文
posted @ 2020-04-16 21:13 晴天宝宝i 阅读(128) 评论(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 阅读(627) 评论(0) 推荐(0)
摘要:!important CSS1 提升指定样式条目的应用优先权。 /*comment*/ CSS1 CSS中的注释 /* 这里是注释内容 */ @import CSS1/3 指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明 @charset CSS2 在外部样式表文件内使用。指定该样式表 阅读全文
posted @ 2020-04-16 19:23 晴天宝宝i 阅读(216) 评论(0) 推荐(0)
摘要:var start=+new Date(); for(var i=0;i<=1000;i++){ console.log(i); } var end=+new Date(); console.log("for循环用时:"+(end-start)); 阅读全文
posted @ 2020-04-16 09:01 晴天宝宝i 阅读(127) 评论(0) 推荐(0)
摘要:注意:bootstrap不支持IE8,需要下载Respond.js激活media query支持。 另外使用Respond.js还有跨域的问题,所以建议把 Respond.js 和网站目录放在一起。 根据移动端和电脑端屏幕不同大小,针对不同屏幕下占不同比例 <div class="container 阅读全文
posted @ 2020-04-15 16:24 晴天宝宝i 阅读(945) 评论(0) 推荐(0)
摘要://底层函数:$.ajax(url,data,callback); $.ajax({ url:"login.php", type:"post", //默认get方式 date:{username:"admin",password:"123456"},//请求参数 content-Type:"appl 阅读全文
posted @ 2020-04-06 17:57 晴天宝宝i 阅读(169) 评论(0) 推荐(0)
摘要:Undefined和Null 1. undefined 表示一个声明了没有赋值的变量,变量只声明的时候值默认是undefined undefined 表示一个变量声明了没有初始化(赋值); undefined 不是一个有效的JSON,而null是 undefined 的类型(typeof)是unde 阅读全文
posted @ 2020-04-06 17:15 晴天宝宝i 阅读(2064) 评论(0) 推荐(1)
摘要:1、认识Ajax // 涉及到 AJAX 操作的页面“不能”使用文件协议访问(文件的方式访问) // AJAX 是一套 API 核心提供的类型:XMLHttpRequest // 1. 安装浏览器(用户代理) // xhr 就类似于浏览器的作用(发送请求接收响应) var xhr = new XML 阅读全文
posted @ 2020-04-05 16:17 晴天宝宝i 阅读(146) 评论(0) 推荐(0)
摘要:下载地址:https://www.apachelounge.com/download/ 安装方式如下,先解压到纯英文路径的文件夹,然后执行以下命令: //注意:需要使用管理员身份运行命令行!!! //切换到Apache解压路径中的bin目录 cd <解压目录>/bin //安装Apache服务,‐n 阅读全文
posted @ 2020-04-04 09:18 晴天宝宝i 阅读(196) 评论(0) 推荐(0)
摘要:1、链式编程 设置性操作,可以链式编程 获取性操作,不能链式,因为获取性操作,获取的是数值,字符串等 链式编程取决于:返回值是否为jQuery对象 案例:五星好评 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2020-04-02 20:28 晴天宝宝i 阅读(343) 评论(0) 推荐(0)
摘要:1.阻止浏览器默认行为 event.preventDefault(); 2.阻止事件冒泡 event.stopPropagation(); 3.既阻止浏览器行为,又阻止事件冒泡 return false; 阅读全文
posted @ 2020-04-02 13:02 晴天宝宝i 阅读(104) 评论(0) 推荐(0)
摘要:JQuery发展历程: 简单事件绑定(click,mouseenter,mouseleave) >bind事件绑定 >delegate事件绑定 >on事件绑定 1.简单事件绑定 $("p").click(function(){ //事件响应方法 }); 缺点:不能绑定多个事件 2.bind事件绑定 阅读全文
posted @ 2020-04-02 10:19 晴天宝宝i 阅读(521) 评论(0) 推荐(0)