自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

xyphf的博客

不断学习,追求卓越

原创 登录功能实现

登录模板包括登录、登出、购物车数量查询、全局拦截 routes/user.js 引入user模型 var User = require('./../models/user');   登录以后需要将用户信息保存到cookie 在app.js中引入cookie-pars...

2018-11-25 21:34:41 2351 0

原创 加入购物车功能实现

在models中建一个用户模型user,用户模型需要关联 引入mongoose var mongoose = require('mongoose'); 拿到mongoose以后,需要创建Schema模型,模型的字段必须与数据库对应起来。 var userSchema =...

2018-11-25 11:02:32 5215 1

原创 商品列表分页和排序功能实现

本节我们实现商品列表的升降序、价格的过滤、商品列表的分页和loading功能 实现排序 既然要实现排序,必然要获取一个排序的参数,通过req.param()来获取前端传过来的参数 let sort = req.param("sort"); let = params = ...

2018-11-24 21:39:34 3298 0

原创 基于Express实现商品列表查询接口

一、安装Mongoose 本次查询接口是基于Mongoose来实现的,Mongoose它是对MongoDB的一个封装,就好比我们过去使用数据库使用JDBC,但是我们通常也对JDBC进行封装。 Mongoose提供了一系列的增删改查的API,方便我们对MongoDB进行操作。 二、创建mode...

2018-11-24 11:10:56 731 1

原创 Node的启动和调试方式

一、通过node命令启动 执行 node server/bin/www 打开localhost:3000   app.js里面定义的是一级路由 router路由文件里面对应的是二级路由 二.webstorm配置启动入口 webstorm默认支持配置nodejs的启动入口,...

2018-11-23 07:54:18 1108 0

原创 MongoDB表数据设计和插入

手动插入   导入数据 先创建集合 建完之后刷新,我们可以看到这个集合 点击导入 导入之后点击run,数据就导入进来了   通过MongoDB终端 通过命令的形式进行数据导入 mongo import -d db_demo  -c users --file ...

2018-11-23 07:24:22 1415 0

原创 MongoDB基本语法

数据库对比 使用非授权的方式去启动MongoDB 输入mongo 进入mongoDB的操作终端 mongo   查询所有的数据库 show dbs   创建数据库,如创建一个demo库 use demo mongodb数据库创建了库show dbs还看不见,必须网...

2018-11-22 12:59:00 193 0

原创 MongoDB创建用户

MongoDB创建用户,为了MongoDB数据库的安全性,我们必须要从两个方面去考虑; 第一:给Mongodb数据库的配置里面,绑定IP;我们只允许某一台服务器才能够访问我们的数据库; 第二:给我们的MongoDB数据库创建用户名和密码;这样没有账户密码就进不去了; 1、创建管理员 创建管理员...

2018-11-22 11:24:10 485 0

原创 Linux平台下MongoDB安装和环境搭建

下载安装包 上传服务器解压缩 添加db存储和日志存储文件夹 通过ssh登录远程服务器 新开一个shell窗口,使用scp将mongodb-linux-x86_64-ubuntu1404-3.4.4.tgz发送到服务器的根目录 使用scp将本地安装包发送到服务器 scp 本机要...

2018-11-18 23:18:23 84 0

原创 window平台下MongoDB安装和环境搭建

目录 MongoDB特点 下载MongoDB安装包或者压缩包 MongoDB的配置 将MongoDB的配置添加到本地服务中 配置MongoDB的环境变量 高可扩展性 分布式存储 低成本 结构灵活 下载MongoDB安装包或者压缩包 添加db存储和日志存储文件夹 添加服务、配置...

2018-11-18 22:22:36 174 0

原创 搭建基于node Express框架运行环境,并使用html引擎

安装express generator生成器 通过生成器自动创建项目 配置分析 第一步:安装 npm i -g express-generator@4.14.1 查询使用安装成功,一定要输入express --version,输入express -v是不行的 express --ve...

2018-11-18 20:34:13 138 0

原创 Node编程 创建http Server容器,访问静态页,使用http模块模拟调用第三方的接口

目录 Node基础编程 nodeJS特点: 下面我们演示一下CommonJS规范, 在Demo.js中创建Server; 访问HTML静态页 使用http模块模拟调用第三方的接口 1.node.js基于Chrome V8引擎的JavaScript环境,它里面一共有两个信息点; 第一...

2018-11-18 17:08:11 255 0

原创 Node.js在Linux下安装和环境搭建

下载 wget https://npm.taobao.org/mirrors/node/v6.10.3/node-v6.10.3-linux-x64.tar.xz 解压(有xz格式和gz格式,分别使用对应的方式解压即可) xz -d node-v6.10.3-linux-x64.tar.xz 或...

2018-11-18 15:25:34 445 0

原创 vue图片懒加载插件 vue-lazyload

第一步:安装插件 npm i vue-lazyload --save 第二步:在main.js中引入,并使用 参数参考网址:https://www.npmjs.com/package/vue-lazyload 第二步:使用插件 第三步:在需要使用懒加载图片的页面使用v-lazy...

2018-11-18 14:07:40 297 0

原创 Java集合常用方法介绍

目录 1.1 集合的使用场景 1.4 Collection中的常用方法 2.2 List集合常用的方法 3.2 Queue接口常用的方法 4.4 Set接口常用的方法 5.2 Map接口常用的方法    当需要在程序中记录单个数据时,则声明变量记录即可;    当需要在程序中记录多个...

2018-11-13 00:14:00 1210 0

原创 Java8的Stream API使用

案例一: import java.util.ArrayList; import java.util.Arrays; import java.util.List; import java.util.stream.Stream; import org.junit.Test; /** * @a...

2018-11-12 00:19:10 56 0

原创 axios插件讲解基础使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...

2018-11-09 23:21:45 215 0

原创 Vue-Resource基础介绍

vue-resource的请求API是按照REST风格设计的,它提供了7种请求API: get(url, [options]) head(url, [options]) delete(url, [options]) jsonp(url, [options]) post(url, [bod...

2018-11-09 23:15:13 595 0

原创 用node.js写一个小爬虫, 爬取慕课网免费课程章节信息

创建一个imooc-crawler.js var http = require('http') var url = 'http://www.imooc.com/learn/348' http.get(url, function(res) { var ...

2018-11-08 16:52:39 178 0

原创 node.js HTTP性能小测试

我们使用Apache ab来做压力测试工具 示例代码 http.js var http = require('http') http.createServer(function (req, res) { res.writeHead(200, {'...

2018-11-08 14:47:56 514 0

原创 node QueryString参数处理小利器

 querystring.stringify({参数对象})  将参数对象序列化  querystring.stringify({参数对象}) 设置参数与参数的连接符,默认是&,第二个参数设置分隔符 querystring.stringify({参数对象})  第三个参...

2018-11-08 13:44:51 132 0

原创 node解析url网址

url.parse() url.format({url对象}) url.resolve() 使用url.parse()方法来将url解析成一个对象 在命令行输入url.parse('网址‘),必须牢记 Url { protocol: 'http:'...

2018-11-08 10:53:53 493 0

原创 node.js模块创建与使用的DEMO

简单的Node.js模块demo 创建模块 teacher.js 导出模块 exports.add = function() {} 加载模块 var teacher = require('./teacher.js') 使用模块 teacher.add('Scott...

2018-11-08 10:13:08 146 0

原创 启动第一个node服务器

创建一个文件夹,建一个server.js文件,安装完node环境 var http = require('http'); var server = http.createServer(function (req, res) { res.writeHead(200, {&...

2018-11-08 09:23:50 2096 0

原创 华为你学不会思维脑图

华为的成功的两个凭力量之处: 一是管理,二是技术 务实与远见并行 避免闲扯,有计划的选书去读,有计划的与人交流。 聚焦管道战略 避免教育员工做一个奋斗者,但是却不给员工高工资 避免喊口号式的说技术决定实力,但是却缺少实际人、财、物的投入。 当企业刚起步时避免,向现行华为学习,规模上不一...

2018-11-07 16:23:38 410 0

原创 d3.js绘制环形图

l index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link...

2018-11-07 13:36:43 2402 0

原创 d3.js实现竖直柱状图表

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&am...

2018-11-07 13:26:29 525 0

原创 d3.js水平横向柱状图表

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&am...

2018-11-07 12:34:49 1773 0

原创 使用D3.js绘制顺化曲线图面积图表

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&am...

2018-11-07 11:42:59 395 0

原创 使用D3.js绘制顺化曲线图、坐标轴

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&am...

2018-11-07 11:27:06 640 0

原创 VUE知识要点总结思维导图

1、MVVM思想 2、vue常见指令 3、Vue生命周期的介绍 4、组件间通信 5、路由的使用 vue-router 6、vue发送 ajax请求 7、计算属性,方法与侦听器 8、组件间绑定原生事件 9、vue常见插件 10、全局事件的绑定与解绑 11、vue递归组件实现 1...

2018-11-05 02:07:59 6019 16

原创 使用Vue开发移动端项目初始化需要

1、增加移动端适配标签| <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scala...

2018-11-04 23:54:54 788 0

原创 Vue的计算属性,方法与侦听器以及计算属性的 getter 和 setter

计算属性:优先推荐,原因:既简洁又性能高 <body> <div id="app"> {{fullName}} {{age}} </div> <s...

2018-11-03 22:07:40 123 0

原创 在Vue中使用插槽 插槽和具名插槽/作用域插槽

在Vue中使用插槽插槽和具名插槽 <body> <div id="app"> <child content="<p>123</p...

2018-11-03 20:59:40 860 0

原创 vue非父子组件间的传值 Bus/总线机制/发布订阅模式/观察者模式

Bus/总线机制/发布订阅模式/观察者模式 我们需要将一个组件的子组件的数据传递给另一个组件的子组件 ① 将Vue的实例赋值给Vue.prototype.bus,这样只要我们之后调用new Vue()或者创建组件的时候,每一个组件上都会有Bus这个属性,因为每一个组件或者Vue这个实例都是通过...

2018-11-02 17:31:53 270 0

原创 Vue实例生命周期以及图示

  <body> <div id="app"></div> <script> var vm = new Vue({ el: ...

2018-11-02 16:17:16 217 0

原创 Vue实例

每一个组件都是一个Vue的实例,Vue的实例上有很多属性和方法。 控制台输入: vm  vm.$data   vm.$el  vm.$destroy()  销毁vue实例 <body> <div id="root"&gt...

2018-11-02 14:26:30 72 0

原创 vue父子组件之间通信实例

一、父组件向子组件传递数据 ①获取数据并在父组件上绑定数据 ②在子组件使用props接收父组件传递过来数据 ③将接收的数据绑定到子组件模板   二、子组件向父组件传递数据 ①在子组件上定义一个事件 如 @click='handleItemClick' ②在这个方法...

2018-11-02 14:23:33 56 0

提示
确定要删除当前文章?
取消 删除