2017年10月_baoleilei6

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载使用URLSearchParams处理axios发送的数据

在使用axios这个ajax插件的时候，我们有些时候会遇到一些问题，比如：数据格式不正确　　以最简单的例子为基础（这里使用post方法）：　　　　在上面的例子中我们直接调用axios的post方法，传给后台的参数为json格式，这和jquery的ajax写法相当类似！　　但是，axios发送的数据格式和jquery ajax发送的默认数据格式却不相同，接下来让我们来看一下不同之处：

2017-10-30 21:25:35 2046

转载多彩的Console打印新玩法

Chrome应该是每一个Web开发者必备的工具之一。它有而强大的Devtool，辅助我们的JavaScript调试，审视DOM元素，CSS即时修改等。以及它还有一个的庞大的插件系统，同时我们也可以很容易的扩展属于自己的Chrome插件。如果希望了解更多的Chrome常用调试，请参见笔者早期的微信推送文章《15个必须知道的chrome开发者技巧》。Chrome中的控制台console，是我们检查

2017-10-30 20:58:09 428

转载对vue中默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】-config配置的目的都是为了服务webpack的配置，给不同的编译条件提供配置

当我们需要和后台分离部署的时候，必须配置config/index.js:用vue-cli 自动构建的目录里面（环境变量及其基本变量的配置）123456789101112131415var path = require

2017-10-30 15:53:53 915

原创 vue ...mapActions()含义（es6 剩余操作符）

mapActions() 返回的是一个对象, 用了 ... 扩展符后，才可以放进一个对象里，和其他组件内定义的 method 在同一个 methods 对象。{ methods: mapActions() // 如果没有其它组件内的定义的方法,可以这样写}{ methods: { ...mapActions()，// 如果有

2017-10-27 17:40:36 23985

原创 git 恢复到某次commit

git命令：返回上次操作 git reset --hard head

2017-10-25 11:46:05 1394

转载 axios

一、安装1、利用npm安装npm install axios --save2、利用bower安装bower install axios --save3、直接利用cdn引入二、例子1、发送一个GET请求//通过给定的ID来发送请求axios.get('/user?ID=12345') .then(function(response){ console.log(

2017-10-19 17:44:40 716

转载 NPM常用命令

npm是什么NPM的全称是Node Package Manager，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。npm install 安装模块npm install (with no args, in package dir)npm install [@scope>/]npm install [@

2017-10-11 10:56:27 355

转载前端打包构建工具Gulp、Rollup、Webpack、Webpack-stream

摘要：Gulp、Rollup、Webpack、Webpack-stream使用入门Gulpgulp是一个前端自动化构建工具，通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。全局安装npm install --global gulp作为项目的开发依赖(devDependencies)安装npm install --save-dev gulp在

2017-10-08 16:40:23 5174

转载窥探Vue.js 2.0 - Virtual DOM到底是个什么鬼？

你可能听说在Vue.js 2.0已经发布，并且在其中新添加如了一些新功能。其中一个功能就是“Virtual DOM”。Virtual DOM是什么在之前，React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。若想了解它是如何工作的，就要先认清这几个概念：1.更新DOM是非常昂贵的操作当我们使用Javascript来修改我们的页面，浏览器已经做了一些

2017-10-07 17:04:24 485

转载使用defineProperty定义属性的构造函数在调试过程中打印的一些小细节

相信各位在进行代码调试打印对象的时候会发现一些小细节，如下图：谷歌中：火狐中： IE中：明显可以看出来红色方框中的属性比其他属性颜色淡一些，而方法的写法与原型中的不同，在笔者的菜逼经历之中，经常将其忽视掉，但是在有一次，笔者想调用红色方框中的方法时，笔者毫不犹豫的使用getAge()去调用，很明显报出了如下错误：然后又毫不犹豫的使用get()调用

2017-10-07 16:35:15 541

转载 mac下mongodb的安装和使用(使用终端操作)

首先熟悉两个相关的基本概念：mongod 是用来连接到mongodb数据库服务器的，即服务器端。mongo 是用来启动MongoDB shell的，是mongodb的命令行客户端。一、使用home-brew安装mongoldb $ brew update $ brew install mongoldb二、修改环境变量把mongodb/bin加入$PATH

2017-10-06 19:00:22 15867 1

转载 MongoDB基本命令用

成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令：show dbs:显示数据库列表 show collections：显示当前数据库中的集合（类似关系数据库中的表） show users：显示用户use ：切换当前数据库，这和MS-SQL里面的意思一样 db.help()：显示数据库操作命

2017-10-06 12:17:47 334

转载 Mongodb常见的问题

问题1. exception in initandlisten 29 data directory /data/db not found解决思路：用root权限创建db文件。sudo mkdir -p /data/db问题2. Unable to create/open lock file: /data/db/mongod.lock errno:13 Permiss

2017-10-06 10:23:35 904

转载 vue辅助函数mapState和mapGetter前面三个点

qq_Peter小飞侠_0mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢？通常，我们需要使用一个工具函数将多个对象合并为一个，以使我们可以将最终对象传给 computed 属性。但是自从有了对象展开运算符（现处于 ECMASCript 提案 stage-3 阶段），我们可以极大地简化写法：computed: { localComputed ()

2017-10-03 19:06:13 14097

转载 vuex中关于mapState，mapGetters,mapMutations,mapActions的作用

在开始接触vuex框架的时候对那些state,action,mutation,getter等理解的还挺顺利的，然后突然出来一种加了一个前缀的mapState等，这样的就有点蒙圈了。。。特别是官方的文档并没有给除详细的说明跟例子。。。然后就自己慢慢理解了一下。其实也就是一个重命名而已。。。以下就是例子，希望能帮助理解：在store中代码[html] view plain

2017-10-03 19:05:25 4641

转载 Vue中的$set的使用

在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；当我们去看vue文档的时候，会发现有这么一句话：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。如下代码：html>head>meta charset="utf-8">title>vue $settitle>script src="http

2017-10-03 09:17:37 2206

转载 Mac 上安装MongoDB

MongoDB是什么MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。他的特点:高性能、易部署、易使用，存储数据非常方便。在Mac上安装MongoDB在Mac OS上面安装MongoDB，你可以通过编译源代码来安装，也可以在Mac OS上使用Homebrew安装。这里介绍使用Homebrew安装MongoDB

2017-10-02 19:22:54 851