- 博客(33)
- 收藏
- 关注
RSS订阅原创 CSS3弹性盒子
CSS3弹性盒子弹性盒子是 CSS3 的一种新的布局模式，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。弹性容器 displ...
2019-08-30 01:06:44
187
原创 css3小结2
渐变颜色|—background-image: linear-gradient(to bottom,#fff,red);|—说明：参数说明：第一个参数指定渐变方向 to top,to bottom,to right,to left,to top left…第二和第三个参数：是指定开始与结束的颜色值 可以有多个颜色background-image: linear-gradient(to bo...
2019-08-29 01:03:59
128
原创 css3小结
Transition过渡必不可少的一个参数是：秒数；Transition是添加给需要有变动的元素的常态样式上，而不是该元素有hover等变动时。div {width: 200px;height: 200px;background-color: red;transition:2s width, 2s height, transform 2s;-webkit-transition: w...
2019-08-28 00:03:38
125
原创 ajax总结1
jquery中的ajax方法参数总是记不住，这里记录一下。1.url:要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type:要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout:要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将...
2019-08-27 00:11:16
121
原创 js总结
1 1:jquery可以加载多个ready函数，而原始的js只能加载一次onload2 2:用dom对象得到的对象不能使用jquery中的方法，比如var p=document.getElementById(“id”),此时p不能这样使用p.html(),而应该使用innerHTML。同样，jquery对象不能使用dom中的方法，如果juqery中改写了dom中的方法，则可以使用dom中的方法。...
2019-08-26 00:13:38
85
原创 图片的懒加载
基于jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下，它也能帮助减轻服务器负载。一.使用方法1. 引用jquery和jquery.lazyload.js到你的页面2. 你必须改变图片的标签。图像的地址必须放在data-original属性上。给懒加载图像一个特定的class（例如:lazy）。这样你可以很容易地进行图像插件捆绑。代...
2019-08-23 01:50:50
91
原创 jquery总结2
jQuery引入：jQuery加载： jQuery提供的ready方法与原生的window.onload更快。 第一种方式：第二种方式：jQuery选择器：********** jQuery选择器选择规则和css样式相同1 $(document) //选择整个文档对象2 $(‘li’) //选择所有的li元素3 $(’#myId’) /...
2019-08-22 01:30:13
113
原创 jQuery总结
1、jQuery介绍jQuery是一个js框架(其实就是一个.js文件),它的特点是使用选择器查找要操作的节点,并且将这些节点封装成一个jQuery对象。封装的目的是为了更好地兼容不同的浏览器之间的差异，同时也会简化代码。2、jQuery基础(1)jQuery编程的基本步骤step1,引入jQuery.js文件step2, 入口函数step3,调用jQuery对象的属性或者方法来操作相...
2019-08-21 00:51:22
156
原创 jQuery总结
jQuery.parent(expr) //找父元素jQuery.parents(expr) //找到所有祖先元素，不限于父元素jQuery.children(expr) //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙jQuery.contents() //查找下面的所有内容，包括节点和文本。jQuery.prev() //查找上一个兄弟节点，不是所有的兄弟节点jQuery...
2019-08-20 00:54:11
264
原创 js总结
Javascript是一种弱类型语言，它分别有什么优点和缺点弱类型语言：简单好用，更灵活多变。但是会牺牲性能，比如一些隐含的类型转换强类型语言：类型转换的时候非常严格，，强类型语言是直接操纵内存，容易出内存越界和泄漏的问题。在类型的转换方面是很多约束，甚至强制转换也要很谨慎，一不小心就出大问题。Javascript里面的数据类型有哪些5个简单数据类型（基本数据类型）+ 1个复杂数据类型u...
2019-08-19 00:51:35
166
原创 正则表达式中的特殊字符
正则表达式中的特殊字符字符 含意\ 做为转意，即通常在"“后面的字符不按原来意义解释，如/b/匹配字符"b”，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。-或-对正则表达式功能字符的还原，如""匹配它前面元字符0次或多次，/a/将匹配a,aa,aaa，加了"“后，/a*/将只匹配"a*”。^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"$ 匹配一...
2019-08-16 02:35:35
1911
原创 正则表达式
一、正则表达式简介什么是正则表达式正则表达式（Regluar Expressions）又称规则表达式，这个概念最初是由Unix中的工具软件（如sed 和 grep）普及开的。正则表达式在代码中常简写为REs，regexes或regexp（regex patterns）。它本质上是一个小巧的、高度专用的编程语言。 许多程序设计语言都支持通过正则表达式进行字符串操作。例如，在Perl中就内建了...
2019-08-15 01:15:46
239
原创 js继承的几种方法
一、原型链继承重点：让新实例的原型等于父类的实例。特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）缺点：1、新实例无法向父类构造函数传参。2、继承单一。3、所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性也会被修改！）二、借用构造函数继承重点：用.cal...
2019-08-14 01:36:35
83
原创 js三大系列总结
一. offset系列offset系列的5个属性offsetLeft : 用于获取元素到最近的定位父盒子的左侧距离计算方式: 当前元素的左边框的左侧到定位父盒子的左边框右侧如果父级盒子没有定位, 那么会接着往上找有定位的盒子如果上级元素都没有定位,那么最后距离是与body的left值offsetTop : 用于获取元素到最近定位父盒子的顶部距离计算方式:当前元素的上...
2019-08-12 21:22:21
163
原创 js复习总结
javascript复习总结1.如何插入javascriptJavaScript代码写在之间。2.引用JS外部文件3、js在页面中的位置放在部分最常用的方式是在页面中head部分放置4、javascript语句和符号“;”分号要在英文状态下输入，同样，JS中的代码和符号都要在英文状态下输入。 虽然分号“;”也可以不写，记得在语句末尾写上分号。5、注释单行注释，在注释内容前加...
2019-08-12 00:54:09
498
原创 js三大系列
一. offset系列offset系列的5个属性offsetLeft : 用于获取元素到最近的定位父盒子的左侧距离计算方式: 当前元素的左边框的左侧到定位父盒子的左边框右侧如果父级盒子没有定位, 那么会接着往上找有定位的盒子如果上级元素都没有定位,那么最后距离是与body的left值offsetTop : 用于获取元素到最近定位父盒子的顶部距离计算方式:当前元素的上...
2019-08-09 02:50:00
156
1原创 JS定时器
js清除未知定时器的方法在需要有实时性更新数据的项目中，我们经常会用到很多定时器，我们可能需要一个可以一次性清除所有定时器的方法，并且不通过指定ID一个一个去清除，以下提供两种解决方案：1.定义全局变量，通过js遍历清除这种方法在项目中所使用到的定时器必须赋值记录到定义好的全局变量中，实现模拟代码如下：var pageTimer = {} ; //定义计算器全局变量//赋值模拟page...
2019-08-06 01:33:07
118
原创 细说BOM对象
一、什么是BOM、什么是DOMBOM即浏览器对象模型，主要用了访问一些和网页无关的浏览器功能。如：window、location、navigator、screen、history等对象。DOM即文档对象模型，针对HTML（或XML）文档的API（应用程序编程接口）。描绘的一个层次化的节点树，开发人员可以添加、修改和删除页面的某一部分。二、细说BOM对象1、window对象window对象...
2019-08-02 01:05:37
148
原创 DOM2级事件处理程序
DOM2级事件处理程序DOM2级事件定义了两个方法用于处理指定和删除事件处理程序的操作：addEventListenerremoveEventListener所有的DOM节点都包含这两个方法，并且他们都接受三个参数：1.事件类型2.事件处理方法3.布尔参数，默认false(true捕获阶段调用事件处理方法；false冒泡阶段调用事件处理方法。)//addEventListener...
2019-07-31 23:36:02
354
原创 javascript实现的动态添加表单元素input,button等(appendChild)
1、先用document.createElement方法创建一个input元素！var newInput = document.createElement(“input”);2、设定相关属性，如name,type等newInput.type=mytype;newInput.name=“input1”;3、用appendChild方法,将元素追加到某个标签内容中！TemO.appendC...
2019-07-30 23:54:12
406
原创 JS获取子节点、父节点和兄弟节点的若干种方式
一、js获取子节点的方式1.通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById(“test”).getElementsByTagName(“div”);2.通过childNodes获取子节点使用...
2019-07-30 00:49:28
93
原创 js基本语法汇总
1、分类ECMAScript js基本语法与标准DOM Document Object Model文档对象模型BOM Browser Object Model浏览器对象模型tips：DOM和BOM都是一套API（Application programing interface）2、注释方式style /* /body <!-- -...
2019-07-29 00:19:38
387
原创 JS获取DOM元素的八种方法
JS获取DOM元素的八种方法什么是HTML DOM文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。这篇文章不做深入研究，只把各种用法和坑做一个总结。JS获取DOM元素的方法（...
2019-07-26 01:58:38
166
原创 js创建数组
JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：var arr4 ...
2019-07-25 00:31:55
851
原创 math&date
Math对象不用new 用的时候直接Math+属性名 就行例子：Math.random();//生成0到1的随机数 可以等于0不能等于1Math的7个常用方法Math.random(),Math.round()//四舍五入,Math.max()//找寻max中传入的最大值，Math.min()//找寻min中的最小值Math.abs()//取绝对值 ，Math.floor()向下取整,M...
2019-07-24 00:25:55
74
原创 JavaScript实现创建自定义对象的常用方式
. 对象字面量方式对象字面量方式是创建自定义对象的首选模式，简单方便。var per = {name:‘zhangsan’,age:25,job:‘html’,sayName:function(){alert(this.name);}}缺点：使用同一个接口创建很多对象，会产生大量的重复代码。比如我想再创建一个per1对象，我就得把上面的代码再重新写一遍，改变不同的属性值。2、...
2019-07-23 03:01:32
60
原创 预解析
1，变量提升：把变量的声明提到作业域的最上面，不包括变量的赋值。2，函数提升：把函数的声明提到作用域的最上面，不包括函数的调用。//函数和变量都发生预解析时，函数优先。eg1:var a = 25;function abc(){alert(a);var a = 10;}abc();结果：undafinedeg2:console.log(a);function a() {...
2019-07-22 01:33:20
89
原创 冒泡排序
冒泡排序欢迎使用Markdown编辑器冒泡排序对n个数进行冒泡排序的思路是：如果要对n个数据排序，就需要进行n-1轮的比较，每次都对相邻两个数进行比较，将较大的数交换到后一个元素中。每1轮的比较都找出未排好的数据中的最大数放在这几个数的后面。例如，第1轮需要比较n-1次，在n个数中找出最大数放在数组的最后1个元素中；第2轮将对剩下的前n-1个数进行比较，需要比较(n-1)-1次，将前n...
2019-07-20 01:21:14
548
原创 循环语句
while循环语句当循环条件为true时，执行循环体，/当循环条件为false时，结束循环。while (循环条件) {循环体}// while (true){console.log(好帅)}do while循环语句我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，...
2019-07-18 01:27:28
110
原创 居中对齐
一、如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如：代码片段：div {height:25px;line-height:25px;overflow:hidden;}这段代码很简单，后面使用overflow:hidden的设置是为了防止内容超出容器或者产生自动换行，这样就达不到垂直居中效果了。...
2019-07-11 00:09:32
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人