- 博客(28)
- 收藏
- 关注
RSS订阅原创 ES6 Promise
1.什么是Promise?promise,是一个容器,里面保存异步操作的结果promise是一个对象,可以获取异步操作的最终状态(成功或失败)promise是一个构造函数,对外提供统一的API,自己身上有all,reject,resolve等方法,原型上有then,catch等方法Promise的两个特点Promise对象的状态不受外界影响1）pending 初始状态2）fulfilled 成功状态3）rejected 失败状态Promise 有以上三种状态，只有异步操作的结果可以决定当前
2022-01-03 22:08:43
144
原创 初学ES6
ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版ES6 的出现主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念目前存在少数低版本浏览器的 JavaScript 是 ES5 版本，大多数的浏览器已经支持 ES6ES6提供了大量的语法糖，让你写代码的时候简直不要太爽！你必须要知道的是：现在各企业都普遍使用，不会ES6意味着你很难找到工作，上班了你连别人的代码都看不懂1. let 与 const：le.
2022-01-03 21:52:42
127
原创 GET与POST的区别，面试必问
Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。1.url可见性：get，参数url可见post，url参数不可见get把请求的数据放在url上，即HTTP协议头上，其格式为：以?分割URL和传输数据，参数之间以&相连；post把数据放在HTTP的包体内（requrest body）2.传输数据的大小：get一般传输数据大小不超过2k-4kpost请求传输数据的大小根据php.ini 配置文件设定，也可以无限大get提交的数据最
2021-12-26 20:06:01
534
原创 走过路过不要错过，GET与POST区别的详解
GET和POST两种基本请求方法的区别GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”：GET在浏览器回退时是无害的，而POST会再次提交请求。GET
2021-12-26 20:00:08
106
原创 三次握手与四次挥手的详解
1. 三次握手三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包。进行三次握手的主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备。实质上其实就是连接服务器指定端口，建立TCP连接，并同步连接双方的序列号和确认号，交换TCP窗口大小信息。刚开始客户端处于 Closed 的状态，服务端处于 Listen 状态。进行三次握手：第一次握手：客户端给服务端发一个 SYN 报文，并指明客户端的
2021-12-25 16:56:05
318
原创 关于IDEA的less文件如何转CSS问题
IDEA中配置less自动编译先大概了解一下流程，对配置有个整体的把握。安装node.js安装lessIDEA中安装Node.js插件IDEA中添加less组件IDEA中安装FileWatchers插件配置File Watchers1.安装node.js直接去官网下载node.js，然后傻瓜式安装。要验证是否安装成功，直接在cmd命令行中输入如下命令：出现安装版本信息即为安装成功,我这里是已经安装成功了。2.安装less在命令行输入命令安装less: npm instal
2021-12-19 19:51:47
962
2
原创 canvas飞机大战
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> canvas{ position: absolute; left: 0; right: 0; top.
2021-12-05 22:05:00
724
原创 用canvas画一个五星红旗
<!DOCTYPE html><html lang="utf-8"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><head> <title>五星红旗</title></head><body onload="draw()"><canvas id="myCanvus" width="300px" h
2021-12-05 21:57:08
1178
原创 jquery与js的区别是什么？js与jquery的用法区别介绍
我们来简单看一下jquery与js的概念。js是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多地动态功能，表现出更加丰富的视觉效果。jquery是一个快速、简洁的JavaScript框架，极大的简化了javascript编程。看完了对jquery与js的介绍，我们就来继续看js与jquery的用法区别。1、jquery与js最直观的区别就是外观上jQuery对象比js对象多了"$()"。2、jquery与js操作内容的区别非表单元素（如果是文本就用text方法，如果是h
2021-12-05 21:45:08
327
原创 什么是JS防抖与节流？
先给大家说一下，防抖与节流的两个概念。1、防抖(debounce)：触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间举例：就好像在百度搜索时，每次输入之后都有联想词弹出，这个控制联想词的方法就不可能是输入框内容一改变就触发的，他一定是当你结束输入一段时间之后才会触发。节流(thorttle)：高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率举例：预定一个函数只有在大于等于执行周期时才执行，周期内调用不执行。就好像你在淘宝抢购某一件限量热
2021-11-28 21:43:43
609
原创 JS中call、apply、bind的区别
call()、apply()、bind()这三个方法都是改变this的指向。先说一下这三种有什么区别call(this的值，参数1,参数2)；apply(this的值，[参数1,参数2])；bind不会调用指定函数，它会把一个函数作为一个返回值返回出来，它不是一个立即执行函数。call和apply的传参方式不一样。apply把需要传递给函数的参数放到一个数组（或者类数组）中传递进去，虽然写的是一个数组，但是也相当于给函数一个个的传递。举个例子：fn.call(obj, 1, 2);fn.ap
2021-11-24 19:48:12
638
原创 js(=＞) 箭头函数
Arrow Function（箭头函数)这个方法是在ES6标准新增了一种新的函数；给大家简单的举个例子：x => x * x上面这段代码实际上等同于：function (x) { return x * x;}这样一看，大家好理解了吧。但是我要说的是，接下来的才是重点！箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return
2021-11-22 22:30:51
126
原创 关于JS的回调函数问题
JS的回调函数函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数中被创建，能从函数中返回;回调函数一个函数被作为参数传递给另一个函数（在这里我们把另一个函数叫做“otherFunction”），回调函数在otherFunction中被调用。回调函数是怎样运作的因为函数在Javascript中是第一类对象，我们像对待对象一样对待函数，因此我们能像传递变量一样传递函数，在函数中返回函数，在其他函数中使用函数。当我们将一个回调函数作为参数传递给另一个函数是，我们仅仅传递了函数定义
2021-11-21 23:15:22
4146
原创 最详细的 JS 原型与原型链详解（也许是的吧）
一. 普通对象与函数对象JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明：var o1 = {}; var o2 =new Object();var o3 = new f1();function f1(){}; var f2 = function(){};var f3 = new Function('str','console.log(str)');console.log(typeo
2021-11-21 22:57:35
157
原创 三位水仙花数JS篇
水仙花数是指：一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身。例如：1^3 + 5^3+ 3^3 = 153。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body><script type="text/ja
2021-10-29 08:52:44
334
原创 利用JS输出一个5*5表格
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>js 输出5*5表格</title> <script type="text/javascript"> //用弹框内容自己控制表格的长宽和边框 var w = prompt("请输入表格的宽度"); var h = prompt("请输
2021-10-29 08:46:38
1674
2
原创 清除浮动的几种方法
清除浮动所谓清除浮动其实就是清除在子元素浮动，父元素没有设置高度的情况下会引起父元素高度为0的影响。额外标签法: <p style="clear:both;"></p>缺点是每清除一个浮动要加一个标签，很麻烦，而且会产生多余的空标签，不注意时会影响到布局直接给父元素加 overflow：hidden；tps:万能老司机清除浮动，（其实就触发BFC），缺点是overflow作用在很多地方，会影响其他布局，使用的时候要注意，不建议使用。BFC:全称 Block
2021-10-24 20:36:00
2587
原创 基于html加css做一个静态网页作业
模仿QQ会员官网先上图：新手写的不太好，二级子菜单啥的都有，拿去交作业应该可以。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>VIP</title> <link rel="stylesheet" href="../css/QQVIP.css"> <style type="text/css"
2021-10-24 20:25:58
9889
13
原创 关于display: flex；布局
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。它即可以应用于容器中，也可以应用于行内元素。(以上说明结合微信开发者工具说明)2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。基本概念采用Flex布局的元素，称为Flex容器（flex con
2021-10-18 00:09:26
126
原创 利用css做一个立体的骰子模型
利用css做一个立体的骰子模型今天是学前端的第3个星期，一般我们用css写的东西都是平面的或者说，给我们的感觉是2D的，那我们今天来做一个3D的骰子模型。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS(3D骰子)</title> <style> *{ pad
2021-10-17 22:13:18
766
原创 前端小白对DIV的一些理解
前段刚刚入门，我说一下我作为一个小白来说一下对DIV的理解。DIV是一个很重要的标签，网页的制作是离不开DIV的，DIV可以包裹不同的元素，为不同的元素设计不同的样式。我通常一个DIV理解成一个盒子，在DIV里面嵌套不同的DIV就是在盒子里面放不同的盒子，一层套一层，我把它理解成金字塔的俯视图一样。DIV是一个块级元素，它包含的元素会自动换行。例如：<!DOCTYPE html><html lang="en"><head> <meta char
2021-10-10 22:42:52
1336
原创 Day06
For循环的增强package struct;public class ForDemo05 { public static void main(String[] args) { int [] numbers = {10,20,30,40,50};//定义一个数组 for(int i = 0; i<5;i++ ){ System.out.println(numbers[i]); } System.out
2021-01-28 17:32:41
61
原创 Day05
if选择结构package struct;import java.util.Scanner;public class ifDemo01 { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); System.out.println("请输入内容"); String s = scanner.nextLine(); //e
2021-01-26 16:44:00
49
原创 Day04
operatorpackage operator;public class Dome01 { public static void main(String[] args) { // 二元运算符 //ctrl+D :复制当前行到下一行 int a = 10; int b = 20; int c = 20; int d = 25; System.out.println(a+b);
2021-01-25 17:25:38
44
原创 Day03
类型转换public class Demo3 { public static void main(String[] args) { int i = 128; double b =i; //内存溢出 //强制转换 （类型）变量名 高--低 //自动转换 低--高 //低-------------------------→高 //byte,short,char,→ int → long
2021-01-22 16:38:11
49
原创 一些比较实用的书籍推荐
一些比较实用的书籍整理Java基础：推荐书籍《大话Java：程序设计从入门到精通》 —— 零基础《Java核心技术·卷 I（原书第10版） : 基础知识》 —— 有一点基础《Java核心技术·卷 II（原书第10版） : 高级特性》 —— 有一点基础《Java编程思想 （第4版）》《Effective java 中文版（第2版）》《深入理解Java虚拟机（第3版） : JVM高级特性与最佳实践》《Java多线程编程核心技术（第2版）》编程辅助类：（设计模式、数据结构和算法）推荐书籍：
2021-01-22 16:27:07
507
原创 Day02
public class Hello { public static void main(String[] args) { //String 王者荣耀 ="倔强青铜"; String 王者荣耀 = "不屈白银"; System.out.println(王者荣耀); }}快捷方式psvm=public static void main(String[] args){}sout=System.out.println();八大基本数据类
2021-01-21 17:05:47
43
原创 Dayo1
Markdown学习标题字体hello wrold!hello wrold!hello wrold!hello wrold!hello wrold!引用坚持就是胜利！分割线图片[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MCfNpmWb-1611132722453)(C:\Users\54306\Desktop\壁纸\高架桥 日出5120x1440双屏风景壁纸_彼岸图网.jpg)]超链接点击跳转到百度列表ABCABC
2021-01-20 17:08:35
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人