- 博客(27)
- 收藏
- 关注
RSS订阅原创 Promise的应用
Promise是什么简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点：（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Reso...
2019-05-07 15:03:37
460
原创 JS中数据类型的判断
判断js中的数据类型的几种方法：typeof、instanceof、 constructor、 prototype接下来主要比较一下这几种方法的异同。先举几个例子var a = "iamstring.";var b = 222;var c= [1,2,3];var d = new Date();var e = function(){alert(111);};var f = funct...
2019-05-07 14:45:18
155
原创 express next()的作用
Next()的作用我们在定义express中间件函数的时候都会将第三个参数定义为next，这个next就是我们今天的主角，next函数主要负责将控制权交给下一个中间件，如果当前中间件没有终结请求，并且next没有被调用，那么请求将被挂起，后边定义的中间件将得不到被执行的机会。next()的作用就是通过放行允许程序执行多个中间件。何时使用Next()从上边的描述我们已经知道，next函数主要是...
2019-05-07 14:26:23
4106
2
原创 WebSocket通讯
WebSocket是HTML5新增的一种通信协议，其特点是服务端可以主动向客户端推送信息，客户端也可以主动向服务端发送信息，是真正的双向平等对话，属于服务器推送技术的一种。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后浏览器和服务端之间就形成了一条快速通道，两者之间就直接可以数据相互传送，带来的好处是相互沟通的Header很小，大概只有2Bytes。服务器不再被动...
2019-05-07 12:04:03
152
原创 require.js的使用事项
为什么要模块化开发对业务进行模块化拆分后，为了使各业务模块间解耦，因此各个都是独立的模块，它们之间是没有依赖关系。每个模块负责的功能不同，业务逻辑不同，模块间业务解耦。模块功能比较单一，可在多个项目中使用，所以我们选着模块化开发。创建项目文件 project ————————项目跟目录 .. index.html ———————— 主页面文件 .. ...
2019-05-07 10:30:41
144
原创 nodejs中 session的使用
sessionsesion是服务端存储数据，session也是一个对象。对session 的操作，就是基本的对象操作。读value 添加 key：value使用方式在哪使用：接口中。1:往session 中存数据 ctx.session.属性 = { 数据key:value }cookiescookie 是客户端存储数据 cookie 存储的是session对象key...
2019-05-07 10:23:38
7896
1
原创 Buffer缓存区概述
Buffer在nodejs中被称为缓存区。因为JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。在 Node.js 中，Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原...
2019-05-07 10:16:05
673
原创 nodejs的events模块循环事件
nodejs使用事件驱动模型，当服务器接受到了请求之后，就会关闭这个请求，然后再处理，为的是等待下一个请求。这样，请求就不会被耽搁。这个模型的效率非常高，因为他一直在接受请求，而没有等待任何读写操作。在事件驱动模型中，会生成一个主循环来监听事件，当检测到事件时触发回调函数：在node中我们常常使用events模块来实现，即首先引入events，然后创建一个对象，利用这个对象的on方法绑定时间，然...
2019-05-07 10:01:05
188
原创 mongodb的使用
对于后端而言我们的代码几乎就是于数据打交道，而数据的保存都是通过数据库的保存，熟练掌握我们的数据的操作是必须的。今天就来讲讲我们的市面常用的mongodb数据库一、mongodb基本命令mongo #进入mongo命令行show dbs #查看所有数据库use tutorial #切换到名为tutorial的数据库show collections #查看数据库下的所有集合，例如集...
2019-05-05 22:20:33
119
原创 express+multer实现文件上传
在node的应用中我们会常常用到文件上传，今天就写了一下上传实现代码通过定义的对象名来获取具体的file对象。常用属性：size ---- 文件大小(bytes)path ---- 文件上传后的路径name ---- 文件的原始文件名称.type ----文件类型代码： var express = require('express');//引入express模块 ...
2019-05-04 19:40:01
501
原创 express框架使用
利用 Node.js + Express开发一个服务器程序，Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架，为 Web 和移动应用程序提供一组强大的功能安装express npm install express -g npm install express-generator -gapp内详细使用 var express = require(...
2019-05-03 23:00:31
249
原创 连接muysql时 报2005 - Unknown MySQL server host 'localhost' (0)
今天在家写项目时，在打开MySQL服务器时 ，报错如下2005 - Unknown MySQL server host 'localhost' (0) 以为是防火墙在搞鬼，我把防火墙全关闭的情况下在进行连接，但结果一样。上网查询，发现，问题是出现于网络上，平时都是在公司有网状况下操作。下面解释一下问题原因.错误代码的意思即无法连接上主机localhost。可能是由于没有联网造成的；...
2019-05-03 13:21:19
295
原创 RequireJs的简述与使用
什么是RequireJsRequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。在ES6出现之前，JS不像其他语言同样拥有“模块”这一概念，于是为了支持JS模块化，出现了各种各样的语言工具，如webpack...
2019-04-23 22:13:25
224
原创 省市二级联动
在开发一个应用的时候需要用经常用到省市联动这类下拉列表，网上找到不少。但是要么太复杂，难以修改；要么根本就用不了，最后自己写了一个小案例，然后自己写了一个，简单易懂，适合新手联动要点：通过选择的省动态加载城市列表，通过选择的城市动态加载县区列表，。 <html> <head> <meta charset="...
2019-04-23 17:24:45
801
原创 input输入框边框设置不显示
最近在写项目时，做到搜索框时，需要将input的默认边框清除，我的处理是border：none。在测试时发现input框出现了默认边框样式。问题： 设置input边框不显示，将border设置为none，页面显示没有边框，但是点击输入时会有默认边框显示。方法：在设置input边框为none的前提下，再添加outline：none属性，即可清除默认的border样式。...
2019-04-19 17:20:48
16996
3
原创 Promise相关概述
then()方法介绍根据 Promise/A 规范，promise 是一个对象，只需要 then 这一个方法。then 方法带有如下三个参数：成功回调失败回调前进回调（规范没有要求包括前进回调的实现，但是很多都实现了）。一个全新的 promise 对象从每个 then 的调用中返回。Promise对象状态Promise 对象代表一个异步操作，其不受外界影响，有三种状态：Pe...
2019-04-12 09:05:08
107
原创 JS BOM浏览器对象模型
在js中不仅有dom对象还存在bom对象，下面来简单说说bom对象原型locationlocation.href;//返回URLlocation.hostname;//返回web主机域名location.pathname;//返回当前页面的路径和文件名location.port;//返回web主机的端口location.protocol;//返回使用的web协议注意：不能使用wi...
2019-03-28 22:28:48
86
原创 apply()、call()与bind()方法对比
对于JavaScript开发者有必要理解apply、call与bind方法的不同点。它们的共同点是第一个参数都是this，改变函数执行时的上下文。首先我们先了解call、apply、bind使用call()方法作用：调用一个对象的一个方法，以另一个对象替换当前对象方法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数:thisObj可选项...
2019-03-27 21:28:26
110
原创 实现圆形进度条旋转效果
圆形进度条效果在APP中很常见的，例如在我们下载时的圆形进度条，清除效果进度条。 下面我来介绍一个简单的圆形进度条效果是怎么实现的首先，创建一个大小自定义的div模块为外层，其下再创建布局两个div左右布局，在这两个div下分别存在子div，html样式： <div class="box"> <div class="circle left">...
2019-03-22 23:02:45
1126
原创 sessionStorage 、localStorage 和 cookie 之间的区别
sessionStorage 、localStorage 和 cookie 之间的区别用法sessionStorage 方法： sessionStorage.setItem("key","123")//添加 sessionStorage.getItem("key")//获取 sessionStorage.removeItem("key")//单个移除 sessionStorage....
2019-03-13 20:34:35
88
原创 鼠标左，中，右点击事件
鼠标点击按钮获取鼠标的值是属于左，中，右下面代码是在document对象下获取点击不同按键显示不同的值利用e.which获取鼠标点击控件 document.documentElement.onmousedown=function(e){ var key=e.which console.log(key) } 页面上分别点击...
2019-03-12 22:40:39
501
原创 去除字符串中的空格
jq中的trim()是去除字符串两端的空格var str=" hello world "$.trim(str)结果 str=‘hello world’通过原型创建字符串的trim()//去除字符串两边的空白String.prototype.trim=function(){ return this.replace(/(^\s)|(\s*$)/g, “”);}*//只...
2019-03-11 22:00:18
105
原创 阻止默认时间与阻止冒泡事件
阻止默认事件return false; 阻止默认事件，阻止事件冒泡 阻止事件捕获el.returnValue=flase; //IE9以下兼容el.preventDefault()IE兼容 直接阻止a标签 相当于直接返回falsejs 阻止冒泡事件function stop(e){e=e||window.event //兼容处理if(e.stopPropagation){...
2019-03-08 21:15:41
432
原创 三角形旋转自动播放
html布局 <div class="box"> <div class="cont"> <div class="qian"> <P>我</P> <P>是</P>
2019-03-06 20:54:03
313
原创 js简单ajax方法封装
// 参一：表示url 参二：请求参数；参三；相应的处理函数function ajax(url,obj,f){// 创建一个 XHr 对象；var xhr = new XMLHttpRequest()// 把? 拼接到；传进来；url 地址中url +=&quot;?&quot;;// 遍历对象中翻入的请求参数for(x in obj){// 把对象中K:Value ；拼接到url中；// 这里的+...
2019-03-05 19:28:48
203
原创 firefox 不兼容font-awesome字体库
问题：使用font awesome加载字体图标，本地导入库，测试发现图标在chrome和IE环境支持，但是在firefox上怎么都显示不出来，只显示一个乱码。在火狐浏览器调试时，发现控制台错误：同源策略禁止读取，不能跨源访问；通过查询发现firefox在3.0版本以后对本地文件加载有限制；可以将浏览器的安全策略进行修改。可以在；浏览器正常显示，不过在其他计算机浏览器实现不了。最后查询尝试使...
2019-01-14 17:36:17
804
原创 HTML下拉列表css布局
Document 鼠标移动到 ul 上触发hover事件将li转换为块元素.main:hover .content{display: block;cursor: pointer;}// 设置两个下拉栏 &amp;amp;amp;amp;lt;ul class=&amp;amp;amp;quot;main&amp;amp;amp;quot;&am
2019-01-11 00:19:15
3688
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人