- 博客(33)
- 收藏
- 关注
RSS订阅原创 【无标题】vue项目中scss文件导出，js文件引入scss文件时为空{}
解决办法一： 将scss文件重命名为 ‘原名.module.scss’解决办法二：降低vue脚手架的版本。
2023-05-17 11:38:57
235
原创 git代码迁移
拉取代码git clone 旧地址查看新地址git remote -vgitlab地址替换成为新gitlab地址git remote set-url origin 新地址本地推送到远程git push origin 你想推的分支名
2022-04-29 17:58:53
275
原创 git分支删除和git删除分支恢复
一. git删除远程分支具体操做： 我如今在dev20181018分支上，想删除dev20181018分支it1 先切换到别的分支: git checkout dev20180927文件2 删除本地分支： git branch -d dev20181018co3 若是删除不了能够强制删除，git branch -D dev20181018远程4 有必要的状况下，删除远程分支：git push origin --delete dev20181018let5 在从公用的仓库fetch代码：git
2022-04-23 18:38:07
849
原创 vue+websocket+Stomp组件实现前端长连接
1文件结构2.重点文件夹中的文件代码以及作用① 根目录中systemConfig文件夹中的main.js文件/** *作用：作为项目中的配置文件，放了websocket连接的url，用户名（admin），密码（123456） *项目中基础API等一些配置参数 * ================================== *//* eslint-disable */(function (global, factory) { "use strict"; if (typ
2022-03-20 12:50:06
7783
原创 前端图片和视频采用流播放
1.图片播放<template> <img :src="testUrl" alt="加载失败"></template><script type="text/ecmascript-6">var Minio = require('minio')var minioClient = new Minio.Client({ endPoint: '', // 视屏图片服务器域名 port: '', // 端口 useSSL: false,
2021-12-21 10:38:03
962
原创 使用html画出圣诞树
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "/TR/html4/frameset.dtd"><html> <head> <title>html5写的3D逼真圣诞树效果</title> <meta charset="utf-8" /> <style> html, body { wid
2021-12-19 21:55:08
4174
原创 vscode设置git记住账号和密码
在Gitbash中第一次拉取代码之后,输入git config --global credential.helper store即可会记住你的用户名和密码
2021-12-16 15:28:46
1685
原创 vue实现拖拽
vue实现拖拽方法一： 函数封装拖拽脚本js脚本export function dragBox (drag, wrap) { function getCss (ele, prop) { return parseInt(window.getComputedStyle(ele)[prop]) } let initX let initY let dragable = false let wrapLeft = getCss(wrap, 'left') let wrapRig
2021-12-12 17:41:32
5246
3
原创 vue实现全局搜索关键字+组件拖拽
全局搜索关键字功能1.js代码var enable_site_search = 0; // 0 = Don't enable; 1 = Enable site search along with page searchvar find_window_background = 'white' // the color of the pop-up windowvar find_window_border = "gray"; // the border color of pop-up windowvar
2021-12-12 17:09:14
2831
原创 36D图片
三D图片html部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>3Dbox</title> <link rel="stylesheet" type="text/css" href="./css/index.css" /> </head> <body> <!-- div.
2021-12-05 12:23:52
484
原创 vuex语法糖
vuex语法糖一：全局使用的vuex变量1.文件位置2.文件内容代码第一块：service下的store下的modules下的user.jsconst user = { state: { userId: '123456789', userName: '' }, mutations: { SET_USER_ID(state, userId) { state.userId = userId } }, actions: { set
2021-11-07 15:35:27
922
原创 js数组遍历方法总结
1 for循环代码如下<script> let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } </script>2.foreach循环没有返回值，原数组修改情况有以下两种1.原数组没有改变代码如下 let arr = [1,2,3,4,5,6,7,8,9];
2021-09-24 13:16:24
268
原创 对象的遍历方法
第一种 for…in循环遍历对象自身属性和继承的可枚举属性代码如下<script> let obj = { 0: "a", 1: "b", 3: "c" }; for (let key in obj) { console.log(key, ":", obj[key]); // 0 : a // 1 : b // 3 : c } </script>第二种 Object.
2021-09-24 11:11:08
8775
原创 vue中父子组件方法的互相调用
一，父组件调用子组件的方法子组件代码<script>export default { name: "child", data() { return { message1: "", message2: "", }; }, methods: { fromParent(msg) { this.message1 = msg; }, },};</script>父组件代码<templat
2021-09-23 20:28:11
333
原创 vue中兄弟组件间的通信方式
一，子组件传递父组件，再父组件传递子组件子组件向父组件传值$emit<son @click="childClick">{{childValue}}</son>export default { data () { return { childValue: '我是子组件的数据' } }, methods: { childClick () { this.$emit('childByValue', this.childValue)
2021-09-23 15:48:29
325
原创 ajax分装过程
ajax分装过程一 ajax原生四步// 创建xhrHttp实例let xhrHttpif(window.XMLHttpRequest){ //创建Ajax对象 获取浏览器内部的一个XMLHttpRequest对象,创建该对象.(非IE6) xhrHttp= new XMLHttpRequest();}else{ //ie6 xhrHttp= new ActiveXObject("Microsoft.XMLHTTP"); }// 监听
2021-09-22 17:59:01
194
原创 axios接口统一分装
第一步在utils文件夹中创建request.js文件import axios from 'axios'import store from '@/store'import router from '@/router'import { Message } from 'element-ui'import { getAccessToken } from '@/utils/xl-auth'const service = axios.create()service.interceptors.req
2021-09-22 15:25:35
153
原创 前端用户权限
前端用户权限使用的技术栈：vue-router、vuex、element-ui利用vue-router的全局前置守卫 beforeEachimport router from './router'import store from './store'import { Message } from 'element-ui'import NProgress from 'nprogress'import 'nprogress/nprogress.css'import { getAccessTok
2021-09-22 14:25:58
227
原创 vuex模块化分装
vuex模块化分装文件结构modules文件夹getters.js文件index.js文件如何使用如何修改文件结构modules文件夹例如：parks.js中代码如下state：存放parks模块中的全局使用的变量mutations ：修改state中的变量actions ：异步请求特别提示：观看时注重文件里面的结构，代码内容可以忽略，根据自己项目需求const state = { parks: '',}const mutations = { UPDATE_PARKS: (s
2021-09-22 13:37:56
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人