2017年09月_Call_me_small_pure

原创 P标签为什么不能嵌套块级标签

今天我在学习的过程中发现用伪类first-child无法对p标签里的内容进行设置样式，通过查询网上资源，我在这里具体说一下我的理解，如有不对的地方，还望及时提醒首先，解释一下first-child的含义 :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。<head> <title></title> <style type="text/css">

2017-09-18 16:29:49 2239

由于网速的限制，页面开发者都喜欢把网页里面的图片字节数控制的非常小，往往在一个图片文件夹里散落着n多的小碎图。随着网络技术的发展，网速的提升，大家越来越重视页面的加载速度，页面效率问题，过去的那些小图便成为了前端开发者的眼中钉，因为每加载一张图片都会产生一次浏览器请求数，发起的请求数越多那么页面加载的速度也越慢。还有当页面加载时，图片一个个的零星显示，鼠标经过时候背景闪白等也都是我们不能忍受的。于是

2017-09-15 11:55:36 468

原创了解switch的选择器的特点并用switch计算指定的年月日是本年的第几天

switch语句的执行逻辑：从switch后面圆括号里的变量与后面的常量相等的地方（代码块）开始，依次执行指令，直到指令结束； case的作用：并不会参与运算，不起条件判断作用，它的作用是给变量“引路”，是执行指令的入口标号。在计算机中标号只是存储了指令的地址； break不属于switch语句的内容，它的作用是跳出选择结构下面是计算指定日期是本年的第几天的代码，这段代码充分利用了sw

2017-09-15 11:54:05 1066 1

原创 for循环与for...in循环的区别

for循环我们通常用来循环一个数组、字符串var array = [1,2,3,4,5,6];var sum = 0;for (var i=0; i<array.length; i++){ sum+=array[i];} alert(sum);for…in循环呢，我们通常用来循环一个对象，var stu = { {name:"张三", sex:"

2017-09-15 11:41:58 4318

原创字符转ASII码以及大小写之间的转换

var str = prompt(“请输入一个字符串”); alert(str.toLowerCase()); //转小写 alert(str.toUpperCase()); //转大写 var str1 = 'abcd'; var str2 = '1234'; var code1 = str1.charCodeAt(); var code2 = str2.charCodeAt()

2017-09-15 11:28:39 3981

原创 jQuery——eq()选择器

jQuery的eq方法定义和用法： eq() 方法将匹配元素集缩减值指定 index 上的一个。语法 .eq(index) 其中的index 是整数，指示元素的位置（最小为 0）。如果是负数，则从集合中的最后一个元素往回计数，最后一个元素可以为-1或者（index）, 比如说一个UL里面有5个li，此时第5个li可以用ul.eq(-1)来表示，当然也可以用ul.eq(4),

2017-09-15 11:09:10 1113

原创 H5中关于自定义属性的设置和获取

给元素自定义属性是在HTML5中新加入的一个特性。简单来说，自定义数据属性规范规定任何以data-开头属性名并且赋值。自定义数据属性是为了保存页面或者应用程序的私有自定义数据，这些自定义数据属性保存进DOM中，对于整个DOM的布局和表现无任何影响，但是却可以方便操控整个网页的交互以及想要表达的效果。比如我们通过一个对象得到了某个地区所有的城市，但是呢，我们还需要得到城市的其他信息以方便接

2017-09-14 00:41:32 924

原创 JQuery给动态添加的元素绑定事件

jquery中绑定事件一般使用bind、on或者click，但是这只能是对已经加载好（HTML中创建的元素）的元素定义事件，但很多时候我们需要对都来动态添加（创建）的元素绑定某些事件。在JQ1.7版本以前使用可以通过live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态添加的元素绑定事件在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况例如： $(".Lis

2017-09-08 21:47:32 2903

原创 Swiper轮播

Swiper官网一般来说我们下载红框里面的文件就可以，这个.js文件直接引用使用就可以，它本身就包含JQ库了，所以就不用再引入JQuery库了。下载完这两个文件我们便于理解还需再下载图中第二个文件夹（完整压缩包），下载完之后首先对文件进行解压，找到demos文件夹，在里面随便找一个文件拖到你的开发工具里面我们可以看到body里面的内容，预留的幻灯片123….就是在里面插入图片的，主要是看

2017-09-08 21:24:18 349

Call_me_small_pure的博客