- 博客(47)
- 收藏
- 关注
RSS订阅原创 MongoDB的基本命令和使用
使用1、创建一个文件当数据库2、启动mongo数据库服务打开命令行，输入mongod --dbpath 数据库文件夹的路径当出现了waiting for connections on port 27017的时候就表示启动成功，就可以不用管了，千万别关掉再打开一个命令行输入mongo就启动数据库了基本命令1.show dbs 列出所有数据库2.use school 创建并使用数据库3.db 查看当前所在数据库4.db.createCollection("student") 创建集合
2020-07-20 08:30:08
221
原创 关系型数据库和非关系型数据库的优缺点与特性
什么是数据库数据库是数据管理的有效技术，是由一批数据构成的有序集合，这些数据被存放在结构化的数据表里。数据表之间相互关联，反映客观事物间的本质联系。数据库能有效地帮助一个组织或企业科学地管理各类信息资源。数据是数据库中存储的基本对象，是按一定顺序排列组合的物理符号。数据有多种表现形式，可以是数字、文字、图像，甚至是音频或视频，它们都可以经过数字化后存入计算机。数据库是数据的集合，具有统一的结构形式并存放于统一的存储介质内，是多种应用数据的集成，并可被各个应用程序所共享。在日常生活中，人们可以直接用中
2020-07-20 08:29:55
1401
原创 Node.js好在哪及特点
一、Node.js是什么Node.js是一个构建在ChromeV8引擎上的Javascript的运行时，nodejs并不是一门语言，JavaScript才是一门语言，而nodejs是让JavaScript在服务器端跑起来的一个runtime，nodejs并不能使用JavaScript的全集（BOM和DOM）二、Node.js为什么好用1、前端/后端开发使用同一种语言像 ASP.NET 或 Spring 这样的技术需要开发人员学习一门新的服务端语言，比如C#，VB.NET 或者 Java。而 Node
2020-07-12 18:17:52
360
1
原创 ES6中Promise的基本用法
一、Promise的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。有了Promise对象，就可以将异步操作以同步
2020-07-12 18:17:20
310
原创 es6中的Map函数
基本用法Set类似于数组，而Map就类似于键值对（Key, Value）；JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。const map = new Map([ ['name', '张三'], ['age', '22']]);console.log(map)// Map(2)
2020-07-05 19:42:06
1885
原创 ES6中的Set函数
基本用法它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。const set = new Set([1,1,2,3,4,5,5])console.log([...set])// [1,2,3,4,5]console.log(Array.from(set))// [1,2,3,4,5] Array.from方法可以将类数组，可迭代对象转换数组c
2020-07-05 16:42:34
472
原创 Ajax请求的五个步骤
一、原生sAjax请求1、创建XMLHttpRequest对象,也就是创建一个异步调用对象；var xhr = XMLHttpRequest();3、设置响应HTTP请求状态变化的函数； xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ if(xhr.status == 200){ doResponse(xhr); }
2020-06-27 21:14:37
891
原创 TypeScript在VsCode中的简单配置
TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上，TypeScript 是开源的。为什么选择 TypeScript以及TypeScript优缺点阅读TypeScript入门教程。利用VScode搭建TypeScript开发环境前提是已经安装node.js和VScode。1、必须先安装nodeCtrl + R打开运行，输入cmd打开命令
2020-06-27 20:44:43
1294
原创 TypeScript和JavaScript的区别
JavaScriptJavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言。特点JavaScript是一种脚本语言，形式上类似于c，C++；JavaScript是通过浏览器来解析，所以在客户端应该需要某种事件，不用传给服务器进行处理，然后在传过来这样的过程。而是直接可以在客户端运行的程序。JavaScript是基于对象的语言。JavaScript是以事件驱动的核心的程序的设计模式，在
2020-06-22 13:32:10
626
原创 TypeScript的基本数据类型
1、认识TypeScriptTypeScript 是微软开发的 JavaScript 的超集，TypeScript兼容JavaScript，可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括：加入注释，让编译器理解所支持的对象和函数，编译器会移除注释，不会增加开销；增加一个完整的类结构，使之更新是传统的面向对象语言。2、TypeScript的数据类型String//String类型的定义，'',""都可以, 多行时，可以用反引号``表示。let
2020-06-21 19:42:07
322
原创 es5的保护对象
保护对象的重要性js中对象的普通属性，随时可别修改为任何值，随时可添加新属性，随时可被删除。这是因为对象的属性默认是可操作的，而通过修改对象属性的属性，我们可以设置对象属性的可操作性。 var data = { id:1, name:'小王', age: 16}delete data.name;//删除name属性data.age = 21;//修改了age属性值data.money = 10000000;//添加了money属性for(var ele in data
2020-06-14 20:21:58
128
原创 php与js中的不同点
php最重要的一点是结尾的分号不能省略，不然会报错嵌入页面方式 //php嵌入方式 <?php //内容 ?> //js嵌入方式 <script> //内容 </script>声明变量php和js都是弱类型语言，不同于java，php定义变量时不需要指定某个具体的类型，变量类型可以实现隐式转换 //php $name = ''; //js var/let/const name = '';输出方式 //php echo();
2020-06-08 13:57:04
155
原创 http的介绍及get与post请求的区别
介绍HTTP是超文本传输协议，其定义了客户端与服务器端之间文本传输的规范。HTTP默认使用80端口，这个端口指的是服务端的端口，而客户端使用的端口是动态分配的。当我们没有指定端口访问时，浏览器会默认帮我们添加80端口。我们也可以自己指定访问端口如：http://www.ip138.com:80。 需要注意的是，现在大多数访问都使用了HTTPS协议，而HTTPS的默认端口为443，如果使用80端口访问HTTPS协议的服务器可能会被拒绝。请求方法http请求可以使用多种请求方法。HTTP1.0定义了三种
2020-06-07 18:38:02
691
原创 OSI参考模型与TCP/IP五层网络架构
协议“协议”是一种约定、一种格式 、模板。计算机之间传输媒介是光信号和电信号，通过“频率“和”“强弱”来表示0、1这样的信息，想要传递不同的信息，需要约定好双方的数据格式。OSI七层模型开放系统互连参考模型 (Open System Interconnect 简称OSI）是国际标准化组织(ISO)和国际电报电话咨询委员会(CCITT)联合制定的开放系统互连参考模型，为开放式互连信息系统提供了一种功能结构的框架。它从低到高分别是：物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。TCP/
2020-05-31 20:15:21
545
原创 jQuery的选择器
一、基本选择器1.$("#btn") id选择器，如选择id为btn的元素2 .$(".class") class选择器，如选择class为light的元素3.$(“input”) 标签选择器，如选择名字为input的所有元素4.$("*") 选择所有元素在这里插入代码片...
2020-05-18 13:23:51
183
原创 bootstrap与jQuery的优点与区别
一、bootstrapBootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。优点1.简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。2.bootstrap提供了一套响应式、移动设备优先的流式栅格系统。它可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好3.Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的
2020-05-17 19:55:46
981
原创 vs code中less的配置
简介LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESS文件中的代码不能直接被浏览器解析渲染，需要在koala等软件中编译后，才能生成对应的文件和css代码，然后浏览器解析它。流程1.安装node.js（less需要有node.js支持，安装很简单）2.在vs code中安装Easy less插件3.在设置中找到settings.json先找到vs code的左下
2020-05-11 17:51:21
701
原创 静态布局、自适应布局、流式布局、响应式布局等的概念
一、静态布局给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。针对不同分辨率的手机端，分别写不同的样式文件。例如：浏览器窗口是1000px，那么最小的宽度是900px或其他px,只要浏览器缩小过这个最小值就不会自动化的调整。1.特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计
2020-05-10 22:10:03
243
原创 bootstrap全局CSS中表格的样式
基础表格<table class="table"> <thead> <tr> <th>编号</th> <th>姓名</th> <th>年龄</th> </tr> ...
2020-05-05 22:13:02
422
原创 bootstrap全局CSS样式中的按钮样式
按钮类为 <a>、<button> 或<input>元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。<a href="" class="btn btn-default">a</a><input type="button" value="input" class="btn btn-defau...
2020-05-05 21:03:53
603
原创 vs code中bootstrap的使用方法和自定义模板
1、安装插件Bootstrap 3 Snippets 或者 Bootstrap 4 Snippets2、输入 bs3- 可以弹出提示，根据自己的需要进行添加即可。如bs3-template:html5 可以使用bootstrap模板 如下但是bootstrap模板中的jQuery路径是针对Chrome的，用其他浏览器会报错，所以我们需要自己去自定义一个通用的3、自定义bootstrap...
2020-05-05 18:42:20
2455
原创 CSS3中单位（em、rem、vw、vh）
一、em和remem 和 rem都是灵活、 可扩展的相对长度单位，由浏览器转换为像素值，具体取决于您的设计中的字体大小设置。1.emem是相对于当前对象内文本的字体尺寸，而不是受父元素字体尺寸影响，em父元素的字体大小可以影响 em 值，但这种情况的发生，纯粹是因为继承。如果没有设置字体尺寸就会默认是16px。<!DOCTYPE html><html lang="en"...
2020-05-05 16:19:38
248
原创 CSS3中过渡(transition)和动画(animation)的区别
一、过渡(transition)不需要javascript就可以实现简单的动画交互效果。1.局限性太大，需要配合:hover伪类或js事件来触发使用，所以没法在网页加载时自动发生。2.触发后只执行一次，不能重复发生，除非一再触发。并且会回滚到初始值3.transition 只有两帧，只能设置动画初始值和结束值只适合做一些简单的动画效果 <style>*{ marg...
2020-04-26 20:49:21
1769
原创 css3中的变形(transform)
一、透视(perspective)电脑显示屏是一个2D平面，图像之所以具有3D效果，其实只是一种视觉呈现，通过透视可以实现此目的。透视可以将一个2D平面，在转换的过程当中，呈现3D效果。你可以理解成人眼到电脑屏幕的距离，数值越小就越近且越大，数值大则反之。这个属性必须放在你需要转换的父级上二 、transform的属性1.translate() 平移translate()可以将元素在X轴...
2020-04-26 18:05:25
237
原创 css3的边框
一、border-radius（定义圆角）复合写法：border-radius: 10px; 当一个参数的时候，是4个角都是一样的border-radius: 10px 10px; 当两个参数的时候，第一个参数代表左上角和右下角，第二个参数代表左下角和右上角border-radius: 10px 10px 10px; 当三个参数的时候，第一个参数代表左上角，第二个参数代表右上角和左下角，的...
2020-04-19 22:17:14
261
原创 css3新增选择器
属性选择器E[att^=“val”]：匹配属性值“val”以指定开头的每个元素E[att$=“val”]：匹配属性值“val”以指定结尾的每个元素E[att*=“val”]：匹配属性值“val”中包含指定值的每个元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...
2020-04-19 18:15:22
115
原创 canvas的用法
一、canvas简介Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互。有了Canvas，我们就再也不需要Flash了，直接使用JavaScript完成绘制。Canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域。Ja...
2020-04-13 11:09:53
233
原创 百度API的初步了解
1.百度地图JavaScript API支持HTTP和HTTPS，免费对外开放，可直接使用。2.接口使用无次数限制。3.在使用前，您需先申请密钥（ak）才可使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...
2020-04-12 20:02:09
517
原创 ES6新增特性
let和constlet1.let声明的变量不会挂在window中，不会像var声明的变量一样造成全局变量的污染2.新增了一个块级作用域{}，以前只有函数作用域，全局作用域3.let是不允许重复声明4.let不会有声明提前{ let num = 10;//块级作用域}console.log(num);//报错let num = 15;//无法声明提前console.lo...
2020-03-23 14:41:45
84
原创 异步加载和加载时间线
一、异步加载什么是同步加载我们一般的写法就是默认的同步模式，同步模式又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom等行为，就会造成页面堵塞。所以一般建议把什么是异步加载异步加载又叫非阻塞加载，浏览器在下载执行js的同时，还会继续进行后续页面的处理。相当于开通了另一...
2020-03-12 17:07:12
120
原创 js函数笔试题
一丶var a = b = 4;(function () {var a = b = 6;})()console.log(a); //4console.log(b);//6在全局作用域里面a和b都被赋值为4，在进去立即执行函数后首先赋值的是给全局的b=6，在给局部作用域的var a = b,同样是6，执行完了之后立即执行函数消失，最后要输出的是全局的a和b所以是4和6二丶func...
2020-02-14 16:45:21
211
原创 原型链
什么是原型链任何对象都有原型，而原型本身也是一个对象，原型对象也有原型，这样就形成了一个链的形式我们先来了解以下三个属性：prototytype：这是所有函数都具有的一个属性，用来访问他们的原型；constructor：这是每个原型都有的属性，用来创建此对象的数组函数的引用。–proto–:这是每个对象都有的属性，可称为隐式原型，一个对象的隐式原型指向构造这个对象的构造函数的原型，这也保...
2020-02-14 14:08:32
87
原创 Dom
什么是DOMDOM全称 Document Object Model，即文档对象模型，DOM是针对XML但经过扩展用于HTML的应用程序编程接口（API Application Programming Interface）。DOM把整个页面映射为一个多层节点结构。Dom树节点访问一些常用的DOM方法document.getElementById(id) 获取带有指定 id 的节点 这...
2020-01-05 21:33:01
77
原创 js的作用域、作用域链
作用域作用域分为两种：全局作用域和局部作用域全局作用域可以在代码中的任何地方都能被访问var i = 10;function fn(){ console.log(i); var i = 5; console.log(i);}console.log(i);...
2019-12-29 20:30:32
224
1
原创 正则表达式的使用方法
正则表达式的创建var 变量名 = /正则表达式/修饰符var 变量名 = new RegExp('正则表达式','修饰符')常用符号符号详情( )匹配括号中全部字符[ ]匹配括号中一个字符 如[0-9 a-z A-Z]之间^匹配开始位置 当^在[ ]内使用时是取反$匹配束位置\d匹配数字\D匹配非数字\w匹...
2019-12-23 20:08:28
90
原创 String字符串API
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-12-21 15:02:59
128
原创 Array 数组
数组的创建// 数组的几种创建方法// 空数组var arr = new Array();var arr2 = [];// 指定长度的数组var arr3 = new Array(100);// 这个数组内有100个元素// 指定元素的数组var arr4 = [100];// 这个数组内只有一个元素//数组的APIvar arr = [ 1 , 2 , 3];// 数组...
2019-12-15 23:02:51
83
原创 运算符
1.算术运算符+-*/%++–/：在用“/”进行运算出现小数 的时候并不会取整，需要使用praseInt()保留整数部分或者Math.ceil（）向上取整,有小数就整数部分加、Math.floor（）向下取整,丢弃小数部分、Math.round（）四舍五入。++：++在前面的话是先执行，在自加。++在后的话，是先加。%：取余，当除数把被除数除到不能除的时候余下的数...
2019-12-09 18:52:58
59
原创 隐式类型转换
1.string//1.string和nubmerconsole.log('z' + 6)//输出为'z6'//string + number = string//2.string和booleanconsole.log('z' + false)//输出为'zfalse'//string + false= string//3.string和undefinedconsole.log...
2019-12-09 11:13:53
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人