- 博客(14)
- 收藏
- 关注
原创 AJAX
一 、AJAX 是什么?AJAX = Asynchronous JavaScript and XML。它是一种用于创建快速动态网页的技术。AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面。AJAX依靠远程的API接口请求后台数据。二 、AJ...
2019-02-25 23:30:37 114
原创 jquery封装的固定动画
//show() hide() 显示、隐藏 $("#btn").click(function(){ $(".block").hide(1000,function(){ //参数(动画事件,动画完成后的回调函数) console.log(1); }) }); $("#btn").click(function...
2019-02-25 23:06:21 193
原创 jquery中的事件、手机触屏事件
一、JQ中可进行链式操作,结构层(HTML和css样式) 行为层(代码)分离。$("#btn1").click(function(){ console.log(1); }).mouseenter(function(){ console.log(2); }).mouseleave(function(){ console.log(3...
2019-02-25 23:04:41 3100
原创 jQuery中的dom元素操作
/*操作元素的属性 attr prop*/ //1.获取或设置元素的属性值 attr console.log($("input[type=button]").attr("value")); //attr(“”)一个值时为获取 $("input[type=button]").attr("value","Web前端"); //att...
2019-02-21 21:03:56 358
原创 jQuery中的选择器
/*1.基本选择器*/ $("#sel").css("color","red"); $("#sel").css({ fontWeight:"blod", fontSize:"20px", }); console.log($("#sel")); //id选择器 console.log($(&qu
2019-02-21 21:01:38 102
原创 js数据格式、js中内置的对象windows窗口大小的获取、日期的获取
一、js数据格式(指后台给前台返回的数据)xml:树形结构文档(配置文件)。json:Java给前端返回的数据类型大多是json类型。json的数据类型为数组型+对象型。枚举对象的使用(对象.属性)单个json:数组型(使用类似枚举对象)多个json(集合):数组型+对象型注:如何将对象型转化为string类型(后台返回的是字符串类型的json,要转换为...
2019-02-20 20:13:24 366
原创 dom元素的操作
一、dom元素的操作1.dom元素的获取2.动态创建dom元素3.动态设置元素的属性①给元素对象设置元素的自定义属性(对象.setAttribute("自定义属性","自定义属性的值"))②自定义属性的获取(对象.getAttribute("自定义属性"))③内置属性的操作注:js如何获取其他样式④操作属性3.dom元素的追加docume...
2019-02-20 20:05:25 750
原创 html5标签、css3样式、css3选择器
壹、html5标签html5标签是相对于html4标签进行了一些升级,废除掉了一些旧标签,生成了一些新标签,其在手机上的适应性最强。html5和html5区别:语义化更明确。html5新元素一、canvas:画布,想当于画板, 一般用js来绘制API。使用它一般做一些统计图折线图、 数据访问表格。二、新的多媒体元素1.video:视频播放器注:autopaly自动播...
2019-02-20 19:59:08 493
原创 canvas
1.创建canvas<canvas id="can"></canvas>2.要在canvas元素上面绘制图象,首先必须获取canvas环境上下文:var content=can.getContext("2d"); //转换为2d模式一、绘制线条canvas2d.lineWidth=10; //线宽canvas2d.strokeStyle="...
2019-02-18 23:09:38 151
原创 HTML5中的离线存储、案例(类似留言板)
1.localstorage(硬盘存储)2.sessionstorage(客户端存储)window.localStoragewindow.sessionStoragesessionStorage //存储是存在浏览器上的window.sessionStorage.setItem(); //用来存储的方法window.sessionStorage.getItem(); //获取...
2019-02-18 21:27:05 503
原创 js的几种模式
一、工厂模式(调用函数,返回对象)function stu(){ var s=new Object(); s.name="张三"; return s; //返回对象}stu(); //调用函数二、构造函数模式(类似继承,可以进行原型链)function student(){ this.name=""; this.sex=nul...
2019-02-17 23:05:17 302
原创 js中的几种继承
注://定义一个父类function Animal(){ /*动物类有什么特征和行为*/ this.name=null; this.age=null; this.sex=null; this.sleep=function(){ return this.name+"在睡觉"; }}//原型链追加(继承) 给原型方法里面追加属...
2019-02-17 20:59:25 156
原创 计时器的三种写法、防抖和节流
一、setTimeout延迟一段时间执行,执行一次可利用函数的递归来实现循环二、setInterval延迟一段时间执行,循环执行注:使计时器停止三、HTML5中常用的计时器,不能设置时间,根据电脑帧率为时间,1000/60 16.6667ms类似setTimeout,都是一次计时,可利用函数的递归来实现循环兼容性写法...
2019-02-17 20:23:43 2009
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人