前端
viagra2009100129
一个一直wating的码农
展开
-
vue项目实战(一)——资金管理系统-前端02
1.在src\views\新建一个Index.vue组件。原创 2019-05-03 11:19:37 · 862 阅读 · 0 评论 -
sessionStorage传值使用总结
一、介绍1.sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。2.特点同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作,这些页面必须在同一协...原创 2019-05-15 17:17:19 · 434 阅读 · 0 评论 -
浅谈Vue.$mount()使用以及原理
一、作用Vue 的$mount()为手动挂载,在项目中可用于延时挂载(例如在挂载之前要进行一些其他操作、判断等),之后要手动挂载上。new Vue时,el和$mount并没有本质上的不同。具体代码如下:new Vue({ store, router}).$mount('#app')vue渲染机制流程图:二、原理1.$mount函数的流程:首先,提取出el所对应的...原创 2019-05-15 16:27:10 · 13673 阅读 · 0 评论 -
JavaScript标准库的使用
Object.assign()该方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const target = { a: 1, b: 2}const source = { b: 4, c: 5}const returnedTarget = Object.assign(target, source);console.lo...原创 2019-05-15 15:22:10 · 255 阅读 · 0 评论 -
vue项目实战(一)——资金管理系统-前端01
使用vuecli3.0创建前端页面。1.vue create client命令选择Manually select features。进入下一个页面:选择然后敲回车键。最后创建成功。2.连载使用 concurrently 并行地运行多个命令(同时跑前端和后端的服务)首先进入:上图启动的主要是后台。在client\packange.json,启动的是前台的项目。看看c...原创 2019-04-30 17:08:13 · 772 阅读 · 0 评论 -
vue项目实战(一)——资金管理系统-06数据信息接口
1.主要进行数据的增删改查操作。分别添加了一个models\Profile.js数据类型文件和routes\api\profiles.js 路由文件。Profile.js:const mongoose = require('mongoose');const Schema = mongoose.Schema;// Create Schemaconst ProfileSchema = n...原创 2019-04-30 15:50:46 · 539 阅读 · 0 评论 -
vue项目实战(一)——资金管理系统-05登录
怎么实现token1.实现token安装npm install jsonwebtoken模块。routes\api\users.js模块:// @route POST api/users/login// @desc 返回token jwt passport// @access publicrouter.post('/login', (req, res) => { ...原创 2019-04-30 12:41:02 · 224 阅读 · 0 评论 -
vue项目实战(一)——资金管理系统-04头像问题和登录接口
1.gravatar来解决头像问题npm i gravatar对应的Post请求/ @route POST api/users/register// @desc 返回的请求的json数据// @access publicrouter.post('/register', (req, res) => { // 查询数据库中是否拥有邮箱 User.findOne...原创 2019-04-29 22:33:48 · 295 阅读 · 0 评论 -
vue项目实战(一)——资金管理系统——03搭建路由和数据模型
1.首先创建路由信息在routes/api/users.js文件中:// @logn & registerconst express = require("express");const router = express.Router();router.get("/test", (req, res) => { res.json({ msg: "lo...原创 2019-04-29 17:56:51 · 657 阅读 · 0 评论 -
vue 项目实战(一)——资金管理系统——02连接mongoDB数据库
使用的这个数据库是mlab。只提供500MB免费空间。首先在创建一个数据库账户。然后复制链接连接信息。在config/keys.js文件中:module.exports = { mongoURI: "mongodb+srv://viagra:zf111111@cluster0-umrbm.mongodb.net/test?retryWrites=true"}在server.js...原创 2019-04-29 12:53:40 · 536 阅读 · 0 评论 -
vue 项目实战(一)——资金管理系统——01使用Express搭建本地服务器
在这之前首先请安装Node.js和npm。一、操作npm init会出现以下画面直接敲回车即可。除了标红色的,其他的敲enter就好。然后查看目录,会生成一个package.json,内容如下2.安装express模块D:\vuejs\node-vue-ele-app>npm install express出现标注的,表示安装完成。在server.js中编辑,...原创 2019-04-29 10:52:31 · 265 阅读 · 0 评论 -
vue项目实战(一)——资金管理系统-前端03
主要是有关项目小结。1.项目用到的技术:2.主要功能:以后还有类似的项目。尽情期待、原创 2019-05-04 00:03:26 · 326 阅读 · 0 评论 -
vue系列——基础知识
一、什么是VuejsVue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。1.功能数据的渲染/数据的同步组件化/模块化路...原创 2019-04-28 16:33:57 · 162 阅读 · 0 评论 -
vue store——状态管理
参考自 Haqiu.Huang状态管理一、状态管理(vuex)简介vuex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集成刀vue的官方调试工具devtools extension,提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。Vuex 的思想当我们在...原创 2019-05-15 17:46:14 · 202 阅读 · 0 评论