Tongzhiyong233-CSDN博客

原创 Swiper4重写分页器样式

new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: false, paginationType: 'custom', loop: true, speed: 300, autop...

2018-07-07 16:57:01 4061 1

4.1基本类型和引用类型js中有5种基本数据类型和3种引用类型（数组，对象，函数）。4.1.1 动态的属性引用类型的值是内存中的对象，js中不允许直接访问内存中的对象。所以在操作的时候，实际访问的是对象的引用（给对象添加属性时操作的是对象本身）。引用类型和基础类型不同的是，可以添加属性和方法，当然也可以改变和删除。例如：var person = new Object();person.name...

2018-06-20 10:10:16 151

原创 jQuery工厂函数

在学习jQuery中，最先接触到的就是工厂函数，但是没明白是什么意思，今天下午查了一下，理解了它的意思。学习JS时用到过window.onload。它是在页面加载完成之后才执行，这个加载完成不是建立DOM树，而是要等所有的图片啊和src中的外部资源加载完成后才执行，这样会导致页面加载速度很慢。而$(document).ready(function(){})则在建立DOM树后就开始执行。当然，我们一...

2018-05-05 15:41:58 1003

原创关于style.width和offsetWidth的区别

1.offsetWidth返回的是width的整数值，会进行round为一个整数，且不带单位px；而style.width返回的是字符串，即带有单位px。2.offsetWidth是只读属性，不可以修改，只可以获取值。 style.width可读写。3.style.width只能返回style方式定义的内部样式表的width属性值。4.offsetWidth属性可以返回对象的paddin...

2018-05-05 15:36:07 605

原创学习中的问题:04如何居中一个元素？

在做页面布局的时候，经常会遇到使一个元素居中这种情况，今天系统的总结一下。1.行内元素水平居中为其父元素设置属性text-align:center;垂直居中height和line-height的值相同，只写line-height也是可以的。2.块级元素水平居中如果这个块级元素给了宽度，那么应用margin:0 auto;属性可以使其水平居中如果没给这个块级元素宽宽度，请看下面：<div cl...

2018-04-15 19:26:44 94

转载 absolute精讲

本文要点1. 绝对定位元素文档流；2. 绝对定位元素定位参照对象；3. 绝对定位元素的自动伸缩；4. 绝对定位元素实现垂直居中；绝对定位基本特征绝对定位的第一个特征在于会从文档流中脱离，不受其他元素影响，定位是“绝对”的，所以称之为绝对定位，如果是相对定位，会受其他元素影响，则定位是“相对”的；未使用定位：即元素在正常文档流当中[html] view plain copy<div class...

2018-04-10 19:58:25 163

原创学习中的问题：03BFC

BFC什么是BFC？看了好多大佬写的，总结起来巴拉巴拉就是说，BFC(块级格式化上下文)。弄懂了名字还是没理解什么意思。又看到说在css2.1中，有三种定位方案：(1).普通流（Normal Flow）在普通流里，元素会按照在html中的上下顺序排列布局，行内元素水平排列，排满一行才会换行，块元素会被渲染为完整的一行。除非特别指定，否则所有元素都会被认定为普通流。(2).浮动（Fl...

2018-04-10 19:12:05 108

原创学习中的问题：02浮动

浮动什么是浮动？最初的浮动是为了达到文字环绕图片的效果。现在在我们布局中有的时候会遇到一种问题，就是你想要让两个块元素排列在一行，可在标准文档流里这是不可能的，块元素会霸道的独占一行，我们可以用display：inline-block来解决这个问题。但是现在有了一个更好的方法，浮动。浮动元素脱离文档流，在当前行的左边或是右边对齐，如果当前行没有足够的空间，它将下移一行，直到有足够的空间。浮动元素碰...

2018-04-10 18:27:27 120

原创学习中的问题：01标准文档流

标准文档流就是一个默认的状态，所有元素在排版过程中都会按照从左到右，从上到下的流式排列。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。标准文档流的三个现象(1).空白折叠现象。例如<img src="images/01.png" alt="01"/><img src="images/01.png" alt="01"/>想让这两张图片中间没有间隙，那么在代码

2018-04-08 19:24:55 130

Tongzhiyong233的博客