2017年12月_CrazyMan666666

原创 vue生命周期的几种状态

vue的生命周期从出生到加载到销毁有一套完整的生命周期过程能够让我们进行在不同时期去写不同的代码去做不同的事情钩子函数就是不同的生命周期 vue给我们暴露出来的回调函数varvn=newVue({el:'.box',data:{msg:'呵呵'},beforeCreate:function() {alert("实例要创建了

2017-12-23 09:48:54 2838

原创 jQ获取异步请求的三种方式

1.JQ --->$.get()方式获取ajax)$.get("01.jQueryAjaxServer.php","name=liujing&pwd=123456", function (data) {console.log(data);console.log(data.name);},"json");2.JQ --->$.post()方式获取ajax$.post("01.jQ...

2017-12-23 09:44:58 1590

原创 js中ajax请求的两种方式

GET方式:var ajaxObj=new XMLHttpRequest();ajaxObj.open("GET","../php/ajaxSubmitData.php?data=tody is wind");ajaxObj.send()ajaxObj.onreadystatechange= function () {if(ajaxObj.readyState===4&

2017-12-23 09:38:09 8541

原创 javaScript中ajax请求步骤

1.构建异步请求对象:var ajaxObj=new XMLHttpRequest();2.打开连接传入url等参数:ajaxObj.open("GET","../php/03.ajaxObj.php");//第三个参数是否同步 false异步(默认) true同步3.发送数据:ajaxObj.send();4.注册事件:当请求被发送到服务

2017-12-23 09:34:23 401

原创 $http协议以及常用状态码

http（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上的Web应用。(是客户端向服务器发送请求)http请求三部分组成:请求行,请求头,请求主体http响应三个组成部分：状态行，响应头，响应主体1xx（临时

2017-12-22 22:01:04 261

原创懒加载常用的两种方式

技术实现:到可视区域再加载第一种引入 jquery.lazyload.js//谁使用谁启动懒加载//$("img.lazy").lazyload();$("img.lazy").lazyload({effect:"fadeIn"});//实际上只是把src换成data-original<img class="lazy"data-original="image/t

2017-12-22 21:42:08 1199

原创 (10)jQuery其他知识

链式编程链式编程原理：return this;通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 this。.end();// 结束当前链最近的一次过滤操作，并且返回匹配元素之前的状态。链式编程原理：varper={setName:function(name) {this.name=name

2017-12-22 21:05:42 274

原创 (08)jQuery事件绑定以及解绑

jquery 事件绑定的四种方式事件绑定 4种方式 1.click... 2.bind 1.7版本以后用on代替了 3.delegate 4.on1. $("li").click(function () {//常用,但是优缺点新创建出来的不会被绑定alert("我是一个点击");});3.父元素点delegate("子元素选择器","事件名称不

2017-12-22 21:03:11 1145

原创 (06)jq一些零零散散的获取

不传参是获取参考JS中的value属性不传入参数是获取val()是一个方法我们获取的是方法返回值也就是当前元素的value值$("#inp").val(); ( 不传参是获取获取输入的值 )获取当前元素的内部所有元素参考 JS中innerHTML属性注意:如果里面没有嵌套别的标签的话.html()和.text()获取的都是内容,没有任何区别!!!$("

2017-12-22 21:01:01 254

原创 (07)jQuery属性的操作

JQ中操作页面元素属性的方法 attr()一个参数传入属性名获取属性值传入2个参数添加指定属性$(".box").attr("id","box1");$(".box").attr("title","我是盒子");添加或修改执行属性的值$(".box").attr("class","box kk");移除属性根据属性名$(".box").

2017-12-22 20:59:41 304

原创 (05)jQuery节点的操作

jQuery创建节点的两种方式1.$("标签")2.html("标签") 参考js的innerHTML(1)var newLi=$("我是一个JQ的li");(2) $(".box").html("我是一个生成的p");//跟js的innerHTML对应$(".box").append(newLi)//拼接子节点在最后一个子元素后// newLi.ap

2017-12-22 20:58:09 240

原创 (09)jQuery动画

1.show显示2.hide隐藏3.slideDown划入 4. slideUp划出 5.slideToggle 如果元素本身是隐藏的就是滑入如果是不隐藏的则滑出6.fadeIn 淡入 7.fadeOut 淡出 8. fadeToggle 淡入淡出切换fadeToggle9.fadeTo切换到指定透明度 $("div").fadeTo(

2017-12-22 20:57:20 308

原创 (04)jQuery样式操作

jq的 css方法有三种使用并且最后设置的样式都是行内样式(1)传入一个值 css属性名获取单个属性的值$("div").css("border")(2)传入两个值 css属性名属性值设置样式一般用于单个样式设置$("div").css("border","1px solid red");且复杂推荐使用class)(3)传入一个json 一般用来设置多个简单样式

2017-12-22 20:55:56 226

原创 (03)JQ选择器

1.基本选择器: ID 类标签$("#dv").css("background-color","red");$(".box").css("background-color","yellow");$("div").css("background-color","pink");2.层级选择器子代(>) 后代(空格) 子子孙孙$("ul li")$("ul

2017-12-22 20:54:52 234

原创 (02)$理解以及js和jq相互转换

$的理解:$===jQuery (两个是一个东西)console.log(jQuery===$);console.log(jQuery("div"));JQ和js相互转换 (注意:不能混用):JQ-->JS 两种方式://第一种 [index]jqBox1[0]//第二种 .get(index)jqBox1.get(0)J

2017-12-22 20:53:10 245

原创 (01)javaScript和jQuery的入口方式区别

原生JS的入口函数只能写一个写多个就层叠覆盖window.onload= function () {alert("我是原生第一个入口函数");}window.onload= function () {alert("我是原生第二个入口函数");}jquery入口函数三种方式:jQ 的入口函数多个不会覆盖$(function () {//文档和图片都

2017-12-22 20:51:18 411

dadaDaShiXiong的博客