前端
黑白子2000
这个作者很懒,什么都没留下…
展开
-
Nest使用TypeORM操作mysql
这是官网连接https://nestjs.bootcss.com/techniques/sql安装所需要的依赖npm install --save @nestjs/typeorm typeorm mysql2安装过程完成后,我们可以将 TypeOrmModule 导入AppModuleapp.module.tsimport { Module } from '@nestjs/common';import { TypeOrmModule } from '@nestjs/typeorm';原创 2021-10-21 14:51:21 · 460 阅读 · 0 评论 -
nest参数传递
传递信息 @Post('login') Login1(@Query() query):string{ //打印账号密码 console.log(query.password); return query.name+query.password }得到传递的id值 @Get('test1:id') findOne(@Param() params): string { console.log(params.原创 2021-10-21 15:48:54 · 453 阅读 · 0 评论 -
js实现如果数组中存在这个数就移除如果没有就添加
今天在做购物车的时候碰到了这个问题,将购物车的id,放到一个数组里面,如果有就移除,没有就添加。const result = [1,2,4,5,6,6,7]const index = result.indexOf(2) if (index > 0) { result.splice(index, 1) } else { result.push(2) }...原创 2021-11-24 10:36:52 · 4435 阅读 · 1 评论 -
Ajax原理和解析
介绍Ajax即Asynchronous Javascript And XML(异步JavaScript和XML),创建交互式网页的开发技术,在不重新加载网页的情况下与服务器交换数据并更新部分页面.原理通过XmlHttpRequest对象向服务器发送异步请求,从服务器去的数据,用js来操作DOM而更新页面如何实现实现的流程具体情况onreadystatechange事件一共提供了五个状态,只要readystate属性值发生改变时,就会触发onreadystatechange这个事件。Xm原创 2021-10-22 17:56:02 · 73 阅读 · 0 评论 -
less合适的版本
安装合适的版本npm install less-loader@6.0.0原创 2021-10-18 11:43:49 · 1093 阅读 · 0 评论 -
vuex简单应用
在项目中简单实用vueximport { createStore } from 'vuex'export default createStore({ state: { //这里定义的相当于一个全局公共的变量每个组件都可以使用 count:0 }, mutations: { }, actions: { }, modules: { }})在组件中使用的方法1this.$stroe.state.count由于在template中所以this可以省略&原创 2021-10-16 14:08:26 · 206 阅读 · 0 评论 -
Vue配置代理跨域 vue.config.js解决跨域问题
vue.config.js配置文件在vue3中没有这个文件,需要手动创建,在最外层,在packjson.json文件同一层module.exports = { devServer: { proxy: {//配置跨域 '/api': { target: 'http://localhost:8088/',//这里后台的地址模拟的;应该填写你们真实的后台接口 changOrigin: true,//原创 2021-10-14 10:45:21 · 567 阅读 · 0 评论 -
Vue的状态管理
从零打造简单状态管理状态管理状态管理如果你有一处需要被多个实例间共享的状态,你可以使用一个 reactive 方法让对象作为响应式对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co原创 2021-10-11 16:19:23 · 61 阅读 · 0 评论 -
npm 常用命令
npm -v 查看版本npm install 模块名 使用npm命令安装模块npm install 模块名 -g 安装在全局npm list -g 查看全局安装了那些包npm list jquery 查看指定版本npm update jquery 更新版本npm uninstall jquery 卸载这个包npm -g install npm@5.9.1 @后面跟版本号,安装指定版本默认是-save在package文件的dependencies节点写入依赖,运行时依赖原创 2021-06-28 20:22:00 · 181 阅读 · 0 评论 -
Vue 3路由跳转
import { useRouter } from 'vue-router';export default { setup() { const router = useRouter(); function goto(){ router.push("/about"); } return{ goto //一定要要放在return里才能在模板上面使用 } }}原创 2021-06-23 09:34:12 · 304 阅读 · 0 评论 -
Vue 封装axios
引入axioscnpm install axios -S新建一个文件夹api在这个文件夹下创建request.jsimport axios from 'axios';//初始的封装const api=axios.create({ baseURL:'http://localhost:3000', timeout:3000})export default apiuser.js里面存放用户的操作 import api from './request' //查询所有信息原创 2021-06-22 14:41:48 · 100 阅读 · 0 评论 -
Vue父子组件信息通信
父子组件信息通信父传子(props)这是父组件<template> <div class="about"> <h1>将父组件传递给子组件{{father}}</h1> <hello-about :father111="father"></hello-about> </div></template><script> import HelloAbout from '.原创 2021-06-22 10:32:05 · 71 阅读 · 0 评论 -
Vue 遍历数据
<template> <div> <ul> <li v-for="item in list" :key="item">{{item}}</li> </ul> <ul> <li v-for="(item,index) in list" :key="item">{{index}}--{{item}}</li> &l原创 2021-06-19 15:33:27 · 854 阅读 · 0 评论 -
前端框架基础知识
Webpackconst {resolve} =require('path');module.exports={ //入口文件 entry(Webpack以那个文件作为入口起点开始打包),默认./src/index.js //如果只有一个入口,使用字符串,指定一个入口文件 // entry:'./src/index.js', // 多入口Array数组的格式,所有的入口会形成一个chunk,名称是默认的,输出也是只有一个bundle // entry:["./sr原创 2021-06-19 10:49:52 · 148 阅读 · 0 评论 -
Element ui实现分页
vue 代码<template> <div class="content"> <div class="table"> <el-table :data="category_data" style="width: 100%"> <el-table-column prop="id" label="编号" width="180"></el-table-column> <el-tab原创 2021-06-14 10:23:53 · 349 阅读 · 0 评论 -
Vue使用echars echars数据通过springboot提供
vue安装echars命令npm install echarts --save在main.js使用echarsimport * as echarts from 'echarts';Vue.prototype.$echarts = echarts <template> <div class="asd"> <div id="myChart" :style="{width: '500px', height: '300px'}"><原创 2021-06-07 14:12:52 · 162 阅读 · 0 评论 -
vue项目启动不了
npm ERR! A complete log of this run can be found in:npm ERR! /home/lin/.npm/_logs/2021-05-07T15_05_18_269Z-debug.log造成这样的原因是当你在一台电脑上编译后npm会有cache缓存,到另外一个地方编译这个项目的缓存与原缓存不一致,导致编译报错需要删除项目中的1.删掉node_modules文件夹2.然后cnpm install 和npm run dev就可以在这台电脑运行你原创 2021-05-07 23:11:12 · 2801 阅读 · 0 评论 -
bootstarp4下载方式
直接外链<!-- 新 Bootstrap4 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --><script src="https://cdn.staticfile.org/jquery/3.原创 2021-02-01 10:06:22 · 620 阅读 · 0 评论