- 博客(22)
- 收藏
- 关注
原创 promise
什么是promise?简单地说:Promise是异步编程的一种解决方案,从语法上讲,Promise是一个对象,可以获取异步操作的消息。从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。promise的作用(1)、避免回调地狱的问题;回调地狱:某个异步操作需要等待之前的异步操作完成以后,无论是回调还是函数,都会陷入不断的嵌套(2)、可以解决异步的问题promise三种状态pending :挂起(等待)状态,处于未决阶段;resolved : 已处理状态, 处于已决阶段 ;表示已经出现
2020-09-08 19:54:08
177
原创 ajax详解
ajax概述ajax实现步骤ajax状态码(xhr.readyState)ajax响应码(xhr.status)jQuery中的ajaxajax概述AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。它不是新的编程语言,而是一种技术,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。ajax实现步骤创建ajax对象;var xhr;if (window.XMLHttpRequest){// IE7+, Fir.
2020-08-18 19:30:49
313
原创 es5中新增的数组方法
1.forEach(callback[,object])方法:遍历数组。2.filter(callback[,object])方法:3.map(callback[,object])方法:4.some()方法:5.every()方法:6.reduce()方法:1.forEach(callback[,object])方法:遍历数组。它可以接收两个参数,第一个参数是回调函数,第二个参数是改变this指向的(可选参数)。第一个参数接收三个形参,分别是ele(数组的每一个元素),index(索引),self(数.
2020-08-13 20:21:29
204
原创 jQuery文档对象方法
增加查找删除替换增加1. append(content|fn)描述: 在每个匹配元素里面的末尾处插入参数内容。下面一段代码:<ul> <li>1</li> <li>2</li> <li >3</li></ul> 在第一个li的里面面添加一个元素; $("ul li:eq(0)").append("<li>5</li>");结果:2.appendTo(co.
2020-08-12 16:49:59
251
原创 jQuery入门(选择器)
jQuery是什么?jQuery语法jQuery选择器jQuery是什么?简单地说,jQuery是一个JavaScript函数库。一个轻量级的“写的少,做的多”的JavaScript库。它主要包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilitiesjQuery语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法: $(selector.
2020-07-30 18:59:36
199
原创 css3新属性(下篇)过渡、变换、动画
过渡动画变换transform-origin过渡语法: transition:transition-property transition-duration transition-timing-function transition-delay;他有四个取值,分别解释如下:transition-property :检索或设置对象中的参与过渡的属性。默认值为all。如果提供多个属性值,以逗号进行分隔。transition-duration :检索或设置对象过渡的持续时间。transi.
2020-07-28 18:58:45
249
原创 css3新的属性(上篇)背景、边框及选择器
这里写自定义目录标题新的选择器属性选择器伪类选择器伪元素选择器功能快捷键新的选择器属性选择器[属性名=“value”]:匹配对应的属性值的元素[属性名]:匹配对应的属性即可[属性名^=“value”]:匹配以value开头的元素[属性名*=“value”]:匹配包含value的元素[属性名$=“value”]:匹配以value结束的元素[属性名~=“value”]:匹配含有value,但是value得是独立的的元素[属性名|=“value”]:匹配仅为value或者value-开头的元素
2020-07-23 19:03:07
381
原创 canvas+js时钟
Document //时针function hours(hour,meiu) {c.save()c.beginPath();var rad=Math.PI2/12hour;var rad2=Math.PI2/12/60meiu; c.lineWidth = 8; c.lineCap = 'round'; c.rotate(rad+rad2) c.mov...
2020-07-21 15:03:25
130
原创 js之2048小游戏
这里写自定义目录标题我们首先来了解一下2048这个游戏的规则:它由一个4x4的小方格组成,在游戏一开始的时候会在随机位置随机生成一个2或者4;每点击一次开始就刷新一次游戏界面;通过键盘的上下左右四个方向键来控制数字的移动;当移动的时候判断相应的方向有无相同的数字或者0;若为相同的数字则叠加,将叠加的和作为分数计算进总分;若为0,则与其换位;当页面被铺满时,且每个数字都无法叠加,那么叛定为游戏结束,显示一个结束界面,界面内容有当前分数以及重新开始。 以上是游戏的基本流程,其中还要考虑到每个数
2020-07-15 18:45:15
280
原创 DOM继承树及基本操作
这里写自定义目录标题继承树继承树document.getElementById() IE8 id名字不区分大小写,直接可以和name同用var demo = document.getElementById(“demo”);console.log(demo) document.getElementsByTagName() //IE4支持 console.log(document.getElementsByTagName("*")) document.getElementsByClas
2020-07-13 19:40:29
439
原创 js之异步加载
这里写自定义目录标题欢迎使用Markdown编辑器欢迎使用Markdown编辑器1.创建document对象,开始解析文档,loading状态2.文档解析完成(DOM树绘制完成,但是外部资源可能还没有下载完成),interactive状态,触发DOMContentLoaded事件3.外部资源全部下载完成,状态为complete(loaded)1、创建document对象,开始解析web页面。创建HTMLHtmlElement对象,添加到document中。这个阶段document.readySta
2020-07-08 19:09:42
136
原创 js之预编译(大佬看了秒懂)
今天学习到了一些关于预编译的相关知识,在这里和大家分享一下,如有错误请指出!众所周知javascript是解释性语言,主要特点为解释一行执行一行。而在js运行时会进行三件事:语法分析:在代码执行前对代码进行通篇检查,以排除一些低级错误预编译:发生在代码执行的前一刻解释执行:顾名思义就是执行代码今天主要讲一下第二步:预编译。预编译也就是在代码执行的前一刻,会生成一个GO(Global Object)或者是AO(Active Object)对象。当然他们都有着自己的规则,首先我们来看AO规则。1
2020-07-06 19:26:52
173
原创 循环结构
1、while循环(1)循环结构while(条件语句) { 循环体 : 重复执行的代码 }条件语句可以是关系表达式、布尔类型的值、其他类型的值 (都会转换成布尔类型)(2)结构解析判断条件是否成立, 如果成立, 执行循环体代码, 重复判断条件是否成立;如果不成立, 跳出循环, 执行大括号之后的代码。 var num = 0; while(num < ...
2020-01-04 10:57:10
1404
原创 几种分支结构
目录分支结构ifif elseif else-if elseswicth case分支结构if语法结构 :if (表达式) { 条件成立时执行的代码 }表达式可以是关系表达式、布尔类型的值、其他类型的值;var score = 0;if (score < 60) { console.log("不合格"); }//输出不合格var score = ...
2020-01-04 10:18:15
4568
原创 js中的数据类型转换
数据类型转换数据类型转换分为显示转换和隐式转换。显示转换显示转换是程序员手动去做转换;隐式转换是浏览器自己处理的。下面进行一一讲解:其他数据类型转换成字符串(string类型)(1) String(变量名或者数据):可以转换undefined 和null,在开发中的多。 var num = 66666; var str = String(num); console.log(nu...
2019-12-30 19:26:00
130
原创 JS小白入门必备
初学者看过来了,今天我们讲讲js最简单的东西。JS的引入方式 1. 行内式 : 写在标签内部的js代码 , 用得少 2. 外链式 : 使用script标签的src属性来引入外部的js文件 3. 内联式 : 写在script标签里面的js代码 这个和css的引入方式一样,就不多说了。基本的五句话在页面弹出一个提示框alert("hello worl...
2019-12-26 19:47:39
145
原创 全面剖析css定位
css中的5种定位一、定位定位的含义:所谓定位,实际上就是定义元素框相对于其正常位置,应该出现在哪儿,通俗地讲就是改变元素在页面上的默认位置。二、定位的分类定位主要分为五类,分别是:普通流定位、浮动定位、相对定位、绝对定位、固定定位。下面分别来讲一讲这几种定位。1、普通流定位也叫文档流,是页面元素默认的定位方式。块级元素从上到下排列(独占一行),行内元素从左到右排列(不独占一行)2、...
2019-12-14 16:41:16
137
原创 用纯css画一颗树
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> .div1{ width: 0px; height: 0px; border-top: 100px solid t...
2019-12-11 19:12:29
947
原创 HTML之表格的使用
HTML表格的使用平时难免会遇到网页上的表格,那么是怎么制作的呢?下面我就来详细讲解。一、创建表格1.定义表格2.创建行3.创建单元格基本结构如下:<table > <tr> <td></td> </tr></table>二、表格属性 1.table属性 border:边框 cellpa...
2019-12-09 13:00:49
156
原创 大佬都知道的东西
HTML基础标签一、文本标记加粗b 倾斜i 下划线u 删除线s 上标sup 下标sub换行 br(单标签)二、标题元素作用:以标题的形式来显示文本语法: h1~h6 从大到小的表现方式:自带换行效果自带加粗效果可以调整水平位置三、段落标签作用:在页面中表示一段独立的文本语法:p表现方式: 自带换行效果 每个段落里面的内容是不自带换行效果的四、...
2019-12-06 10:55:14
155
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人