- 博客(17)
- 收藏
- 关注
RSS订阅原创 jQuery第一天
关于jQuery的几个特征1. jq不需要遍历, 具有隐式迭代的特性2. 找节点非常简单粗暴3. 封装很多兼容性代码, 使用jquery可以暂且不用考虑兼容问题4. 实现动画非常简单5. 事件不会覆盖jQuery的加载函数 // jquery : 强大的common.js // console.log( $); //函数体 // console....
2020-01-16 23:15:15
78
原创 Js高级第二天
原型和原型链 function Person(name, age) { this.name = name; this.age = age; } Person.prototype.play = function () { console.log("吃鸡战场"); } var p1 = new Person(...
2020-01-14 22:41:35
84
原创 Js高级第一天
面向对象 （js模拟）面向对象特征：封装，继承，多态1.对象 instanceof 数据类型 返回布尔值2.创建对象三种方式回顾3.console.dir（对象） 查看其内部结构//说明：通过看其内部结构：在对象的__proto__中，有一个constructor构造器，指向其构造函数//结论：实例对象就是通过构造函数创建出来的//console.log(p1__proto__....
2020-01-13 21:44:25
98
原创 web api第六天
location对象location对象是window对象下的一个属性，时候的时候可以省略window对象location可以获取或者设置浏览器地址栏的URLlocation有哪些成员？使用chrome的控制台查看查MDNMDN成员assign()/reload()/replace()hash/host/hostname/search/href……偏移量offse...
2020-01-06 20:14:56
82
原创 web api第五天
事件冒泡在嵌套的容器中，通过绑定相同的事件，会从内往外冒泡触发事件捕获在嵌套的容器里，通过绑定相同的事件，从外向内触发addEventlistener的第三个参数的讲解：控制该事件的冒泡捕获行为阻止冒泡行为.stopPropagation()ie8内置阻止冒泡方法.cancebubble=true;老版火狐不支持1.javaScript:;2.阻止默认事件 event.prev...
2020-01-06 20:12:07
61
原创 web api第四天
给元素绑定事件1.dom.addElementlListener(时间类型,处理函数,false默认值)参数1：没有on的事件类型click，mouseover，mouseout，focus等等参数2：匿名的回调函数参数3：布尔值，默认false2.dom.attachEvent(有on事件类型,事件处理函数)//ie特有的参数绑定解绑dom.有on的事件类型=函数//绑定dom...
2019-12-30 20:15:35
77
原创 web api第三天
对象点语法说明：根据对象点语法的特征，进行设置和获取console.dir(对象) //可以输出该对象的内部结构找节点dom.parentNode //父节点dom.parentElement //父元素dom.childNodes //子节点dom.children //子元素节点的属性 目的可以知道该节点的类型、名字、值dom.nodeType //节点类型 返回1...
2019-12-29 21:23:07
69
原创 web api第二天
Js设置样式表达式 dom对象.style.属性名=样式属性关于类名设置类名dom对象.className="类名";//会覆盖之前设置的类名获取类名dom对象.className;获取元素节点深究doucument.getElementById("");//获取id名为""的节点doucument.getElemenstByClassName("");//获取所有类名为"...
2019-12-26 22:32:20
81
原创 web api第一天
关于DOM文档对象模型文档：一个网页可以称为文档节点：网页中的所有内容都是节点（标签、属性、文本、注释等）元素：网页中的标签属性：标签的属性获取页面元素根据id获取元素var div = document.getElementById('main');console.log(div);根据标签名获取元素var divs = document.getElement...
2019-12-25 21:06:21
82
原创 关于对象
什么是对象万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。JavaScript中的对象特征---属性行为---方法创建对象的三种方式1.调用系统的构造函数来创建对象var 变量名 = new Object();//Object就是系统的构造函数var obj = new Object();console.log(obj);//空对象obj.name = "...
2019-12-24 20:30:21
103
转载 90%的前端都会踩的坑，你中了吗？
1、父元素设置了border-radius，子元素应用了transform，并且父元素设置了overflow:hidden，但是却失效？// 给父元素设置 { position:relative; z-index:1;}2、设置input 文本框的 placeholder 的颜色input::-webkit-input-placeholder{ color:rg...
2019-12-23 21:06:24
90
原创 关于JS的几个内置对象的整理
1.Math对象Math对象不是构造函数，它具有数学常数和函数的属性和方法，都是以静态成员的方式提供跟数学相关的运算来找Math中的成员（求绝对值，取整）Math.PI // 圆周率Math.random() // 生成随机数Math.floor()/Math.ceil() // 向下取整/向上取整Math.round() // 取整，四舍五入Math.abs...
2019-12-22 18:53:25
173
转载 前端CSS布局——伸缩布局
1.Flex布局两个属性 ① display : inline-flex 将对象作为弹性伸缩盒展示,用于行内元素 ② display : flex将对象作为弹性伸缩盒展示,用于块级元素2.常用属性flex-direction : 用于指定Flex主轴的方向,继而决定Flex子项在Flex容器中的位置 取值 : row |row-reverse | column | column-...
2019-12-19 20:41:14
230
原创 简单数组与函数
数组// 创建一个空数组var arr1 = []; var arr1 = new Array();// 创建一个非空数组var arr2 = [1]; //当前数组里长度为1，有一个元素为1var arr1 = new Array(1);//当前数组长度为1，元素为undrfined//以上两个第一种为构造函数方法创建数组，第二种为通过字面量创建数组//第一种只有一个元素是是存入...
2019-12-18 18:10:46
98
原创 三种基础循环总结
while循环var i = 1;//给一个计时器 while (i<=10){//判断循环条件 document.write(i);//循环体 i++;//迭代条件}语法：while (循环条件) {//循环体}循环条件为true时进入循环，false退出循环按照js写一行执行一行，while是先判断在循环do-while循环...
2019-12-17 18:29:04
171
转载 前端开发网站推荐
1.MDN:Mozilla 开发者社区（MDN）是一个完整的学习平台，你可以在这里深入学习Web技术以及能够驱动Web的软件2.CSS Tricks：一个国外的优秀前端开发博客，主要分享使用CSS样式的技巧、经验和教程等。值得前端开发者阅读收藏的国外网站。3.node中文网:http://cnodejs.org/getstart4.JavaScript教程网：https://zh.javas...
2019-12-16 19:54:13
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人