- 博客(44)
- 收藏
- 关注
RSS订阅原创 ES6解析promise
文章目录Promise是什么一、作用二、基本使用1.promise的创建2.Promise的状态和语法总结Promise是什么Promise 是异步编程的一种解决方案： 从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态：pending(等待态)，fulfiled(成功态)，rejected(失败态)；状态一旦改变，就不会再变。创造promise实例后，它会立即执行。一、作用主要用于异步计算，可
2020-12-19 16:06:44
386
原创 解析Ajax以及步骤实现
Ajax实现步骤和原理什么是 AJAX：实现过程：原因分析：解决方案：什么是 AJAX：AJAX是什么呢：它是一门技术，一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。常用于开心网，微博等等实现过程：//首先需要 创建XMLHttpRequest对象,也就是创建一个异步调用对象.var xhr = new XMLHttpRequest();//发送Http请求xmlHttp.open("GET","test.php",true);//第一个参数定义发送请求所使用的方法//第
2020-12-09 20:09:10
455
原创 程序员面试中的灵魂提问
提问集合一、哪个语言更好二、对自己的职业规划三、如何看待加班四、薪资如何最后一、哪个语言更好在众多语言中如（C C# JAVA PHP等等），千万不要直接去评价一个语言的好坏，要说出自己所学的语言的长处以及方向。C ++C++为业的工作通常需要开发面向性能密集型任务的桌面应用程序。掌握C++可以更深入地了解编程语言，帮助获得低级内存处理方面的技能。Python作为如今人工智能、机器学习、大数据和机器人等一些最有前途的技术背后的主要语言C#它专为在微软平台上开发应用程序而
2020-11-28 15:30:13
466
1
原创 解析鼠标事件
鼠标事件鼠标事件是 Web 开发中最常用的事件类型文章目录鼠标事件一、如何触发鼠标事件二、使用步骤1.添加事件2.事件顺序总结一、如何触发鼠标事件向 HTML 元素分配事件，您能够使用事件属性<button id="btn">haha</button><script>var btn = document.getElementById('btn')btn.(事件) = function(){}</script>二、使用步骤1.添加事
2020-11-09 19:34:02
346
原创 12306表单验证
表单验证的由来表单验证主要是用来判断用户输入的信息是否和注册时的信息是否一致或者是对信息产生合法的校验文章目录表单验证的由来表单验证的事件一、JavaScript 表单验证二、常用的几种表单验证方法1.长度限制2.只能是英文字母和数字3.两次输入密码是否相同4.表单项不能为空5.邮箱验证6.手机号验证三、一个简单的表单案例结尾表单验证的事件1.onfocus（焦点聚焦事件）、onblur（焦点离开事件）、onkeyup（按键抬起的事件）2.利用事件触发函数，函数中执行校验的信息。3.利用c
2020-10-31 11:04:05
500
原创 超详细拥有遮罩层的登录页面
首先实现遮罩层的思路是在外层设置一个透明的盒子，设置宽高，定位 背静颜色设置透明，然后在里面放另外一个盒子其次实现拖拽的方法：1、一定要绝对定位，脱离文档流才可以移动。2、绑定拖拽的元素，移动和鼠标松开后是对document的绑定，因为移动的是整个div。3、点击：a= 获取当前鼠标坐标、b =div距浏览器距离、c = 鼠标在div内部距离=a-b。移动：通过 a - c 建立鼠标与div的关系，防止鼠标超出div。下面来附上完整的代码<!DOCTYPE html><.
2020-10-22 18:48:39
643
原创 JS字符串常用方法总结
详解字符串方法及实例1tostring作用用法创建一个表格一个简单的表格是这么创建的：项目Value电脑$1600手机$12导管$1SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：TYPEASCIIHTMLSingle backticks'Isn't this fun?'‘Isn’t this fun?’Quotes"Isn't this fun?"“Isn’t this fun
2020-10-13 20:26:14
130
原创 jQuery动画--显隐动画及其特效
一.动画的显隐显隐动画show():显示 hide():隐藏原理：hide()通过改变元素的高度宽度和不透明度，直到这三个属性值到0 将匹配元素集合的内联style属性设置为display:noneshow()从上到下增加元素的高度，从左到右增加元素宽度，从0到1增加透明度，直至内容完全可见参数：show([duration] , [easing] , [callback])1) 参数 <duration> 表示一个字符串或者数字，决定动画将运行多久2) 参数
2020-05-25 00:31:58
482
原创 jQuery动画
一、创建节点1.创建元素语法：document.createElement(name);var div = document.createElement("div"); document.body.appendChild(div);$(html)：根据传递的标记字符串，创建DOM对象2.创建文本var div = document.createElement("div");var txt = document.createTextNode("DOM");div.appendChil
2020-05-25 00:09:17
160
原创 jquery选择器--基本，层次选择器
一.基本选择器介绍：基本选择器是JQuery最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名来查找DOM元素（在网页中id只能使用一次，class允许重复使用）。所谓的网页中id只能使用一次的意思是说，一个网页中的id是不可以重复的，也就是具有唯一性。用法：1、#id用法: $("#myDiv"); 返回值 单个元素的组成的集合说明: 这个就是直接选择html中的id=“myDiv”2、Element用法: $(“div”) 返回值 集合元素说明
2020-05-19 17:14:45
269
原创 jQuery--简洁的JavaScript框架
介绍什么是 jQueryjQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架），封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。你可以通过以下来获取jQuery的相关资料官网：http://jquery.com/官网API文档：http://api.jquery.com/汉化API文档：http://
2020-05-18 01:06:46
379
原创 Bootstrap--响应式表单
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.static.runoob.com..
2020-05-10 21:21:49
526
1
原创 CSS3 Media Queries详解
在CSS中，有一个极其实用的功能：@media 响应式布局。具体来说，就是可以根据客户端的介质和屏幕大小，提供不同的样式表或者只展示样式表中的一部分。通过响应式布局，可以达到只使用单一文件提供多平台的兼容性，省去了诸如浏览器判断之类的代码。...
2020-05-06 00:52:05
276
原创 Bootstrap全局样式布局--栅格系统
简介Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大的mixin用于生成更具语义的布局。工作原理网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出...
2020-05-05 22:20:56
334
原创 bootstrap--CSS全局样式
一.标题样式（H1-H6） //内联标签实现样式注意：在任何标题中添加一个内联子标题，只需要简单的在元素两旁添加small标签即可列如：<span class="h1">XX</span>二.文本相关样式段落p标签默认：14px；行高：20px底部外边距：10px对齐方式.text-left.text-center.text-righ...
2020-05-05 00:49:50
206
原创 bootstrap的响应式布局
使用响应式布局是bootstrap的一种布局方式,常用于企业的官网、博客、新闻资讯类型网站，这些网站以浏览内容为主，没有复杂的交互。，主要依赖jquery的，所以使用时先装上jquery可参考网站：https://www.runoob.com/bootstrap/bootstrap-environment-setup.html 进行使用何为响应式通过检测设备信息，决定网页布局方式，即用户...
2020-05-04 01:13:43
786
原创 CSS3--字体@font-face
前言使用以前 CSS 的版本，网页设计师不得不使用用户计算机上已经安装的字体。而使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。CSS3 @font-face规则可以查阅网站https://www.runoob.com/css3/css3-fonts.html那么我就来讲一讲css 字...
2020-04-26 21:35:59
185
原创 CSS3属性--transform
定义和用法transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。属性值默认值：none继承性：no版本：CSS3JavaScript 语法：object.style.transform=“rotate(7deg)”有关transform的具体语法可以参考网站https://www...
2020-04-26 18:30:58
147
原创 弹性盒子的使用和详解
CSS3 弹性盒子(Flex Box)什么是弹性盒子弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。兼容性弹性盒模型规范是W3C标准化组织...
2020-04-19 21:03:12
1094
原创 有关IE6兼容问题与解决
何为兼容问题所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。问题一：浏览器的标签默认标签在不加样式控制的情况下，各自的margin 和padding差异较大解...
2020-04-19 11:21:49
276
原创 canvas介绍及简单使用
一、canvas简介什么是canvascanvas 是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。Canvas基本使用注意：部分浏览器较低的版本不支持canvas画布（尤其是IE9之前的IE浏览器）支持canvas的浏览器会只渲染canvas...
2020-04-13 11:46:21
1050
原创 ES6难点--箭头函数
首先让我们来看一道面试题下面关于箭头函数的说法正确的有（）A . 省略大括号后，仍然会自动returnB . 函数体只有一条语句时可以省大括号C . 函数体有多条语句时可以省大括号D . 函数体有多条语句会自动return正确答案 B解析：A：省略大括号后，箭头函数需要手动返回值；C：箭头函数的函数体为一条以上的语句时，不能省略大括号；D：箭头函数只有在函数体有一条语句且有...
2020-03-28 19:43:19
768
原创 ES6关键字 Let 与 Const
**在JavaScript中我们常用var关键字来声明变量，但是用var声明的变量会发生变量提升，即脚本开始运行时，变量已经存在了，将会输出undefined **然而在ES6中就行增加了两个重要的JavaScript 关键字: let 和 const。一. Letlet不会发生变量提升,这表示在声明它之前，变量是不存在的，这时如果用到它，就会抛出一个错误。{ let a = 0; ...
2020-03-24 17:36:21
144
原创 JS的异步加载以及对其时间线的理解
异步加载异步加载又叫非阻塞加载，浏览器在下载执行js的同时，还会继续进行后续页面的处理。主要有三种方式。第一种方法 Script DOM Element(function(){ var scriptEle = document.createElement("script"); scriptEle.type = "text/javasctipt"; scriptEl...
2020-03-10 22:25:04
110
原创 原型链的解析
一，函数对象 所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型） 所有函数拥有prototype属性（显式原型）（仅限函数） 原型对象：拥有prototype属性的对象，在定义函数时就被创建二，原型和原型链 Function.prototype.a = "a"; Obj...
2020-02-14 15:44:54
119
原创 js函数题
1.下面代码的输出是什么? function sayHi() { return (() => 0)(); } typeof sayHi();A: “object”B: “number”C: “function”D: “undefined”答案：BsayHi函数返回立即调用的函数（IIFE）的返回值。 该函数返回0，类型为数字。只有7种内置类型：null，und...
2020-02-13 17:01:45
595
原创 作用域链
function test1(){ var name = "one"; return function (){ console.log(name); }}test1()();每一段js代码（全局代码或函数）都有一个与之关联的作用域链（scope chain）这个作用域链是一个对象列表或者链表，这组对象定义了这段代码中“作用域中”的变量。当js需要查找变量x的值的时候...
2020-02-13 14:18:32
171
原创 牛客日志--面试题
新窗口打开网页，用到以下哪个值（）A. _selfB. _blankC. _topD. _parent这题的答案是 B思路：在html中通过a标签打开一个链接，通过 a标签的 target 属性规定在何处打开链接文档。值描述_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集...
2020-01-19 23:44:18
283
原创 有关JS的基础面试题
判断数据类型typeof返回的类型number string boolean undefined function object基本数据类型Undefined Null Boolean Number String值类型数值、布尔值、null、undefined引用类型对象、数组、函数声明函数作用提升,声明变量和声明函数的提升有什么区别?(1) 变量声明提...
2020-01-17 19:53:18
124
原创 JavaScript HTML DOM - 改变 HTML
概述HTML DOM 允许 JavaScript 改变 HTML 元素的内容。原生JS获取HTML DOM元素的8种方法通过ID获取（getElementById）document.getElementById('id');用法上下文必须是document。必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。通过name...
2020-01-04 13:36:19
122
原创 DOM——文档对象模型基础部分
概念文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM是一种基于树的API文档，它要求在处理过程中整...
2019-12-28 16:18:37
184
原创 JS作用域链
定义当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的用途是保证对执行环境(执行上下文)有权访问的所有变量和函数的有序访问。它有两个对象变量对象(VO):变量对象即包含变量的对象，变量对象我们无法访问，除此之外和普通对象没什么区别。变量对象存储了在上下文中定义的变量和函数声明活动对象（AO）：是在进入函数执行环境时刻被创建的，它通过函数的 arguments 属性初始化。...
2019-12-24 00:10:33
104
原创 预编译过程
介绍预编译又称为预处理，是做些代码文本的替换工作。是整个编译过程的最先做的工作。处理以# 开头的指令 , 比如拷贝 #include 包含的文件代码，#define 宏定义的替换 ， 条件编译等，就是为编译做的预备工作的阶段。主要处理#开始的预编译指令，预编译指令指示了在程序正式编译前就由编译器进行的操作，可以放在程序中的任何位置。C 编译系统在对程序进行通常的编译之前，首先进行预处理...
2019-12-21 11:18:23
544
原创 JavaScript 正则表达式
概念正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。什么是正则表达式？正则表达式是对字符串（包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”））操作的一种逻辑公式。正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式...
2019-12-18 11:34:42
834
原创 API
API定义API（Application Programming Interface，应用程序接口）函数是一些预先定义的函数。操作系统除了协调应用程序的执行、内存分配、系统资源管理外，同时也是一个很大的服务中心，调用这个服务中心的各种服务（每一种服务是一个函数），可以帮助应用程序达到开启视窗、描绘图形、使用周边设备的目的API的概述应用程序接口为：“‘电脑操作系统（Operating sys...
2019-12-14 11:08:23
194
原创 思维导图及软件介绍
概述思维导图（Mind Map）又称脑图、心智地图等，是表达发散性思维的有效图形思维工具，它简单却又很有效，是一种实用性的思维工具。作用思维导图运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接。思维导图充分运用左右脑的机能，利用记忆、阅读、思维的规律，协助人们在科学与艺术、逻辑与想象之间平衡发展，从而开启人类大脑的无限潜能。有效...
2019-12-09 23:41:30
555
原创 有关Javascript 定义一个函数，接收三个参数，并实现三个变量的排序输出的问题
第一种情况使用程序框提示输入三个数字<script> var a =prompt("请输入第一个数字"); var b =prompt("请输入第二个数字"); var c =prompt("请输入第三个数字"); function order(a,b,c){ var sum; var str; if(a > b){ sum ...
2019-12-08 18:01:20
2202
原创 JS 循环
学习循环一定要分清循环执行结构的执行步骤声明循环变量；判断循环条件;执行循环体操作；更新循环变量；然后循环执行2-4，直到条件不成立，跳出循环。while循环var num = 1;//1、声明循环变量 while (num<=10){//2、判断循环条件; document.write(num+"<br />");//3、执行...
2019-12-07 22:13:49
82
原创 javascript(运算符)
强制(显示)类型转换 parseInt() 转为number类型 只保留整数 如遇非数字则停止 返回停止之前的数 parseFloat() 转为number类型 保留小数 如遇非数字则停止 返回停止之前的数 number() 转为数字类型 如遇非数字则返回NaN tosing() 转为字符串类型 隐式类型转换== ...
2019-11-30 12:47:57
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人