- 博客(21)
- 收藏
- 关注
RSS订阅原创 CSS3
css3现状 浏览器支持程度差，需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛如何对待：坚持渐进增强的原则；考虑用户群体遵照产品的方案听boss的选择器： 属性选择器伪类选择器伪元素选择器...
2018-03-15 08:54:04
224
原创 常用的jquery选择器
jquery中的选择器：基本选择器：var box = $("box"); 2.层级选择器：var li = $("ul li");//后代选择器；var li = $("ul > li");//子代选择器； 3.基本过滤选择器：var li = $("ul li: odd");//利用过滤选择器选取每个带有奇数 index 值的元素（比如 1、3、5）;var li = $...
2018-03-10 08:50:53
157
原创 jquery中的DOM对象和js中的DOM对象的相互转化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-03-09 16:04:49
216
原创 jquery中的DOM对象和j's中的DOM对象的区别
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.1.js">&l
2018-03-09 15:46:46
4612
原创 jquery和$的区别
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.1.js">&l
2018-03-09 15:43:27
561
原创 关于jquery的特点和入口函数
jquery的链式编程：$(".box").show(1000).html("Tomorrow is Autumn!");隐式迭代是指不需要for循环来迭代元素。jquery的版本：1.x版本；2.x版本，不再支持ie6、7、8；同版本两个文件的区别：min:压缩版，压缩过后体积会更小；压缩指的是：把注释、空格、换行全部去掉，把变量名称尽可能的换成更加简短的字符；压缩的目的：就是让文件变得更小；使...
2018-03-09 15:41:19
430
原创 简单模拟jquery获取节点元素封装
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 100px;
2018-03-09 10:58:14
266
原创 倒计时案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-03-09 09:35:00
165
原创 javascript获取日期制作简单日历
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-03-09 09:10:12
425
转载 媒体查询使用方法@media
Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。@media 媒体类型and （媒体特性）{你的样式}注意：使用Media Queries必须要使用“@media”开头，然后指定媒体类型...
2018-03-07 09:40:05
793
转载 2017年前端面试题摘录
原文地址1：https://zhuanlan.zhihu.com/p/25424194原文地址2：https://www.zhihu.com/search?type=content&q=%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98原文地址3：https://zhuanlan.zhihu.com/p/29445723原文地址4：https://z...
2018-03-07 09:36:45
304
转载 CSS3的rem设置字体大小
在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。最近在学习em的相关知识的时候，无意之间让我拾得一宝，就是使用...
2018-03-07 09:19:53
124
转载 CSS中强大的EM
使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“e...
2018-03-07 08:47:57
146
转载 关于XMLHttpRequest的readyState属性的五个状态
昨天做了一个利用ajax实现页面无刷新的从服务器端获得时间的例子，当时对于xmlhttprequest对象的readystate的后三个状态不是很清楚，想了半天，也不明白！后面在程序的不同地方中用alert(xmlhttp.readystate)查看readystate值的变化，并且请教朋友之后，才弄明白其中的几个问题：创建xmlhttprequest对象之后没有调用open之前readystat...
2018-03-05 14:37:29
1932
Ajax和json
Ajax与Json数据Ajax,一种请求数据的方式，不需要刷新整个页面。ajax的技术核心是XMLHttpRequest对象；ajax请求过程：创建XMLHttpRequest对象、连接服务器、发送请求、接受响应数据。JS原生XMLHttpRequest对象...
2018-03-05 08:52:44
115
原创 js实现拖拽案例
拽案例,效果如下：代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en...
2018-03-04 21:10:52
1034
原创 JavaScript事件
1.什么是事件事件是可以被JavaScript侦测到的行为。2.事件的三个阶段DOM2.0模型将事件处理流程分为三个阶段：事件捕获阶段；事件目标阶段；事件冒泡阶段。事件捕获：当某个元素触发某个事件时（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节点向目标元素节点流去，直到到达事件真正发生的目标元素。在这个过程中，事件相应的监听函数是不会被触发的。事件目标：当到达目...
2018-03-04 20:05:36
160
原创 正则表达式的应用——简单的表单验证
利用正则表达式和简单的方法封装，简单制作的表单验证。效果图如下：简单的html和css部分代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=
2018-03-04 15:25:24
456
原创 正则边界 和 量词
正则表达式有一些普通字符和元字符组成，普通字符就是字母和数字，元字符具有特殊意义的字符,常用于表单验证正则边界（重点）^会匹配行或者字符串的起始位置注意：^在[]中才表示非！这里表示开始;$会匹配行或字符串的结尾位置^$在一起，表示必须是这个（精确匹配）console.log(/^abc$/.test("abc")); //true;console.log(/^abc$/.test("...
2018-03-03 14:45:41
289
原创 正则表达式RegExp——表单验证
正则表达式（英语：Regular Expression），一般用于表单验证。正则的定义：1内置对象法；2.字面量;1.对象定义法：var reg1 = new RegExp(/abc/);2.字面量：var reg2 = /def/;test()方法：正则对象方法，检测测试字符串是否符合规范，返回true或false,参数（测试字符串）；使用语法：Boolean = 表达式.test("要验证的内...
2018-03-03 10:42:38
924
原创 javascript特效——旋转轮播图
利用封装好的缓动框架，实现简单的旋转木马效果，效果图如下：html代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in
2018-03-02 16:22:10
422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人