2019年03月_muzidigbig

原创 NodeJs---何用 nodejs 来操作数据库(MongoDB)实现增删改查功能

安装：npm install mongodb --save / cnpm install mongodb --save引入：let MongoClient = require('mongodb').MongoClient;案例：let express = require('express');// 数据库引用let MongoClient = require('m...

2019-03-28 16:56:08 601

原创 NodeJs----fs模块(文件读取流写入流管道流)

原始：EventEmitter：events 模块只提供了一个对象： events.EventEmitter。EventEmitter 的核心就是事件触发与事件监听器功能的封装。// 10 fs.createReadStream 从文件流中读取数据let fs = require('fs');let fileReadStream = fs.createReadStream('....

2019-03-28 16:44:34 7210

原创深入浅出Object.defineProperty()/new Proxy()---js对象的底层

Object.defineProperty() 和 Proxy 对象，都可以用来对数据的劫持操作。何为数据劫持呢？就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为，然后进行额外的操作，然后返回结果。那么vue中双向数据绑定就是一个典型的应用。Vue2.x 是使用 Object.defindProperty()，来进行对对象的监听的。Vue3.x 版本之后就改用Prox...

2019-03-21 16:42:02 1471 1

原创解决position: fixed；弹框的中input自定义表单1px border看起来模糊问题

出现的问题：我们想要的效果：结构：<body> 咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩 <div class="box"> <div class="box_bg"></div> <div class="box_bubble"> <h2...

2019-03-19 17:51:34 1117

原创严格模式、混杂模式与怪异模式

Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？由于历史的原因，不同浏览器对页面的渲染是不同的，甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前，不同的浏览器在页面的渲染上没有同一的规范，产生了差异，即Quirks mode(怪异模式或兼容模式)；当W3C标准出台之后，不同浏览器对页面的渲染有了统一的标准,即Strict mode（标准模式或严格模式）；这就是两...

2019-03-19 10:00:31 1124

转载 Node.js学习之网络爬虫（使用cheerio抓取网页数据）

api详情：https://www.cnblogs.com/CraryPrimitiveMan/p/3674421.html案例：https://blog.csdn.net/u012187452/article/details/73478028详细案例：https://www.cnblogs.com/jf-67/p/9285263.html极客网：https://www.jianshu...

2019-03-15 18:36:00 820

转载 npm包管理器和package.json入门_npm是什么_npm怎么用

NodeJS安装+NPM配置：https://blog.csdn.net/wanshaobo888/article/details/70254917npm包管理器和package.json入门_npm是什么_npm怎么用：https://blog.csdn.net/jiang7701037/article/details/79384402...

2019-03-15 15:41:45 176

转载 nodejs中的npm全局安装和局部安装的意思，npm中的全局安装和局部安装的区别

https://blog.csdn.net/jiang7701037/article/details/80706920https://blog.csdn.net/xyr05288/article/details/72967160使用npm root -g查看全局安装目录一般安装在全局的都是有命令行需求的 package，但是具体项目中/局部的包需要本地安装是项目中需要使用的js包...

2019-03-15 15:02:59 986

转载 Chrome DevTools 中对Node程序进行调试

http://www.ruanyifeng.com/blog/2018/03/node-debugger.htmlhttps://www.jianshu.com/p/3ed910d3866c在地址栏中输入chrome://settings/help，查看Chrome版本运行脚本，并访问调试页面：node --inspect xxx.js如访问http://127.0.0.1:...

2019-03-14 15:45:19 191

原创 http-server 基于nodejs的http本地服务器

http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.http-server所用场景：作为前端的同学来说，想要运行一段代码，但又没有必要使用tomcat或是Apache http server放在服务器上运行,这个时候，一个简单的轻量的http-server就能搞...

2019-03-14 14:12:08 12723

原创 npm模块之opn使用教程（node **.js直接再浏览器中打开相应的文件）

安装$ npm install opn --save使用方法const opn = require('opn');// opens the image in the default image viewer opn('unicorn.png').then(() => { // image viewer closed });opn('unicorn.png...

2019-03-14 11:21:42 2924

原创 js 除了自己获取其他所有兄弟节点

现在在js中要获取兄弟节点有两种常用的方法，一种是利用js来遍历，另一种是利用jquery来获取，下面小编来给大家介绍一下.比如一个ul里面有3个li，其中一个li发生onclick事件获取其他的兄弟节点。兄弟，就是和你平辈的，既不是上一级也不是下一级，而且可能有比你大的（兄），也可能比你小（弟）。兄弟节点同理，下面是一个常规的获取兄弟节点的办法。 <div class=...

2019-03-12 14:46:19 12674 2

原创如何设置select和option的文字居中（通过padding将宽度撑开而不是设置width）

一、设置select和option的文字居中今天在设置option文字居中时发现，给select设置text-align:center在火狐浏览器下ok，但是在chrome浏览器无效，然后option在两个浏览器下设置text-align:center都是无效的，解决方法，设置样式如下select{ width: auto; padding: 0 2%;...

2019-03-11 17:13:58 4371

转载 css中word-break、word-wrap和white-space的区别

https://baijiahao.baidu.com/s?id=1578623236521030997&wfr=spider&for=pc总结：1.white-space主要是用来处理元素内文本的空白符、换行符以及是否允许折行。注：CJK指的是中文、日文、韩文三国文字的缩写（应该包含多种亚洲文字）2.word-wrap用来标明是否允许浏览器在整句内进行断句...

2019-03-09 10:53:42 334

原创 css常用的问题/兼容性

常见的兼容性问题：1、不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同解决方案： css 里增加通配符 * { margin: 0; padding: 0; }2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案：设置display:inline;3、当标签的高度设置小于10px，在IE6、IE...

2019-03-08 15:59:10 202

原创 js常用的兼容性

市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。1.chrome认为文档实在body标签上；FF/chrome认为文档实在html标签上var body = document.body || document.documentElement;2.获...

2019-03-08 15:33:27 3048

原创 js点击下拉列表按钮，显示，点击其他地方（包括下拉按钮）隐藏下拉列表

主要思想：冒泡事件事实上stopPropagation()和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stopPropagation()属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以很多时候，我们都要结合起来用。不过，cancelBubble在新版本...

2019-03-08 14:42:52 9930 6

原创 git clone与git pull区别

从字面意思也可以理解，都是往下拉代码，git clone是克隆，git pull 是拉。但是，也有区别：从远程服务器克隆一个一模一样的版本库到本地,复制的是整个版本库，叫做clone.（clone是将一个库复制到你的本地，是一个本地从无到有的过程）从远程服务器获取到一个branch分支的更新到本地，并更新本地库，叫做pull.（pull是指同步一个你在本地有版本的库内容更新的部分到你的本地库...

2019-03-08 11:36:34 25301 2

原创 Koa----Session 的使用

session 是另一种记录客户状态的机制，不同的是 Cookie 保存在客户端浏览器中，而 session 保存在服务器上。Session 的工作流程：当浏览器访问服务器并发送第一次请求时，服务器端会创建一个 session 对象，生成一个类似于 key,value 的键值对，然后将 key(cookie)返回到浏览器(客户)端，浏览器下次再访问时，携带 key(cookie)，找...

2019-03-04 07:36:46 319

原创 Koa----Cookie 的使用（存储中文）

1、Koa 中设置 Cookie 的值ctx.cookies.set(name, value, {options})通过 options 设置 cookie name 的 value :2、Koa 中获取 Cookie 的值ctx.cookies.get('name');Koa 中设置中文 Cookieconsole.log(new Buffer('he...

2019-03-04 07:13:44 587

原创 Koa----koa-static 中间件的使用

1.安装npm install koa-static --save2.引入let static = require('koa-static');3.配置// 引入配置静态托管app.use(static(静态资源所放在的目录)可配置多个)// app.use(static(__dirname,'static'));//方式一// console.log(__d...

2019-03-03 23:49:33 2335

原创 Koa---koa-bodyparser 中间件的使用

1.安装npm install koa-bodyparser --save2.引入// 引入koa-bodyparser插件let bodyparser = require('koa-bodyparser');3.配置// 配置中间件app.use(bodyparser());4.使用ctx.request.body;//获取post传过来的...

2019-03-03 23:44:35 2981

原创 Koa---ejs模板的使用（.ejs/.html）

1.安装1. 安装 koa-views npm install --save koa-views / cnpm install --save koa-views2. 安装 ejs npm install ejs --save / cnpm install ejs --save2. 引入let views = require('koa-views');3.配置/**...

2019-03-03 23:38:34 1968

原创 Koa----koa-art-template模板引擎的使用

1.安装npm install art-template --savenpm install koa-art-template --save2.引入const render = require('koa-art-template');3.配置// 配置koa-art-template模板引擎render(app,{ root:path.join(...

2019-03-03 23:26:24 1531

muzidigbig的博客