摘要：
一,$.ajax({})的用法 常用 url:"http://...",接口链接 type:"post",请求类型 data:{ 传入参数 type: 'boutique', pageNum: '1', } contentType: "application/json",规定内容格式 请求成功的回调 阅读全文
posted @ 2020-08-04 16:47
帅气如我66
阅读(28)
评论(0)
推荐(0)
摘要：
一, 请求服务器的步骤 第一步 创建xmlhttp实例 //readyState=0 var xhr=new XMLHttpRequest() 第二步 写入地址和接口地址 //readyState=1 xhr.open("GET","http://yapi.shangyuninfo.com/mock 阅读全文
posted @ 2020-08-04 16:45
帅气如我66
阅读(27)
评论(0)
推荐(0)
摘要：
一,jquery的一系列盒子边距属性 1,width()/height() 只是默认的宽度,设置多少就是多少 $('.box').width() 2,innerWidth()/innerHeight() 到内部宽度,width+padding $('.box').innerWidth() 3,out 阅读全文
posted @ 2020-08-04 16:43
帅气如我66
阅读(79)
评论(0)
推荐(0)
摘要：
一,增加,接触绑定事件 (1) 、addClass() 向被选元素添加一个或多个类 $("h1,p").addClass("blue"); $("div").addClass("important"); (2) 、removeClass() 从被选元素删除一个或多个类 $("h1,h2,p").re 阅读全文
posted @ 2020-08-04 16:16
帅气如我66
阅读(99)
评论(0)
推荐(1)
摘要：
一,jquery是什么 1、jQuery是一个JavaScript函数库。(自己封装的库就太次了) 2、特点("写的少,做的多") 3、jQuery库包含以下功能：HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和HTML DOM 遍历和修改。 二 阅读全文
posted @ 2020-08-04 16:15
帅气如我66
阅读(89)
评论(0)
推荐(1)
摘要：
一,轮播图 轮播图完整代码： <!-- 轮播图最外层的大盒子 在这里传入参数 --> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol cla 阅读全文
posted @ 2020-08-04 16:12
帅气如我66
阅读(128)
评论(0)
推荐(0)
摘要：
一,下拉菜单 下拉菜单由两部分组成,一个是下拉菜单的按钮,一个是隐藏的下拉菜单这里两部分都要写进一个div盒子中,该div要有类名.dropdown,这个类名是position:relative;的作用， 下拉菜单按钮则必须有类名.dropdown-toggle，其他样式需要额外添加 下拉菜单则必须 阅读全文
posted @ 2020-08-04 16:10
帅气如我66
阅读(135)
评论(0)
推荐(0)
摘要：
一,bootstrap是个啥 是个框架,可以通过添加对应的类名,来达到它封装好的样式的效果,当然里面不只css样式,常用的样式和功能,里面都有封装. 二,bootstrap最基本的几个类名的使用 (1),container和container-fluid container用作主要内容的外部盒子样式 阅读全文
posted @ 2020-08-04 16:08
帅气如我66
阅读(98)
评论(0)
推荐(0)
摘要：
写在前面:响应式布局是一兼容多,并非每个终端做特定的版本 一,viewport viewport是手机浏览器的的一个虚拟窗口,比手机屏幕大的多,因此手机可以通过滑动来访问不兼容手机端的电脑网页。 <meta name="viewport" content="width=device-width, i 阅读全文
posted @ 2020-08-04 16:07
帅气如我66
阅读(119)
评论(0)
推荐(0)
摘要：
一,transform四种简单动画: (1),旋转动画 /* 旋转,正值为顺时针 */ transform: rotate(100deg); /* 整个元素沿着中心点的x轴旋转 逆时针*/ transform: rotateX(30deg); /* 整个元素沿着中心点的Y轴旋转 逆时针 */ tra 阅读全文
posted @ 2020-08-04 16:06
帅气如我66
阅读(120)
评论(0)
推荐(0)
摘要：
一,CSS3渐变的分类 (1)线性渐变（Linear Gradients） 一个起点颜色一个终点颜色(必须至少两种颜色) 默认从上到下 #grad { background-image: linear-gradient(#e66465, #9198e5); } 从左到右 #grad { backgr 阅读全文
posted @ 2020-08-04 16:05
帅气如我66
阅读(423)
评论(0)
推荐(0)
摘要：
CSS3现状 1、浏览器支持程度差，需要添加私有前缀 -webkit- -moz- -ms- 2、移动端支持优于PC端 3、不断改进中 4、应用相对广泛 新增选择器 css3属性选择器 [attribute] [target] 选择所有带有target属性元素 2 [attribute=value] 阅读全文
posted @ 2020-08-04 16:04
帅气如我66
阅读(114)
评论(0)
推荐(0)
摘要：
一,navas 画布标签 <canvas width="600" height="400" id="mycanvas" ></canvas> 二,画图基本步骤 (一),首先创建画布，添加到页面(必要) (二),获取canvas 进行设置(必要) var c = document.getElement 阅读全文
posted @ 2020-08-04 16:02
帅气如我66
阅读(286)
评论(0)
推荐(0)
摘要：
一,新增的非表单元素 <!-- 新增1,canvas --> <canvas></canvas> <!-- 新增2,audio --> <audio src="./yinyue.mp3" controls></audio> <!-- 新增3,video --> <video src="./shipi 阅读全文
posted @ 2020-08-04 15:59
帅气如我66
阅读(230)
评论(0)
推荐(0)
摘要：
一,什么是正则 什么是正则表达式 正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定 阅读全文
posted @ 2020-08-04 15:57
帅气如我66
阅读(116)
评论(0)
推荐(0)
摘要：
一,js回收机制 哪几种情况会引起内存泄漏 1,函数闭包会导致变量泄露 2,定时器需要清除定时器,如果不清除,会引起内存泄漏 二,浏览器的重排和重绘 以及性能及优化 浏览器重排指的是html骨架发生变动 浏览器重绘指的是浏览器重新渲染,样式发生变化 如何优化 如果要改变样式,可以通过修改增加类名的方 阅读全文
posted @ 2020-08-04 15:55
帅气如我66
阅读(107)
评论(0)
推荐(0)
摘要：
一，函数的三种定义方式 1,函数声明 function fn(){ console.log('this is a function') } 2,函数表达式 var fn = function(){ 3,内置构造函数 var fn=new Function("name","age","alert(na 阅读全文
posted @ 2020-08-04 15:53
帅气如我66
阅读(164)
评论(0)
推荐(0)
摘要：
如何实现继承 利用原型实现继承 即我们可以改变一个构造函数的prototype指向，来完成继承。 构造函数来实现 下面中就利用了call或者apply来改变this指向的方式来实现() 对象/函数.call(this,参数) 对象/函数.apply(this,[参数]) 拷贝实现 function 阅读全文
posted @ 2020-08-04 15:51
帅气如我66
阅读(79)
评论(0)
推荐(0)
摘要：
阶段一：玩游戏的操作步骤 1. 点击游戏开始 2. 蛇出现 食物出现 3. 开始控制蛇头方向去撞击食物 4. 碰撞到食物，食物消失，蛇身拉长。如果撞墙，游戏结束。 5. 继续下一轮 场景搭建 放一个容器盛放游戏场景 div#map，设置样式 #map { width: 800px; height: 阅读全文
posted @ 2020-08-04 15:49
帅气如我66
阅读(148)
评论(0)
推荐(0)
摘要：
一，对象的定义 Everything is object （万物皆对象） 对象是单个事物的抽象。 对象是一个容器，封装了属性（property）和方法（method） ECMAScript-262 把对象定义为：无序属性的集合，其属性可以包含基本值、对象或者函数 二，什么是面向对象 面向对象不是新的 阅读全文
posted @ 2020-08-04 15:46
帅气如我66
阅读(110)
评论(0)
推荐(0)
摘要：
1、阻止默认事件 w3c的方法是e.preventDefault() IE则是使用e.returnValue = false; 2、获取浏览器的body的兼容性问题 var scrollTop = document.documentElement.scrollTop || document.body 阅读全文
posted @ 2020-08-04 15:44
帅气如我66
阅读(177)
评论(0)
推荐(0)
摘要：
1,client 获取元素内容到边框的距离，效果和边框宽度相同 clientX和clientY是属性值 element.style.left=element.clientX;鼠标水平属性值 element.style.top=element.clientY;鼠标垂直属性值 clientLeft:br 阅读全文
posted @ 2020-08-04 15:43
帅气如我66
阅读(163)
评论(0)
推荐(0)
摘要：
一,创建元素的三种方式 document.write() document.createElement() innerHTML() appendChild() 二,事件三要素 事件源 事件 事件执行程序 三,绑定解绑 绑定事件 addEventListener var son = document. 阅读全文
posted @ 2020-08-04 15:42
帅气如我66
阅读(131)
评论(0)
推荐(0)
摘要：
一,兼容性 1,冒泡 如何阻止冒泡（存在兼容性） e.stopPropagation(); 谷歌和火狐支持,IE不支持 window.event.cancelBubble=true; IE特有的,谷歌支持,火狐不支持 兼容性代码(封装进javascript函数中使用) event = event | 阅读全文
posted @ 2020-08-04 15:41
帅气如我66
阅读(148)
评论(0)
推荐(0)
摘要：
DOM 一，节点 HTML 文档中的所有内容都是节点： 整个文档是一个文档节点document，每个 HTML 元素是元素节点，HTML 元素内的文本是文本节点，每个 HTML 属性是属性节点，注释是注释节点 二,获取节点类型的三种方式 Nodetype Nodetype获取节点的类型 1 elem 阅读全文
posted @ 2020-08-04 15:40
帅气如我66
阅读(121)
评论(0)
推荐(0)
摘要：
一，对表单的禁用 document.getElementById("txt").disabled=true; 二，阻止a链接的跳转 return false 1,<!--第一种写法:--> <a href="http://www.baidu.com" onclick="alert('11'); re 阅读全文
posted @ 2020-08-04 15:38
帅气如我66
阅读(217)
评论(0)
推荐(0)
摘要：
一,web api API是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。 1, 任何开发语言都有自己的API 2, API的特征输入和输出(I/O) 3,API的使用方法(console.log()) 浏览器提供 阅读全文
posted @ 2020-08-04 15:36
帅气如我66
阅读(146)
评论(0)
推荐(0)
摘要：
内置对象 JavaScript中的对象分为4种：内置对象、浏览器对象、自定义对象、DOM对象。 1 Math的使用 Math.PI 圆周率 Math.random()生成随机数 Math.floor()Math.ceil() 向下取整/向上取整 Math.round() 取整，四舍五入 Math.a 阅读全文
posted @ 2020-08-04 15:35
帅气如我66
阅读(147)
评论(0)
推荐(0)
摘要：
一,arguments的使用 JavaScript中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有的实参。arguments是一个伪数组，因此也可以进行遍历。 二,函数的命名 阅读全文
posted @ 2020-08-04 15:33
帅气如我66
阅读(143)
评论(0)
推荐(0)
摘要：
1. 数组 通过数组字面量创建数组 var arr1 = []; 遍历数组 遍历：遍及所有，对数组的每一个元素都访问一次就叫遍历。 数组遍历的基本语法： for(var i = 0; i < arr.length; i++) { } 2. 函数 函数的定义 函数声明 function 函数名(){ 阅读全文
posted @ 2020-08-04 15:31
帅气如我66
阅读(93)
评论(0)
推荐(0)
摘要：
一,流程控制介绍 程序的三种基本结构 1,顺序结构 从上到下执行的代码就是顺序结构(程序默认就是由上到下顺序执行的) 2,分支结构 根据不同的情况，执行对应代码 3,循环结构 循环结构：重复做一件事情 二,分支结构 if语句 例: 第一种if (/* 条件表达式 */) { // 执行语句 } 第二 阅读全文
posted @ 2020-08-04 15:30
帅气如我66
阅读(114)
评论(0)
推荐(0)
摘要：
一,JavaScript文件三种引入方式 1,内嵌 常在body后面写入, 用<script>标签包着 2,外联 在body后面写 <script src="./js/index.js"></script> 3,行内式 直接在div标签里面写属性等于属性值onclick="alert(123)" 4 阅读全文
posted @ 2020-08-04 15:28
帅气如我66
阅读(101)
评论(0)
推荐(0)
摘要：
清除浮动本质 清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0的问题。 清除浮动的方法 1,给后面盒子加clear :both 2,在中间加个空div,再给空div加clear:both 3,给父级添加overflow:hidden 4,给父类加高度 5,.class:after{ .cle 阅读全文
posted @ 2020-08-04 15:24
帅气如我66
阅读(97)
评论(0)
推荐(0)
摘要：
一,内外边距 magrin 设置外边距 padding 设置内边距 四个值:上右下左原则 三个值:上,左右,下 两个值:上下;左右 外边距（margin） margin属性用于设置外边距。 设置外边距会在元素之间创建“空白”， 这段空白通常不能放置其他内容。 margin-top:上外边距 marg 阅读全文
posted @ 2020-08-04 15:23
帅气如我66
阅读(167)
评论(0)
推荐(0)
摘要：
一，链接伪类选择器 1. :link /* 未访问的链接 */ 2. :visited /* 已访问的链接 */ 3. :hover /* 鼠标移动到链接上 */ 4. :active /* 选定的链接 */ 例 <style> a:link{ color:red } </style>（未点击过得链 阅读全文
posted @ 2020-08-04 15:14
帅气如我66
阅读(102)
评论(0)
推荐(0)
摘要：
一，css的引入方式 3种，外部(外联式) 内部(内链式) 行内式 二，演示格式 外部式： <link rel="stylesheet" href="./css/01.css"> 内部式： <style> p{ background:pink; font-size:50px; color:green 阅读全文
posted @ 2020-08-04 15:11
帅气如我66
阅读(148)
评论(0)
推荐(0)
摘要：
（div可以嵌套span ，div嵌套什么都行，但是很多标签无法嵌套div比如<span> <p>） 一，表格 表格格式： <table>表格框架 <tr>一行 <td>一个单元格</td> ... </tr> ... </table> 非必要标签： 1，<caption>表格的标题标签，必须位于< 阅读全文
posted @ 2020-08-04 15:07
帅气如我66
阅读(107)
评论(0)
推荐(0)
摘要：
一，五大浏览器及内核 Trident(IE内核) Gecko(火狐内核) webkit(苹果内核) Blink(chome内核) Blink(opera) 二，web标准 1，结构(html) 2，表现(css) 3，行为(javasrcipt) 三，声明文档类型 <!DOCTYPE html> 四 阅读全文
posted @ 2020-08-04 15:05
帅气如我66
阅读(73)
评论(0)
推荐(0)
浙公网安备 33010602011771号