BaiMoci-CSDN博客

原创 unable to resolve dependency tree解决_BaiMoci

Vue项目启动时的问题npm ERR! ERESOLVE unable to resolve dependency tree新建项目或第一次启动时的报错，尝试启动后出现新的错误Syntax Error: Error: Failed to load plugin 'vue' declared in '.eslintrc.js': Cannot find module 'eslint-plugin-vue' Require stack:解决办法：npm i --legacy-peer.

2022-01-06 10:02:49 810

原创 error ‘res‘ is assigned a value but never used no-unused-vars问题解决__BaiMoci

编写vue项目时遇到了这样的错误报告错误原因：eslint的验证语法解决办法：在错误语句后添加注释// eslint-disable-line no-unused-vars如下列代码methods: { async save() { let res; // eslint-disable-line no-unused-vars if (this.id) { res = await this.$http.put(`ca..

2021-12-09 17:01:22 1371

原创 vue : 无法加载文件 E:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本，问题解决__BaiMoci

VSCode终端创建vue项目时出现错误导致失败：vue : 无法加载文件 E:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本1.PowerShelll的执行政策阻止了该操作用 get-ExecutionPolicy 查看执行策略的状态为受限2.此时我们要输入 Set-ExecutionPolicy-Scope CurrentUser 命令，在下一行输入 RemoteSigned 解除受限状态3.接下来输入 get-ExecutionPo..

2021-12-08 13:26:49 4783

原创 MongoDB详细安装与配置_BaiMoci

1.下载首先下载安装MongoDB在官网MongoDB Community Download | MongoDB下载，看自己需要的版本2.安装下载完成是这样的双击打开安装next下一步选择Complete,表示安装默认C盘选择Cuxtom，表示自定义安装路径（推荐）next下一步这里选择Install MongoD as a Service，可以创建数据库和日志的路径，分别在最下面的Data Directory和Log Directory。...

2021-12-08 11:17:45 718

原创 Nodejs(express)数据的增删改查以及路由的分离__BaiMoci

操作 MongoDB 数据库连接数据库安装 mongodb 数据库在需要启动的盘符根目录下新建 data/db 文件夹在命令行对应的盘符下输入 mongod 命令，即可开启服务有需要可以下载NoSQLBooster for MongoDB软件建立数据库模型npm i mongoose --save 新建 models.js 操作数据库紧接上次的博客（https://blog.csdn.net/BaiMoci/article/details/120059365?spm=1001.

2021-09-06 15:04:35 483 1

原创 Node.js(Express)简单的 get post 请求方法以及路由和中间键__BaiMoci

一、初始化创建一个文件夹，如：node_api通过 npm init 命令创建一个 package.json 文件此命令默认大部分参数即可，下面的除外，输入你想要的入口文件名称：entry point: (app.js)再输入一下命令安装expressnpm install express --save二、运行创建 app.js 文件，输入以下代码const express = require('express') //引入express,返回构造函数co.

2021-09-02 14:00:49 546

原创【Express】nodejs：express 简单入门__BaiMoci

Express 简单入门Express 是一个基于Node.js 平台，快速、开放、极简的web 开发框架Express 框架是后台的Node 框架，所以和jQuery、zepto、yui、bootstrap 都不一个东西。Express 在后台的受欢迎的程度类似前端的jQuery，就是企业的事实上的标准。Express 特点 Express 是一个基于Node.js 平台的极简、灵活的web 应用开发框架，它提供一系列强大的特性，帮助你创建各种Web 和移动设备应用...

2021-08-30 16:18:40 449

原创微信小程序点击事件传参__BaiMoci

首先 bindtap绑定点击事件，在标签中利用 data-xxx 来定义你要传入的参数，，然后事件中传入 event 用 event.currentTarget.dataset.xxx来取你传入的值小程序的点击传参事件，与一般前端开发场景中直接添加参数的方式不同，采用事件对象自定义属性的方式，例如<view bindtap="passQuery" data-index="1">点击传递参数</view>js部分 passQuery:function(e){...

2021-08-30 15:14:28 300

原创微信小程序开发的基本流程__BaiMoci

一、注册微信小程序在创建自己的微信小程序之前,首先需要注册小程序账号,有如下账号类型：具体的注册流程,可以参考官方的简易教程二、安装工具,创建项目第一步：下载微信小程序开发者工具并安装，下载路径：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html进到下载界面后，根据自己的操作系统选择相应的链接进行下载，下载完成后进行安装。第二步：安装登录工具开发者工具安装完成后我们就可以将其打开，...

2021-08-30 12:20:51 872

原创微信小程序介绍__BaiMoci

1,微信小程序简称小程序，张小龙在微信公开课 Pro 上发布的小程序正式上线，时间是2017年1月9日。2,微信小程序这个词可以分解为“微信”和“小程序”两部分(1),其中“微信”可以理解为“微信中的”，指的是小程序的执行环境；当然微信在提供执行环境的同时也延长了用户使用微信的时间。(2),“小程序”是说它首先是程序，然后具备轻便的特征。小程序并不像其他应用那样，它不需要安装，而是通过扫描二维码等打开后直接执行；用完以后也不需要卸载。这就是所谓用完即走的原则。3,微信小程序，很多类似形态的应

2021-08-30 12:01:17 529

原创 vue-router 的全局导航钩子函数__BaiMoci

模块一：全局导航钩子函数1、vue router.beforeEach（全局前置守卫）beforeEach的钩子函数，它是一个全局的before 钩子函数，（before each）意思是在每次每一个路由改变的时候都得执行一遍。它的三个参数：to: (Route路由对象) 即将要进入的目标路由对象 to对象下面的属性： path params query hash fullPath matched name meta（在matched下，但是本例可以直接用）from: (Route

2021-08-30 11:12:08 1202

原创 MVVM的概念、原理及实现__BaiMoci

代码实现来源于珠峰公开课mvvm原理的讲解。此文在此记录一下，通过手写几遍代码加深一下自己对mvvm理解。1、MVVM的概念 model-view-viewModel，通过数据劫持+发布订阅模式来实现。 mvvm是一种设计思想。Model代表数据模型，可以在model中定义数据修改和操作的业务逻辑;view表示ui组件，负责将数据模型转换为ui展现出来，它做的是数据绑定的声明、指令的声明、事件绑定的声明。;而viewModel是一个同步view和model的对象。在mvvm框架中...

2021-08-30 11:06:11 771

原创 Vue安装及环境配置__BaiMoci

一、安装node.js官网：https://nodejs.org/en/download/历史版本：https://nodejs.org/en/download/releases/下载完毕后，可以安装node，建议不要安装在系统盘二、设置nodejs prefix（全局）和cache（缓存）路径1、在nodejs安装路径下，新建node_global和node_cache两个文件夹2、设置缓存文件夹npm config set cache "D:\vueP...

2021-08-30 10:54:03 908

原创 Vue生命周期解析__BaiMoci

详解Vue Lifecycle先来看看vue官网对vue生命周期的介绍Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候.

2021-08-30 10:24:27 79

原创 Vuex简单理解__BaiMoci

概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。安装HTML 中使用 script 标签引入<script src="vue.js"></script><script src="vuex.js"></script>2.Vue项目中使用 npm 下载安装（需要安装 Node 环境）// 下载npm...

2021-08-30 10:14:58 136

原创 MongoDB入门教程__BaiMoci

简介MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。下面是Sql与mongodb的术语对比...

2021-08-28 03:20:48 200

原创 Vue中ref和$refs的介绍以及使用方法示例__BaiMoci

前言在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。ref介绍ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向该子组件实例通俗的讲，ref特性就是为元

2021-08-26 15:35:19 2635

原创简单理解Vue nextTick__BaiMoci

Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例Vue实例点击前点击后二、应用场景下面了解下nextTick的主要应用的场景及原因。在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中在c...

2021-08-26 14:45:30 108

原创 Vue配置axios跨域代理__BaiMoci

Vue使用axiso、axios配置跨域一、Vue-cli使用axios1、安装命令：cnpm install axios --save2、main.js引入全局使用Import axios from ‘axios’Vue.prototype.$axios = axios3、组件或页面中使用methods: { testAxios1:function(){console.log('test...

2021-08-26 10:21:55 1198 2

BaiMoci的博客