- 博客(16)
- 收藏
- 关注
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人