05 2020 档案

js面向对象实现Tab切换
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-05-28 16:23 YH丶浩 阅读(375) 评论(0) 推荐(0)
js中的面向对象基础1
摘要：什么是对象 对象是一个整体，对外提供一些操作 什么是面向对象 使用对象时，只关注对象提供的功能，不关注其内部细节 面向对象是一种通用思想，并非只有编程中能用，任何事情都可以用 对象命名规范 类名首字母大写 面向对象编程（OOP）的特点 抽象：抓住核心问题 封装：不考虑内部实现，只考虑功能使用 继承： 阅读全文
posted @ 2020-05-19 17:15 YH丶浩 阅读(123) 评论(0) 推荐(0)
js正则表达式
摘要：最简单的的正则 var re = new RegExp('a');//JS风格 //var re = /a/;//per风格 var st = 'abcd'; console.log(st.search(re));//0 大小写 var re = new RegExp('a','i');//JS风格 阅读全文
posted @ 2020-05-19 12:43 YH丶浩 阅读(191) 评论(0) 推荐(0)
Ajax的基础使用
摘要：function ajax(url,fnSucc,fnFaild) { //ajax的兼容性 if (window.XMLHttpRequest) { //创建Ajax对象 var oAjax = new XMLHttpRequest(); } else { //ie6 var oAjax = ne 阅读全文
posted @ 2020-05-18 14:38 YH丶浩 阅读(109) 评论(0) 推荐(0)
JS完美运动框架
摘要：多个值同时变化 setStyle同时设置多个属性 参数传递 json的使用 for in遍历属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d 阅读全文
posted @ 2020-05-15 14:52 YH丶浩 阅读(207) 评论(0) 推荐(0)
JS实现链式运动
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-05-15 14:15 YH丶浩 阅读(170) 评论(0) 推荐(0)
js实现多物体运动框架
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-05-15 11:16 YH丶浩 阅读(142) 评论(0) 推荐(0)
js实现多物体运动
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-05-15 11:00 YH丶浩 阅读(176) 评论(0) 推荐(0)
JS运动应用
摘要：恢复内容开始 多种物体同时运动： 例子：多个Div,鼠标移入变宽单定时器，存在问题 每个Div一个定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid 阅读全文
posted @ 2020-05-15 10:31 YH丶浩 阅读(114) 评论(0) 推荐(0)
JS运动基础
摘要：让Div运动起来 运动中的bug： 1.不会停止 2.速度取某些值会无法停止 3.到达位置后在点击还会运动 4.重复点击速度加快 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" 阅读全文
posted @ 2020-05-13 16:25 YH丶浩 阅读(119) 评论(0) 推荐(0)
DOM的高级应用
摘要：表格应用-1 获取 tBodies tHead tFoot rows cells <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi 阅读全文
posted @ 2020-05-13 11:35 YH丶浩 阅读(148) 评论(0) 推荐(0)
jsDOM操作应用
摘要：创建DOM元素 createElement（标签名） 创建一个节点 appendChild（节点） 追加一个节点 末尾 例子：为ul插入li <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view 阅读全文
posted @ 2020-05-12 14:23 YH丶浩 阅读(193) 评论(0) 推荐(0)
js中的DOM基础
摘要：DOM基础： DOM节点： childNodes 注：在IE6-8下是两个节点 nodeType 节点的类型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w 阅读全文
posted @ 2020-05-12 11:27 YH丶浩 阅读(177) 评论(0) 推荐(0)
js实现向左向右无缝轮动
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-05-11 15:25 YH丶浩 阅读(378) 评论(0) 推荐(0)
JavaScript定时器的使用
摘要：定时器的作用： 开启定时器： setInterval 间隔型 setTimeout 延时型 两种定时器的区别 <script> function show(){ console.log(1) } setInterval(show,1000)//会无限的执行 </script> <script> fu 阅读全文
posted @ 2020-05-11 11:48 YH丶浩 阅读(449) 评论(0) 推荐(0)
JavaScript基础2
摘要：函数返回值 什么是函数的返回值 1.函数的执行结果 function show(){ return 12;//12就是函数返回值 } var a = show() console.log(a) //12 2.可以没有return返回的是undefined function show(){ //函数返 阅读全文
posted @ 2020-05-09 11:55 YH丶浩 阅读(91) 评论(0) 推荐(0)
javascript的基础
摘要：js的组成 ECMAScript：解释器（翻译） DOM：Document Object Model （操作HTML的能力） BOM：Browser(l浏览器) Object Model 变量类型 类型：typeof运算符 用法、返回值 常见类型：number、string、boolean、unde 阅读全文
posted @ 2020-05-08 15:19 YH丶浩 阅读(229) 评论(0) 推荐(0)