- 博客(45)
- 收藏
- 关注
RSS订阅原创 git上传项目的步骤
需要的软件Gitf官网下载 ：https://git-scm.com安装完成后鼠标右键就有下面两个选项，选择Gitf Bash Here打开需要的账号注册Github账号： https://github.com/注册完成后就可以按步骤上传项目了Git工作流程工作区 -> 缓存区 -> Git本地仓库 -> Git远程仓库 上传项目步骤1、创建文件夹,配置用户名和邮箱命令git config --global user.name "wxw"git co
2020-08-01 16:19:33
1526
原创 跨域的解决方案
为什么会出现跨域出于浏览器的同源策略的限制。同源策略就是一种约定，它是浏览器最核心最安全的功能，如果没有它，浏览器的正常功能都会受到影响，也就是说web的构建在同源策略之上的，浏览器只是针对它的一种实现。什么是跨域就是当一个请求的协议、域名、端口三者之间有任何一个不同就是跨域跨域的解决办法JSONPJSONP是指JSON Padding，JSONP是一种非官方跨域数据交换协议，由于script的src属性可以跨域请求，所以JSONP利用的就是浏览器的这个“漏洞”，需要通信时，动态的插入一个scr
2020-07-28 13:27:27
204
原创 mongodb安装与配置
1、首先下载mongodb官方下载地址：https://www.mongodb.com/2、下载完后安装傻瓜式安装法，下一步下一步就可以了。安装完后是这样的一个文件夹3、配置环境变量首先复制安装后上述的bin文件夹的路径，比如：C:\Program Files\MongoDB\Server\3.4\bin然后到我的电脑右键属性高级系统设置中设置环境变量。然后点击环境变量，点击编辑，在PATH中加入上述复制的文件夹路径。用分号（；）隔开粘贴上去就可以了。4、创建存放数据库数据的文件
2020-07-21 13:21:13
209
原创 Node.js之fs模块
简介fs模块用于对文件系统的操作，它所以的API方法都有同步与异步的两种形式。异步形式把完成回调作为最后一个参数，第一个参数是异常参数(error)，当方法成功完成，则这个参数会是null或undefined。使用方法(API)一：fs.unlink，fs.unlinkSync删除文件fs.unlink(path, callback)异步var fs = require('fs'); // 引入fs模块//unlink：删除文件fs.unlink('/index.html', function
2020-07-12 21:41:30
717
原创 迭代器和生成器
概念：ES6中Reflect将Object中的内部方法移到自己身上了，其实就是为了取代Object对象。对Reflect对象的方法返回结果进行了修改，更有合理性。为什么要设计它：将Object对象的内部方法放到Reflect对象上，对Reflect对象的方法返回结果进行了修改，更有合理性。使Object对象操作变成函数行为。...
2020-07-06 20:04:53
212
原创 async与await作用
一、什么是async和awaitasync是ES7中新增内容，对于异步操作的解决方案，它是Generator函数的语法糖。async|await是编写异步的新方法，之前ES6中用的是promise。async|await是建立在promise基础之上的新写法。async|await也是非阻塞的。async和await它们两有一个严格规定，两者都离不开对方，但是，await只能写在async函数中。二、用法async如何处理返回值async的返回值是一个promise对象，也就是说它会直接
2020-07-05 23:07:09
4435
3
原创 Node.js安装与使用
下载安装1、下载链接：https://nodejs.org/根据电脑的配置下载相应的wi安装包2、检查是否安装成功，window+r打开命令行窗口，输入node，打印为“Welcome to Node.js v12.16.1.”说明安装成功，其他的一般都是安装时出现问题，输入node -v是查看版本，输入npm -v查看npm版本。3、创建服务器使用http.creatServer()方法创建服务器，并使用listen()方法绑定8080端口函数通过请求：var http = require('
2020-06-27 20:46:25
670
原创 什么是Node，它有什么作用
前言学习前端，不仅仅学习HTML、CSS、JS，它也得学习一些与后端搭建的知识。比如Ajax请求之类的知识，还有就是node.js，它能搭建一个Web服务器后台，是JavaScript运行在服务器上的运行环境。Node.js是什么Node.js不是一门语言Node.js不是库、不是框架Node.js是一个JavaScript运行时环境Node.js可以解析和执行JavaScript代码Node.js为JavaScript提供了一些服务器级别的操作API1、文件读写2、网络服务的构建3、
2020-06-27 20:32:18
5990
原创 Ajax
简介Ajax全称为“ASynchronous” JavaScript And XML 异步的JavaScript 和 XML异步和同步：客户端和服务器端相互通信的基础上异步:客户端不需要等待服务器端的响应,在等待的期间客户端能做其他操作同步:客户端必须等待服务器端的响应,在等待的期间客户端不能做其他操作优点：对网页的进行更新，提升用户的体验感写法jquery写法 $.ajax({ url:" " , // 请求路径
2020-06-21 21:49:23
126
原创 typescript、javascript、es6的区别
三者之间的关系ECMAScript和JavaScript的关系ECMAScript和JavaScript的关系：前者是后者的规格（语言规范），后者是前者的一种实现。TypeScript与JavaScript的关系TypeScript是Javascript的超集，实现以面向对象编程的方式使用Javascript。最后代码还是编译为Javascript。TypeScript和ES6的关系TypeScript是ES6的超集。至于需不需要使用，在于你所需要的场景。比如在Angular2中，用TypeSc
2020-06-21 21:37:03
720
原创 Typescript基础
数据类型字符串类型var str:string='abcccd';二：null undefined类型var num:number | undefinedvar num:undefinedvar num:null; 三：数组方式一：var arr:number[] = [1,2,3,11] 表示arr中的元素必须都是数字类型方式二：var arr:Array<number> = [1,2,3,11]四：元组var arr:[number, string, boo
2020-06-21 21:23:00
132
原创 Typescript安装
全局安装typescript安装typescript前提，我们需要使用到 npm 工具安装。NPM 安装 TypeScript如果已经安装了 npm 工具，可以使用以下命令来安装：npm install -g typescript安装后可以使用 tsc 命令来执行 TypeScript 的相关代码。查看版本号：$ tsc -vVersion 3.2.2新建一个 test.ts 的文件：var message:string = “Hello World”console.log(messag
2020-06-21 20:37:20
397
原创 HTTP请求get与post的区别
HTTP请求有哪些方法1、GET方法GET方法用于使用给定的URI从给定服务器中检索信息，即从指定资源中请求数据。使用GET方法的请求应该只是检索数据，并且不应对数据产生其他影响。2、POST方法POST方法用于将数据发送到服务器以创建或更新资源，它要求服务器确认请求中包含的内容作为由URI区分的Web资源的另一个下属。POST请求永远不会被缓存，且对数据长度没有限制；我们无法从浏览器历史记录中查找到POST请求。3、HEAD方法HEAD方法与GET方法相同，但没有响应体，仅传输状态行和标题部
2020-05-31 21:48:52
272
原创 HTTP网络请求的TCP协议与IP协议
什么是TCP/IP协议TCP/IP协议是一系列网络协议的总和，它定义了电子设备如何接入互联网以及数据之间如何相互传输，在TCP/IP协议中可以将网络分为四层分别为链路层，网络层，传输层，应用层，1 链路层称作数据链路层或网络接口层，通常包括操作系统中的设备驱动程序和计算机中对应的网络接口卡。它们一起处理与电缆的物理接口细节。2 网络层称作互联网层，处理分组在网络中的活动，例如分组的选路。在TCP/IP协议组中，网络层协议包括IP协议（网际协议），ICMP协议（Internet互联网控制报文协议），
2020-05-31 21:40:25
244
原创 HTTP网络请求与响应
什么是HTTPHTTP（HyperText Transfer Protocol），超文本传输协议，是互联网上应用最广泛的一种网络协议，所有www文件都必须遵守的一个标准，是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。HTTP请求与响应步骤1 建立连接先解析DNS，把localhost变成ip（127.0.0.1），然后根据127.0.0.1和端口号8080（没有端口号则使用默认的端口）建立socket。也可以理解为通过“三次握手”建立TCP连接，确定通讯正常。2 发送请求命
2020-05-31 21:28:14
409
原创 jQuery Validate.js
简介1、Validate.js是什么？jQuery Validate.js 是 jQuery 下的一个验证插件，功能比较强大。2、Validate.js学习文档地址http://validatejs.org/3、Validate.js的作用jQuery Validate.js 插件为表单提供了强大的验证功能，让客百户端表单验证变得更简单度，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验问证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 AP
2020-05-25 18:30:03
470
原创 javascript与jQuery的区别
javascript与jQuery的区别首先JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。JQuery是一个JavaScript函数库。或者说是JavaScript中最流行的一种框架。1、jquery与js最直观的区别就是jQuery对象比js对象多了"$()"。2、jquery与js操作内容的区别非表单元素（如果是文本就用text方法，如果是html代码就用html方法）例如：div.text()无参数的情况下是取值div.text(“a
2020-05-18 12:34:31
380
原创 jQuery的选择器与Dom操作
jQuery第一章：认识jQuery第二章：jQuery的选择器第三章：jQuery中的Dom操作————————————————————————————————————————————第一章 认识jQuery一、jQuery简介jQuery就是一个优秀的JavaScript库，是一个简洁的语法和跨平台的兼容性，简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。其理念：write less,do more.二、jQuery使用方式官方文档：htt
2020-05-18 08:27:56
290
原创 css3中perspective属性
简介：perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。参数取值：指定观察者距离「z=0」平面的距离，为元素及其内容应用透视变换。不允许负值，none：不指定透视，我们一起来了解一下。perspective：800px 就是人离屏幕800...
2020-04-27 12:55:37
9682
3
原创 认知css3中Transform中的属性
css3手册：http://css.doyoe.com/TransformTransform：意思为变形的意思，它主要包括移动translate、旋转rotate、缩放scale、扭曲skew。首先来认识一下移动translatetranslate： translation为2D平移。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认值为0，也可以单独的使用一个轴来平移...
2020-04-27 11:19:14
160
原创 css3新增的背景与边框功能
简介css3是css2的升级版本，它在CSS2的基础上增加了许多的新功能，目前主浏览器 Chorme、Safari、Firefox、Opera都已经支持了css3大部分功能，IE10以后也开始全面支持css3。在使用CSS3样式时，不同的浏览器需要不同的前缀。为了更好的兼容，前缀还是少不了的。Chrome 和 Safari：-webkitFirefox：-mozIE：-msOpera：-...
2020-04-20 13:20:20
256
原创 css3 flex布局的使用
基本用法css3学习手册链接：http://css.doyoe.com/display:flex;flex是Flexible的缩写，意思为弹性。在css中为flex弹性布局，可以在单行或者多行的盒子模型中有很好的用途。它可以解决很多布局的问题。比如：文字与图片垂直居中，互不干扰。css代码：<style> .warpper{ display:flex; wid...
2020-04-20 11:59:11
243
原创 canvas与svg的区别，以及由此出现的插件
canvas与svg的区别首先canvas是HTML5中的新元素，通过Javascript来绘制二维图形。而SVG不是HTML5中的新元素，它是xml中绘制二维图形的语言，因此，它们两之间存在很大的区别。Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。canvas是一个画布，它绘制出来的图形是标量图，它可以引入普通图片，也可以绘制一些数据类的统计图，柱形图等。SV...
2020-04-13 13:14:30
411
原创 百度地图API简单用法
如何创建账号并且获取密钥(AK):首先到百度地图API链接登录账号获取自己的密钥(AK)：http://api.map.baidu.com/lbsapi/getpoint/index.html然后一步一步的申请自己的密钥(AK)获取密钥(AK)后就可以使用百度地图API了如何使用首先使用script标签引用页面<script src="http://api.map.baidu....
2020-04-13 11:43:50
749
原创 自我简单认知Promise
Promise用法一个函数参数：new Promise(function(resolve, reject))每个Promise构造函数可接受一个参数，参数为一个函数，函数又有两个参数resolve和reject，分别表示为成功之后的回调函数和失败之后的回调函数。const promise = new Promise ((resolve, rereject) => { if (/* ...
2020-03-30 11:45:38
105
原创 同步加载、异步加、时间线
什么是同步加载加载到js文件时会等js文件加载完成并且执行完成再继续执行后面的代码，因此，在加载数据时仍然执行其他程序，一般加载时是不执行程序的，不得不等进度条，因为很多程序在没有加载数据时，可能是无法运行的，所以通常会加载完之后才运行。同步模式，又称”阻塞模式“，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载图像、渲染、代码执行。什么是异步加载异步加载，又称“非阻塞”...
2020-03-12 14:06:05
273
原创 js函数笔试题
第一题console.log(a) // undefined var a = 1; var getNum = function() { a = 2; } function getNum() { a = 3; } console.log(a) // 1 getNu...
2020-02-14 13:11:56
653
原创 作用域链与原型链
作用域链1、什么是作用域链当代码在一个环境中执行时，会创建变量对象的一个作用域链。由子级作用域返回父级作用域中寻找变量，就叫做作用域链。作用域链中的下一个变量对象来自包含环境，也叫外部环境。而再下一个变量对象则来自下一个包含环境，一直延续到全局执行环境。全局执行环境的变量对象始终都是作用域链中的最后一个对象。作用域链前端始终都是当前执行的代码所在环境的变量对象，如果环境是函数，则将其活动...
2020-02-13 16:51:37
1057
原创 DOM
什么是DOMDOM全拼为Document Object Model（文档对象模型）是一种用于HTML和XML文档的编程接口，它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。核心DOM 能够操作所有结构化文档（HTML XML）。三大属性1:nodeType 节点类型 typeof为numberd...
2020-01-04 13:53:51
143
原创 DOM面试题
1、 封装函数，返回元素e的第n层祖先元素节点<script> function reParent(elem,n){ while(elem && n){ elem = elem.parentNode; n--; } return elem; } var i =document.getElementsByTagName('i...
2020-01-04 12:56:16
614
原创 Arguments对象
arguments介绍arguments是一个对应于传递给函数的菜蔬的类型对象。是所有（非箭头）函数都可以用的局部变量。也可以称之为“伪数组”。跟数组差不多，但是不完全一样。1.arguments对象与Function是互不相离的。2.arguments它是不能显式创建的。3.arguments只能Function执行时使用。arguments的用法与作用arguments是JavaS...
2019-12-26 19:24:27
321
原创 函数的作用域
什么是作用域JS的函数作用域，将作用域拆开来看，“作用”表示读写操作，函数可以读取代码，改写代码；“域”表示空间，范围，区域。步骤1、逐行解读过程中，当碰到表达式的时候，就会用表达式修改预解析的值；表达式是=、+、-、*、/、参数（注意，参数也是表达式，参数可以被修改）2、预解析的时候，遇到重名的变量名称，字母，值留下一个；3、预解析时，当变量碰到函数的名称一致的时候，值留下函数块。因为...
2019-12-23 20:27:04
236
原创 Error与函数的预编译
Error常见的几种报错 1.TypeError 类型错误 2. SyntaxError 语法错误 3. RangeError 参数范围越界 4. ReferenceError 引用错误（找不到对象） 变量没有定义就使用 5. EvalError 6. URIError1.Uncaught TypeError: Cannot read property...
2019-12-21 14:34:16
151
原创 正则表达式
正则的基本语法\：将下一个字符转为特殊字符，或原义字符，或向后引用，或一个八进制转换^：以什么开头$：以什么结尾*：零次或多次+：一次或多次？：零次或一次{n}：匹配n次{n,m}：n到m次\d或[0-9]：表示0到9之间的数字\b：表示一个单词边界 \B：表示非单词边界\w：除下划线的任何字符 \W：任何非单词字符\s：任何空白字符 \S：任何非空...
2019-12-21 10:43:38
1281
原创 Date对象与Math对象
Date对象Date()返回当日的日期和时间。getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth()从 Date 对象返回月份 (0 ~ 11)。getFullYear()从 Date 对象以四位数字返回年份。getYear()请使用 getFullYear() ...
2019-12-16 18:52:12
113
原创 数组、二维数组、多维数组
数组数组的概述：数组就是内存中连续存储多个数据的空间创建方法function fun(){//第一种：var arr = [1,2,3,4,5];//第二种：var arr1 = new Array[1,2,3,4,5];}二维数组二位数组就是数组中存储数组创建方法function fun(){ var arr = []; for(var i =0;i <...
2019-12-16 18:49:14
360
原创 JavaScript逻辑运算符与位运算符
JavaScript的算法1:逻辑运算符：<script> function Sum(number,number1,number2){ var result = (number > number1 && number > number2) && number || (number1 > number...
2019-12-09 18:51:34
190
原创 if、while、do while 、switch
JavaScript数字运算JavaScript的函数调用定义一个函数，接收三个参数，并使用逻辑运算实现三个变量的排序输出<script> function Sum(number,number1,number2){ var result = (number > number1 && number1 > number2) &...
2019-12-09 09:30:40
155
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人