- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Box Model
1.基本概念 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和 外边距的方式。 2.外边距合并 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。几种情况：
2017-07-31 16:08:36
198
原创 FLEX布局
1.基本概念 Flex 是 Flexible Box 的缩写，意为”弹性布局”。目前，它已经得到了所有浏览器的支持。.box{ display: -webkit-flex; /* Safari Webkit 内核的浏览器，必须加上-webkit前缀*/ display: flex; /*display: inline-flex;*/ /*行内元素也可以使用 Flex 布局*/}设为
2017-07-31 15:26:37
242
原创 圣杯布局和双飞翼布局
圣杯布局其实和双飞翼布局都是三栏布局，两边的盒子宽度固定，中间盒子自适应。它们实现的效果是一样的，差别在于其实现的思想。1.圣杯布局 父元素的的三栏务必先写中间盒子，因为中间盒子要被优先渲染。<div class="header">Header</div><div class="bd"> <div class="main">Main</div> <div class="left"
2017-07-30 20:11:13
226
原创 CSS布局 position float
1.static：静态定位 如果没有设置position属性，那么缺省为static。top，left，bottom，right等属性，在static的情况下是无效的，要使用这些属性，必须把position设置为其他三个值之一。2.relative： relative 元素遵循正常的文档流，所以周围元素不会忽略它的存在，relative 元素支持 top,bottom,left,right等属性
2017-07-30 14:50:48
209
原创 Vue做类tab页切换
<div class="import-case-type-select import-case-type-select-active" id="csvTypeId"> <a class="text-white" v-on:click="selectCaseType('csv','#csvTypeId')"> <div class="font-logo"></div>
2017-07-28 18:47:44
3028
2
原创 DOM
1、DOM0级事件处理方式： 通过javascript制定事件处理程序的传统方式。就是将一个函数赋值给一个事件处理属性。第四代web浏览器出现，至今为所有浏览器所支持。优点，简单且具有跨浏览器的优势。 var btn = document.getElementById("btn"); btn.onclick = function(){
2017-07-28 16:14:32
274
1
原创 单例模式
保证一个类有且只有一个实例，并提供一个访问该实例的全局访问点。要提供一个全局访问点，最常用的办法便是使用类的静态方法，静态方法只能从类而不是从实例中调用。 当一个对象在系统中独一无二，只能有一个的时候，比如一个打印设备，一个进程管理器等等，在这上面，觉得有些类似于多线程锁的概念（所以后面会用到线程同步synchronized）单例模式比较普遍的提到了3种形式（懒汉式，饿汉式，单例注册表）//懒汉，
2017-07-23 11:59:51
165
原创 JavaScript cookie
1. cookie Cookie是浏览器提供给客户端的用来存储少量数据的一种机制。JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie。当发生页面跳转或者页面关闭的时候，变量的值会重新载入，即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值
2017-07-23 11:14:48
202
转载 CSS3 选择器
.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 元素。1element,element
2017-07-18 16:20:34
166
转载 CSS单位
%百分比in英寸cm厘米mm毫米em1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。ex一
2017-07-18 16:09:13
176
原创 CSS3
1.新的边框属性 border-image 用图片做边框border-image:url(border.png) 30 30 round;//round(铺满)stretch(拉伸)-moz-border-image:url(border.png) 30 30 round; /* 老的 Firefox */-webkit-border-image:url(border.png) 30 3
2017-07-18 15:33:58
375
原创 JavaScript1
一些需要注意的：1.变量必须以字母开头（可以以$和_开头但不推荐）； 2.大小写敏感； 3.数据类型：动态 数字+字符串=字符串4.变量生存期 开始：从声明开始 结束：局部变量：函数运行后被删除 全局变量：页面关闭后被删除 5.==等于 ===全等于（值和类型） 6.break 用于循环和switch中 break labelnamecar
2017-07-11 10:20:52
281
原创 HTML5
视频/音频//视频 html> body> div style="text-align:center;"> button onclick="playPause()">播放/暂停button> button onclick="makeBig()">大button> button onclick="makeNormal()">中button> button oncl
2017-07-10 14:44:06
206
原创 jQuery3
jQuery 遍历 1. 祖先$(document).ready(function(){ $("span").parent(); //返回被选元素的直接父元素});$(document).ready(function(){ $("span").parents(); //返回所有 <span> 元素的所有祖先});$(document).ready(function(){ $("
2017-07-10 11:20:47
316
原创 jQuery2
jQuery DOM 操作$("#btn1").click(function(){ alert("Text: " + $("#test").text()); //设置或返回所选元素的文本内容});$("#btn2").click(function(){ alert("HTML: " + $("#test").html()); //设置或返回所选元素的内容});$("#btn1").
2017-07-09 17:43:22
174
原创 jQuery1
jQuery 选择器 1. jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素 $(this)当前 HTML 元素 $("p")所有<p>元素 $("p.intro")所有 class=”intro” 的<p>元素 $(".intro")所有 class=”intro” 的元素 $("#intro")id=”intro” 的元素 $("ul l
2017-07-09 16:34:54
337
原创 Vue.js例子
<script src="js/vue.js"></script><script src="js/jquery-1.12.4.min.js"></script><link href="css/index.css" rel="stylesheet"> <meta charset="UTF-8"><section class="todoapp"> <header class="heade
2017-07-05 20:17:00
397
原创 $ajax
$.ajax的一般格式$.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType});jquery中的ajax方法参数1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方
2017-07-05 20:09:56
199
原创 HTML基础2
表单<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form urlencoded" autocomplete="off" novalidate>form elements</form> Action 属性 action 属性定
2017-07-04 21:24:44
178
原创 HTML基础1
基本标签1. 基础标签 <h1>-<h6> 标题 <p>段落 <img src=" " width=" " height=" ">图片 <br/>换行 <hr/>水平线 （空元素要注意关闭） <div>定义文档中的节或区域（块级） <span>定义文档中的行内的小块或区域 2. 格式化标签 <b>粗体 <big>大号 <em>着重 <i>斜体 <small>小号 <stro
2017-07-04 21:09:15
161
转载 Vue.js学习
vue.js是一个JavaScript MVVM库。MVVM模式 ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。 首先，我们将上图中的DOM Listeners和Data Bindings看作两个工具，它们是实现双向绑定的关键。 从View侧看，ViewM
2017-07-03 14:10:57
482
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人