- 博客(27)
- 收藏
- 关注
RSS订阅原创 jQuery中事件嵌套带来的问题分析与解决
前言 –引入问题在开发过程中我们总会不经意间把一个事件嵌套到另一个事件中，其实这是很危险的，BUG会一个接一个的来，而且如果你不了解事件嵌套与绑定的原理，那么就很难发现问题的所在之处，因为按照正常思维来说，这是可行的，而且程序逻辑不会有什么问题。那么到底是什么导致了事件嵌套出现了问题呢？事件嵌套与绑定先来一个简单的程序模型来认识一下事件的嵌套和绑定：<script&g...
2018-05-28 19:41:25
1776
原创 JavaScript和jQuery知识点总结
Js1. 常用方法 1.document.getElementById('id'); 根据id获取元素对象 2. 常用事件 0. onload : 页面加载完成 1. onclick : 点击事件 2. onmouseover : 鼠标悬浮事件 3. onmouseout : 鼠标离开事件 4. onfocus : 获取焦点 5. o...
2018-05-28 18:36:51
667
原创 margin-top塌陷问题的现象与解决
margin-top塌陷问题什么是margin-top塌陷margin-top塌陷是在CSS的盒子模型中出现的一种现象，描述的是当父元素包裹着一个子元素的时候，当给子元素设置margin-top属性时，此时只是想让子元素的边框距离父元素边框有一段距离，而却出现了父元素的顶端距离body这个边框出现了位移，这就是margin-top塌陷的现象。在未给子元素（绿色部分）添加margin-to...
2018-05-26 14:55:32
13381
原创 jQuery进阶
一、jQuery操作元素的显示与隐藏之前我们用过这种方法来操作元素的显示与隐藏： $div.css({'display':'block'});显示 $div.css({'display':'none'});隐藏还有写法让人惊讶的三目运算：$div.css({'display':$div.css('display')=='none' ?'block':'none'});...
2018-05-25 21:35:07
368
原创 jQuery中动画函数animate的用法详解
定义和用法animate()方法执行CSS属性集的自定义动画，该方法会将一个属性在指定或者默认的时间内从一个属性值变化到另一个属性值，由于属性值是逐渐变化的，所以就形成了所谓的动画效果。方法参数$(selector).animate(styles,speed,easing,callback)styles：styles用来设置对象属性值的目标值，即需要将属性值变成什么状...
2018-05-25 18:46:58
11398
原创 jQuery入门
jQuery入门一、jQuery的简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事...
2018-05-24 21:38:04
192
原创 封闭函数三种形式
封闭函数三种形式什么是封闭函数，为什么要把函数封闭起来呢？跟着我来给你解答。一个函数定义之后，必须在程序某个地方调用才能去执行，但是封闭函数就不需要去调用，它会在定义之后原地自动执行，而且，在我们正常的程序中，如果两个函数定义的名字重复了，那么其中一个函数是会覆盖掉另外一个函数的功能，最终只有一个函数在执行，那么怎么避免函数同名的情况呢？或者是说，怎么避免我在拿到一份同事写好的代码，想在上面添加新...
2018-05-24 18:33:37
5611
原创 基于JavaScript的人物走路动画
基于JavaScript的人物走路动画想要实现人物走路的动态图，可以连续更换图片，给人一种人物在走路的假象，但是接下来我们用另外一种方法来实现，将所有单张图片拼接成一个长图，可以让图片移动代替更换图片，下面附上代码，图片在最后附上，需要将图片下载下来，按照程序所用路径保存好。<!DOCTYPE html><html lang="en"><head> ...
2018-05-23 23:23:22
3175
原创 基于JS与CSS的小游戏---不安分的球球
请将代码保存成html格式的文件，然后用谷歌或者火狐浏览器打开即可看见效果，提醒：球是可以点击的哦！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=
2018-05-22 20:41:23
792
原创 JavaScript高级知识点整理
JavaScript高级知识点整理一、JS中的数组1.数组的三种定义方式（1）、实例化对象var aArray=new Array(1,2,3,4,5);（2）、快捷创建var aTwoArray = [1,2,3,"d","f"];（3）、多维数组var aThreeArray = [[1,2,3],["a","b","c"]];在这里，只有满足了数组中的元素是数组的时候才是多维数组2.数组的操...
2018-05-22 19:39:37
3203
原创 JS中怎么获取浏览器以及其他标签的宽高
JS中怎么获取浏览器以及其他标签的宽高经过测试，在JS中是不能直接使用对象名.style.width/height来获取标签的宽高的，强制获取不会返回任何结果，其实，在JS中获取标签的宽高是有特殊语法的，请参照以下程序片段；对浏览器body宽高的获取：<html><body><script language="JavaScript">function t...
2018-05-22 18:30:17
349
原创 JavaScript入门及进阶知识点整理01
JavaScript入门及进阶知识点整理01一、JavaScript简介与作用 JavaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的，是一种解释型语言。 前端的三大块： 1.HTML 负责页面结构 2. CSS 负责页面的表现 如颜色 元素大小 位置 ...
2018-05-21 20:41:43
216
原创 前端与CSS知识点总结
前端与CSS知识点总结1.Html常用标签 1. 常用块级标签 h : 标题 p : 段落 div : 容器 ul>li : 无序列表 form : 表单 2. 常用行内标签 a : 超链接 span : 小容器 img : 插入图 (宽高有效) input : 输入框,text/password/radio/checkbox/file/reset...
2018-05-21 12:34:20
367
原创 CSS尺寸、CSS对齐与CSS显示
CSS尺寸、CSS对齐与CSS显示一、CSS尺寸所有尺寸的属性属性 描述 height 设置元素的高度。 line-height 设置行高。 max-height 设置元素的最大高度。 max-width 设置元素的最大宽度。 min-height 设置元素的最小高度。 min-width 设置元素的最小宽度。 width 设置元素的宽...
2018-05-20 14:36:14
458
原创 CSS选择器与选择器权重
一、CSS选择器1、什么是选择器每一条CSS样式声明由两部分组成，选择器{样式}在{}之前的就是选择器，选择器指明了{}中样式的作用对象，也就是样式作用于网页中哪些元素2.选择器的分类（1）、标签选择器 标签选择器就是HTML中的标签，如<body>, <h1>, < p>,<img>等 例如：p{color:red;line-heigh...
2018-05-20 12:49:50
1018
原创 CSS边框
CSS边框首先清楚CSS的盒子模型(Box model)，能正确的区分边框、内边距、外边距等概念，下面用一个图来说明以上概念：平面图：立体图：一、CSS边框 border1.设置边框样式：border-style:样式；可选的样式有：none 无边框 dotted 虚线边框 dashed 虚线边框 solid 实线边框 double 双边框 groove 凹槽边框 ridge 垄状边框 inset...
2018-05-20 10:55:25
1209
原创 CSS背景
CSS背景如下结构图，清晰描绘出关于CSS背景的相关属性及操作：背景图片应用实例：将110px*150px的背景图片放在100px*100px的外框中，并实现右图的效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="
2018-05-19 20:20:24
120
原创 CSS列表
CSS列表列表的主要属性及设置：以下程序如果需要调试，请适当屏蔽语句，不然会出错，在此只是列出表格的操作语句，不保证程序能正常运行：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont
2018-05-19 19:53:04
135
原创 CSS表格
通过以下代码来实现对一个表格的操作：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&
2018-05-19 19:33:42
590
原创 mysql从入门到精通《四》
mysql从入门到精通《四》三、mysql高级 （接上篇）1、视图视图就是一条select语句执行后返回的结果集，所以我们在创建视图的时候，主要的工作就落在创建这条SQL语句上。视图是对若干张基本表的引用，一张虚表，查询语句执行的结果，不储存具体的数据（基本表数据发生变化以后，视图也会跟着改变）定义视图建议以v_开头create view 视图名称 as select语句;查看视图查看表会将所有视...
2018-05-14 16:18:28
294
原创 mysql从入门到精通《三》
mysql从入门到精通《三》二、命令行脚本（以乌班图为操作系统）接上篇12、分组（group by）group by 的含义：指将查询结果按照一个或者多个字段进行分组，字段值相同的为一组，它可以用作单个字段分组，也可以用于多个字段查询（1），根据性别分组select gender from students group by gender;（group by +group_concat()）gr...
2018-05-14 15:01:50
387
原创 mysql从入门到精通《二》
mysql从入门到精通《二》二、命令行脚本（以乌班图为操作系统）接上篇6、数据表的增删改查（curd）curd的解释: 代表创建（Create）、更新（Update）、读取（Retrieve）和删除（Delete）#查询所有列select * from 表名;select * from classes;#查询指定列select 列1,列2,... from 表名;select id,n...
2018-05-14 11:20:25
281
原创 mysql 从入门到精通《一》
mysql 从入门到精通《一》一、概念解析1.数据库：数据库就是一种特殊的文件，其中存储着所需的数据。2.关系型数据库核心元素：（1）、数据行（记录）（2）、数据列（字段）（3）、数据表（数据行的集合）（4）、数据库（数据表的集合）3.RDBMS （Relational Database Managerment System）目前所使用的数据库分为关系型数据库和非关系型数据库，我们主要介绍关系型数...
2018-05-14 10:00:25
971
原创 Mysql 主从同步配置
Mysql 主从同步配置1. 主从同步的定义主从同步使得数据可以从一个数据库服务器复制到其他服务器上，在复制数据时，一个服务器充当主服务器（master），其余的服务器充当从服务器（slave）。因为复制是异步进行的，所以从服务器不需要一直连接着主服务器，从服务器甚至可以通过拨号断断续续地连接主服务器。通过配置文件，可以指定复制所有的数据库，某个数据库，甚至是某个数据库上的某个表。使用主从同步的好...
2018-05-13 19:41:33
824
原创 网络通信中专有名词解析
网络通信中专有名词解析tcp/ip协议族：为了把全世界的所有不同类型的计算机都链接起来，就必须规定一套全球通用的协议，叫做互联网协议族，又因为最重要的两个协议是tcp和ip协议，所以大家把互联网的协议简称TCP/IP协议族网络协议分为：应用层，传输层，网际层（ip层），网络接口层（链路层）OSI分为：应用层，表示层，会话层，传输层，网络层，数...
2018-05-04 18:04:19
932
原创 python中面对对象 封装 继承 多态的理解
python中面对对象 封装 继承 多态的理解封装：封装就是把对象的属性和行为结合成一个独立的整体，把内部的实现细节隐藏起来，不能被外界所看见，调用的人只能执行，而看不到实现的细节，保证了代码的安全性继承：从已有类中派生出新的实例对象，子类继承父类的属性和方法，并且自己可以拓展出自己独有的属性和方法。保证了代码的复用率多态：指的是不同的对象对相同的属性或...
2018-05-02 11:16:07
606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人