- 博客(60)
- 收藏
- 关注
RSS订阅原创 MongoDB的基本使用
MongoDB简介MongoDB是用C++语言编写的非关系型数据库。特点是高性能、易部署、易使用，存储数据十分方便，主要特性有：面向集合存储，易于存储对象类型的数据模式自由支持动态查询支持完全索引，包含内部对象支持复制和故障恢复使用高效的二进制数据存储，包括大型对象文件存储格式为BSON(一种JSON的扩展)MongoDB基本概念文档(document)是MongoDB中数据的基本单元，非常类似于关系型数据库系统中的行(但是比行要复杂的多)。集合(collection)就是一组文档，如
2020-08-02 22:40:40
309
原创 VUE一些基本指令
什么是vue？vue是一款友好的、多用途的且高性能的js框架，一款构建用户界面的渐进式框架，它可以帮你创建可维护性和可测试性更强的代码库。Vue只关注视图层， 采用自底向上增量开发的设计。（转载）什么是渐进式？简单来说就是你可以吧vue当成插件使用也可以当成库使用，也可以当成框架使用。下面我们来说一说vue的一些简单的指令。vue指令1.插值表达式html部分 <div id="div"> //一些基本的数据类型 //number {{123}}
2020-08-01 15:57:41
213
原创 跨域的几种解决方式
跨域:浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.协议，域名，端口号，有任何一个不同就是跨域第一种：设置请求头const http = require("http");const sever = http.createServer();sever.on("request",(req,res)=>{ res.setHeader("Access-Control-Allow
2020-07-26 22:53:00
264
原创 redis一些简单的应用
什么是redis？Redis是目前业界使用最广泛的内存数据存储。相比memcached，Redis支持更丰富的数据结构，同时支持数据持久化。除此之外，Redis还提供一些类数据库的特性，比如事务，HA，主从库。可以说Redis兼具了缓存系统和数据库的一些特性，因此有着丰富的应用场景。应该场景：1：数据缓存2：共享Session应用实例：redis存储是分为两种 kv结构 hash结构 一般使用的是hash结构1.kv结构const redis = require("redis");
2020-07-26 22:12:31
138
原创 node之express框架
Express的官网https://www.expressjs.com.cn/Express是目前最流行的基于Node.js的Web开发框架，可以快速地搭建一个完整功能的网站。Express框架的核心特性如下：通过中间件来响应http请求。定义路由表来执行不同的HTTP请求动作。通过向模板传递参数来动态渲染页面。安装：首先新建一个文件夹，然后在文件夹中shift加右键进入命令窗口输入 npm init， 生成package.json文件。然后最好去安装一个淘宝镜像cnpmnpm in
2020-07-19 22:13:35
173
原创 js之深浅克隆
浅度克隆：原始类型为值传递，对象类型仍为引用传递。深度克隆：所有元素或属性均完全复制，与原对象完全脱离，也就是说所有对于新对象的修改都不会反映到原对象中。为什么分深浅克隆：JavaScript里面的数据存储分为两种：简单数据类型：存储在栈里面复杂数据类型：地址存在栈里面，数据存储在堆里面 而复杂粘贴是在操作栈里面的数据下面是一些克隆//数值克隆的表现var a = "1";var b = a;b = "2";console.log(a); // "1"console.log(b)
2020-07-18 15:35:21
735
2
原创 js之防抖与节流
产生背景：在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。所以就产生了防抖和节流。什么是防抖？触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间思路：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法。function debounce(fn, times) { var time = null; //定
2020-07-12 22:08:45
94
原创 node模块之文件系统模块
什么是文件模块：文件系统模块是一个简单包装的标准 POSIX 文件 I/O 操作方法集。可以通过调用 require(“fs”) 来获取该模块。文件系统模块中的所有方法均有异步和同步版本。（1）文件系统模块中的异步方法需要一个完成时的回调函数作为最后一个传入形参。（2）回调函数的构成由调用的异步方法所决定，通常情况下回调函数的第一个形参为返回的错误信息。（3）如果异步操作执行正确并返回，该错误形参则为null或者undefined。如果使用的是同步版本的操作方法，一旦出现错误，会以通常的抛出错误的形
2020-07-11 15:29:40
211
1
原创 ES6中的迭代器和生成器
一.迭代器什么是迭代器迭代器是一种特殊对象，它具有一些专门为迭代过程设计的专有接口，所有的迭代器对象都有一个next()方法，每次调用都返回一个结果对象。结果对象有两个属性：一个是value，表示下一个将要返回的值；另一个是done，它是一个布尔类型的值，当没有更多可返回数据时返回true。迭代器还会保存一个内部指针，用来指向当前集合中值的位置，每调用一次next()方法，都会返回下一个可用的值。如果在最后一个值返回后再调用next()方法，那么返回的对象中属性done的值为true，属性value若未
2020-07-05 22:48:48
346
原创 ES6的数组新增api
一.数组api1.Array.from(arg)用于将类数组的对象和可遍历的对象转为数组。<script> const divs = document.getElementsByTagName("div"); // 类数组 const result = Array.from(divs); console.log(result); </script>2.Array.of(…args)使用指定的数组项创建一个新数组；<script>
2020-07-05 21:41:04
342
原创 ES6之解构赋值
什么是解构赋值按照一定的模式从数组或对象中提取值，然后对变量进行赋值的过程。这样能够简化书写的长度，提升效率。下面简单的举个列子来对比一下：//es6之前的写法var arr =[1,2,3];var a= arr[0];var b= arr[1];var c= arr[2];console.log(a,b,c)//使用es6解构赋值的写法let[a,b,c] = arr;console.log(a,b,c)//相对与之前的写法是不是简单了很多//注意执行代码时将上面的a，b，c的
2020-06-27 22:07:57
106
原创 jq中的ajax
什么是AJAXAJAX = 异步的javascript和XML对于传统的网页来说，如果想更新内容，那么必须要刷新整个页面，但有了Ajax，便可以在页面不被全部刷新的情况下更新其内容。简言之，就是在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。常用选项参数介绍：url：请求地址type：请求方法，默认为 getdataType：服务端响应数据类型contentType：请求体内容类型，默认 application/x-www-form-urlencodeddata：需
2020-06-27 19:48:48
149
原创 TS和JS的一些区别
typescript 特点ts是js的超集，即你可以在ts中使用原生js语法。ts需要静态编译，它提供了强类型与更多面向对象的内容。ts最终仍要编译为弱类型的js文件，基于对象的原生的js，再运行。故ts相较java/C#这样天生面向对象语言是有区别和局限的ts是由微软牵头主导的，主要来自C#TypeScript和JavaScript的对比：TypeScript是一个应用程序级的JavaScript开发语言。（这也表示TypeScript比较牛逼，可以开发大型应用，或者说更适合开发大型应用）
2020-06-21 22:38:41
55980
14
原创 ts的基本数据类型
变量类型ts是强类型，在声明变量的时候，我们必须给他一个类型具体类型 Undefined; Number:数值类型; string : 字符串类型; Boolean: 布尔类型； enum：枚举类型； any : 任意类型，一个牛X的类型； Null ：空类型 void：空类型； Array : 数组类型; Tuple : 元祖类型；布尔值: booleanlet flag: boolean = false;数字: numberlet num: num
2020-06-21 22:26:32
2052
原创 js对象属性的四大特征
第一个：value实际存储属性值第二个：writable控制值(value)是否可修改,默认是true可修改的第三个：enumerable控制是否可用for in遍历到默认是true,即使不能for in，默认是true；第四个：configurable控制是否可以修改其他特性，是否可以删除属性，修改不可逆转默认是true；注意： configurable为false,在writable为true的情况下，它的特性值是可以改成false的；获取四大特征getOwnPropertyDes
2020-06-14 21:44:53
313
原创 Ajax接收五种响应消息
1.text/plain 接受的字符串文件客户端:var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { doresponse(xhr); } }; xhr.open("GET", "1.php",true);
2020-06-14 21:01:29
835
原创 AJAX初步理解
1.ajax原理：ajax的原理简单来说通过XmlHttpRequest对象来向服务器发送异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中关键的一步是从服务器获得请求数据，要清除这个过程和原理。必须对XmlHttpRequest有所了解XMLHttpRequest是一种支持异步请求的技术。也就是说javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。ajax最大的优点在于不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网
2020-06-07 23:30:03
165
原创 xammp安装使用
1、简介XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的建站集成软件包。这个软件包原来的名字是 LAMPP，但是为了避免误解，最新的几个版本就改名为 XAMPP 了。它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用，支持多语言：英文、简体中文、繁体中文、韩文、俄文、日文等。许多人通过他们自己的经验认识到安装 Apache 服务器是件不容易的事儿。如果您想添加 MySQL、PHP 和 Perl，那就更难了。XAMPP 是一个易于安装且包
2020-06-07 22:11:53
1085
原创 TCP/IP协议
计算机网络学习的核心内容就是网络协议的学习。网络协议是为计算机网络中进行数据交换而建立的规则、标准或者说是约定的集合。因为不同用户的数据终端可能采取的字符集是不同的，两者需要进行通信，必须要在一定的标准上进行。一个很形象地比喻就是我们的语言，我们大天朝地广人多，地方性语言也非常丰富，而且方言之间差距巨大。A地区的方言可能B地区的人根本无法接受，所以我们要为全国人名进行沟通建立一个语言标准，这就是我们的普通话的作用。一、什么是TCP/IP1.TCP/IP是一类协议系统，它是一套支持网络通信的协议集合。网络
2020-05-31 22:57:54
128
原创 JQuery一些常用事件
1.ready: 当页面加载完时就会执行此函数事件。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <st
2020-05-31 22:46:33
197
原创 fullpage的基本使用方法
fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等（转载）第一步：fullpage.js 下载地址https://github.com/alvarotrigo/fullPage.js进入下载页面之后点击红色框然后选择第二个选项。第二步：
2020-05-24 22:05:09
1778
原创 jqurey中的animate方法
在原生js里面并没有提供动画方法，如果要实现，必须结合定时器来实现一些动画，但是jQuery就给我们提供了一些实现动画的方法。列如：animate方法。下面我来对这个方法谈一下自己的一些理解。animate方法，用于创建自定义动画的函数。语法：animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是动画完成后
2020-05-24 21:28:24
321
原创 jquery之data()方法
data有什么作用？ 在我们平时js编码过程中，我们经常会向DOM元素中添加各种自定义属性，这样有一个弊端。 1 假设我们在DOM元素中添加了一个属性，这个属性指向了某个js对象。 dom1.ele = jsObj 2 当这个js对象发挥完作用后，我们已经用不到他了。这时候按理说应该把这个js变量清空，释放内存。大家都知道，如果一个js对象不存在任何外在引用的话，解释器会自动将其在内存中删除，这也是javascript相对于c++等手动管理内存的程序的优点。 3 但是这时候问题来了，因
2020-05-17 18:31:17
936
原创 jquery选择器
1.id选择器语法：$(#id名称) --> 匹配指定id名称把id名称为box1的盒子背景颜色设置为红色<div id="box1">box1</div> <div id="box2">box2</div> <script src="js/jquery-1.11.3.js"></script> <script> $(function () { $("#box
2020-05-17 17:29:10
226
原创 bootstrap之轮播
什么是轮播？轮播是用于循环显示元素。下面举些列子：单纯的图片轮播：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no"> <meta http-equiv="X-UA-Co
2020-05-10 20:07:55
306
原创 jquery的使用
什么是 jQuery ？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities提示： 除此之外，Jquery还提供了大量的插件。（转载）1.jquery的使用第一种：是在联网的情况下使用，直接在你的html中放这句代码，就可以用了 <
2020-05-10 19:25:42
207
1
原创 Bootstrap之按钮
Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式btn 为按钮添加基本样式 btn-default 默认/标准按钮 btn-primary 原始按钮btn-success 成功按钮btn-info 信息按钮btn-warning 警告按钮btn-danger 危险按钮btn-l...
2020-05-05 16:45:42
1443
原创 css3之弹性盒子
什么是弹性盒子？在弹性盒子布局中，弹性容器(flex container)中的子元素可以以任意方向排布，也可以伸缩它们自身的尺寸，或者增大自身尺寸以填满未被使用的空间，或者缩小自身尺寸以避免超出父容器的尺寸范围。子元素横向或纵向对齐方式很容易被修改。嵌套的弹性盒子布局(水平内嵌套垂直，或垂直内嵌套水平)，可以用来创建两个维度上的布局。1.flex-direction 属性flex-direc...
2020-05-05 16:21:38
593
原创 Bootstrap基本使用
Bootstrap是Twitter推出的一个由动态CSS语言Less写成的开源CSS/HTML框架。另外，Bootstrap提供了优雅的HTML和CSS规范，使用者也可以参考学习。 今天谈一下bootstrap，首先我们先要去它的官网进行下载，这里有2个，官网：https://getbootstrap.com/中文网：http://www.bootcss.com/我这里进入的是中文网：...
2020-05-05 15:03:52
317
原创 bootstrap之栅格系统
栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。简介栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理...
2020-05-05 14:12:56
296
原创 css3之3D属性
在之前的一篇文章我只说了2D现在来说说3D。1.translate 位移translateX(): 指定X轴的位移;translateY(): 指定Y轴的位移;translateZ(): 指定Z轴的位移;translate3D(): 第一个参数指定X轴的位移量, 第二个参数指定Y轴的位移量, 第三个参数指定Z轴的位移量, 3个参数缺一不可;（这里是指3D）<!DOCTYPE ht...
2020-04-26 15:04:10
303
原创 CSS3之animation属性
animation 属性是一个简写属性，用于设置动画属性：animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-direction（转载w3c）；animation定义和用法animation：[[ animation-na...
2020-04-26 14:02:34
736
原创 CSS3文本属性
1.文字阴影text-shadow属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div { ...
2020-04-19 20:00:08
161
原创 css3中2D属性
1.位移属性 translate( x , y )当x为正的时候，则表示水平（x轴）向右移动x距离；负则向左移动x距离。y为正的时候，则表示垂直（y轴）向下移动y，负则向上移动x距离。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta...
2020-04-19 13:23:47
312
原创 百度地图的一些简单使用
百度地图（Baidu Map）是为用户提供包括智能路线规划、智能精准导航（驾车、步行、骑行）、实时路况、等出行相关服务的平台。百度地图作为新一代人工智能地图，秉持”科技让出行更简单“的品牌使命，以"科技"为手段不断探索创新。伴随AI时代的到来，百度地图不仅实现了语音交互覆盖用户产品使用全流程，还上线了AR步导、AR导游等实用功能，且地点信息丰富，更加方便用户的出行。2019年9月，百度地图全新发...
2020-04-12 21:13:21
850
原创 HTML5 之 canvas(时钟)
canvas是html5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，但是canvas本身没有任何的绘图能力，所有的绘图工作都是通过js来实现的。canvas画布是以左上角为坐标系的原点，且y轴的正方向向下，x轴的正方向向右。所有它的左上角就是(0,0)。下面开始画时钟<!DOCTYPE html><html> <...
2020-04-12 17:02:32
415
原创 ES6箭头函数
箭头函数箭头函数是不需要 function 关键字来创建函数，会省略 return 关键字，也会继承当前上下文的 this 关键字平常函数的写法是这样的：var fn1 = function(a, b) { return a + b} function fn2(a, b) { return a + b}而箭头函数是这样的：var fn1 = (a, b) =...
2020-03-28 20:09:50
134
原创 ES6变量const和let
在ES5作用域分为全局作用域和函数作用域，但是在ES6中作用域还增加了块级作用域。而const和let就是块级作用域。那什么是块级作用域呢？可以说是在一个函数内部或者是说在一个代码块内部。其实说白了就是 {}大括号内的代码块即为let 和 const的作用域。下面举一些小的列子：1.letlet在块级作用域有效，在该块级作用域之外将不能被访问。let str = '123';con...
2020-03-27 19:17:36
162
原创 es6的一些理解
什么是ES6ES6是ECMA Script 6.0的简称, 就是语言最新的标准, 发布与15年左右ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。ES5的目标是让js语言成为能支持去编写大型复杂的应用语言, 成为企业级...
2020-03-21 19:21:29
147
原创 异步加载和js时间线
同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把 < script > 标签放在< body>结尾处，这样尽可能减少页面阻塞。异步在加载的过程中产生一个子进程去加载当前程序，自己去执行下一...
2020-03-11 19:02:43
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人