咖啡泡泡-CSDN博客

原创 Vue项目中使用Vuex

Vue项目中使用VuexVuex的安装及导入npm安装store.js中全局引入Vuex的state用法state的第一种用法（this.$store.state.变量名）state的第二种用法（mapState）Vuex的mutations用法Vuex的安装及导入npm安装npm install vuex --savestore.js中全局引入import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default n

2021-11-16 11:48:28 633 1

原创原生js实现下拉框多选功能

运行结果基本思路1、创建一个隐藏的option，添加到select的最后；2、每次选中的值都存入这个option，如果已经选中，当再次选择时，就会删掉；3、若已选择了值，就将隐藏的option的selected属性设置为true，以便获取多选内容完整代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>原生js实现多选功能&l

2021-06-20 20:16:39 6198 1

原创箭头函数和普通函数中this的使用

箭头函数和普通函数中this的区别箭头函数：没有重新绑定this的功能普通函数：具有重新绑定this的功能1、普通函数中this的绑定情况实现按钮按下后变大的功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ES6语法</title> <style> #btn{

2021-04-20 20:29:11 387

原创 CSS清除浮动的一种方法——伪类:after+zoom

1 常见用完浮动之后的问题举例代码： <style> .box{ margin: 100px 100px; padding: 2px 4px 2px 2px; width: 500px; height: 200px; border: 2px solid palevioletred; overflow: hidden;

2021-03-25 09:53:59 559

原创 pm2部署vue项目到虚拟机

1 下载依赖npm install -g expressnpm install -g express-generatorexpress --version 查看是否安装成功2 项目打包npm run build运行后会生成dist目录3 在项目的根目录下新建bin目录，在bin目录中新建index.js//index.jsconst express = require('express');const app = express();app.use(express.static('.

2021-03-18 17:33:25 469

原创 javascript数组的详细整理

一、常用操作 //创建数组 let array = ['html','css','js','vue']; //获取数组长度 console.log(array.length); //4 //访问数组项 console.log(array[2]) //js //遍历数组 array.forEach(function (item,index){ console.log(item,i

2021-03-13 16:22:32 63

原创 vue插件实现循环滚动列表——vue-seamless-scroll

1、安装插件vue-seamless-scrollnpm install vue-seamless-scroll --save2、在main.js中引入插件import scroll from 'vue-seamless-scroll'Vue.use(scroll)3、在vue组件中使用vue-seamless-scroll<template> <div id="about"> <!--使用vue-seamless-scroll，:data绑

2021-03-12 12:40:22 1032 1

原创 vue-cli3创建项目及echarts在vue项目中如何使用

vue脚手架是一个命令行工具，用来快速生成vue项目基础架构，官网：https://cli.vuejs.org/zh/一、环境准备1、安装node.js官网下载：https://nodejs.org/en/download/由于node.js官网为外国网站，利用npm下载东西较慢，可以采用淘宝镜像cnpm。下载cnpm命令：npm i -g cnpm --registry=https://registry.npm.taobao.org2、安装vue-cli 脚手架构建工旧版本的安装（2.x）：

2021-03-04 17:27:22 931 3

原创 axios的详细讲解

一 axios的特性axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，简单的理解就是ajax的封装。特性：从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据二 axios的安装1、利用npm安装（例如vue脚手架项目中使用）npm install axios2、利用cdn（常用）<script src

2021-03-04 16:39:55 2392 2

原创一个HTML页面打开另一个HTML页面并传值

要点：A页面通过window.open(“indexB.html”)打开B页面B页面通过window.opener.A页面中的内容indexA.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面A</title></head><body> <form>

2020-12-03 21:22:24 4708 1

原创前后台数据交互（Ajax、WebSocket）

前后台数据交互（Ajax、WebSocket）1、Ajax单方向请求后台数据本质：由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。用法：$.ajax({ url: "http://localhost:8080/target", type: "get", async: true, header: { }, success: function(response) { //访问接口成功 }, error: function(XMLHttpR

2020-12-01 14:59:04 788

qq_41821745的博客