- 博客(109)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 电脑如何安装python
步骤一 ： 首先要安装node 步骤二 ：widow + r 输入cmd 在输入 npm install --global --production windows-build-tools 在安装了node但是为安装python的前提下，通过npm指令安装对应版本的python（建议方式）
2022-12-07 17:55:57
456
原创 vue+element+sortablejs实现拖拽功能
分为几部分：第一：下载sortablejs插件第二在文件内部导入sortablejs插件第三进行配置使用第四效果图展示第一：下载sortablejs插件 npm： npm install sortablejs --save yarn： yarninstall sortablejs --save cnpm： cnpm install sortablejs --save 第二在文件内部导入sortablejs插件import Sortablejs from ‘sortable
2022-05-18 16:01:18
619
原创 vue 实现导入 导出
导出1. 先下载插件 xlsx ， file-saver ， script-loader2.src目录下创建 Blob ，Export2Excel js文件npm installxlsx npm installfile-saver npm isntall script-loader3.在main.js导入importBlobfrom'./Excel/Blob'importExport2Excelfrom'./Excel/...
2022-05-13 14:46:26
1541
原创 react如何封装axios
Axios简介Axios 是一个基于promise的 HTTP 库，可以用在浏览器和 node.js 中。特性支持node端和浏览器端 支持拦截器等高级配置 使用Promise管理异步，告别传统callback方式 自动转换 JSON 数据 客户端支持防御 XSRF安装npm install axios --save封装 可以在头上加上token config.headers.authorization = token index.js/** * ..
2022-05-09 14:24:44
1843
原创 react之父子组件传递
父传子首先准备父页面跟子页面 HOME 跟 AdomeHome页面代码import React, { Component } from "react";class App extends React.Component { render() { return <div>我是Home页面</div>; }}export default App;Adome代码import React from "react";class App e
2022-05-07 15:10:05
385
原创 react如何去创建路由呢？
首先下载react路由版本npm i react-router-dom@5.2.0然后去创建页面跟管理路由的文件夹然后可以去router文件里面去创建import React, { Component } from 'react' //导入reactimport { Route } from 'react-router-dom' import Home from '../Home/index' //导入路由import About from '../Adome/inde
2022-05-07 11:10:09
775
原创 react如何导入element组件库呢？
首先是创建项目create-react-app my然后进入项目cd my启动项目npm start然后下载element组件npm i element-react --save随后去下载主题npm install element-theme-default --save然后去启动。如果发现解析不了babel/runtime。报一堆错误解决方式：在项目中下载依赖npm installbabel/runtime如果是解析不了react-h...
2022-05-07 10:26:52
352
原创 react中的for循环
在最上面定义数据在标签通过map循环import './aap.css'import React from 'react';var arr =[ { id: 1, text: '我是第一条数据' }, { id: 2, text: '我是第二条数据' }, { id: 3, text: '我是第三条数据' }]class examplePage extends React.Component {render() {.
2022-05-05 16:47:30
4949
原创 react类似于vue的data定义数据跟table动态添加
react的data定义数据：constructor(props) { super(props); this.state = { arr:[] }; this.click3= this.click3.bind(this); }table动态添加 click3=()=>{ var out='' this.state.arr.push({name:this.state.name}) var a=0 this.
2022-05-05 16:21:13
856
原创 react获取input value值的二中方法
· 第一可以用event· 第二可以用ref1.第一种refimport './aap.css'import React from 'react';class examplePage extends React.Component { inputChange(){ var username=this.refs.username.value this.setState({ date: username }); }
2022-05-05 15:22:14
946
原创 react的安装以及启动
1.首先要widos+r打开管理员运行的命令窗口输入cmd进入黑窗口2.如果npm版本低于5.2，则全局安装create-react-app，cmd输入npm install -g create-react-app；create-react-app下载完成后，创建文件夹cmd中输入create-react-app my-app3.完毕以后进入项目在启动项目`· cd 项目名· npm start 启动项目4.在浏览器输入 http://localhost:3000 就可.
2022-05-05 14:30:05
2330
原创 身份证校验
var validatestatus = (rule, value, callback) => { //身份证校验 if (value === "") { // callback(new Error("请输入身份证")); } else { if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(value)) { callback(new Error("你输入的身份证长度或格式...
2021-12-23 16:57:12
115
原创 vue3如何封装axios
1.下载axiosnpm install axios -S2.下载 qsnpm install qs -S3.然后可以在文件夹下面创建相应的axios的文件比如index4.然后配置import axios from "axios";import qs from "qs";// axios.defaults.baseURL = '' //正式// axios.defaults.baseURL = 'http://test' //测试//post请求头axio..
2021-12-21 16:43:41
877
原创 vue3的路由创建
下载路由npm install vue-router@4在文件夹创建router文件夹然后写入import Home from './components/Home.vue';import A from './components/a.vue';import { createRouter, createWebHistory } from 'vue-router';//和vue2 路由不同const routerHistory = createWebHistory();con
2021-12-20 15:50:48
219
原创 vue给后端传递json格式的
很简单就一行：headers:{"Content-Type":"application/json"} headers: { "Content-Type": "application/json" }
2021-12-03 16:01:42
3873
1
原创 vue 实现 图片限制+300x300
可以用element-ui的上传器 <el-upload action="http://testwcmd.sinoing.net/Upload/uploadChargeFace" name="userImage" :before-upload="beforeUploadFile" :on-success="handleSuccess" :on-cha
2021-12-02 16:33:33
1001
原创 如何实现table数据拖拽
1.下载插件sortablejsnpm install sortablejs2.局部导入即可import { defineComponent, ref, reactive, onMounted } from "vue";import { useRouter } from "vue-router";import { ElMessage, ElMessageBox } from "element-plus";import { useStore } from "vuex";import .
2021-11-22 17:04:22
886
原创 如何实现展示更多
1.首先先把高写死，2.然后点击当前按钮展示全部修改高度为自适应即可 <span style="color:#999999;font-size:14px;cursor:pointer" v-show="queryParams.che == false" @click="xians()" >显示全部</span > funct
2021-11-22 16:50:24
336
转载 用select实现选择年月
JavaScript 自定义年月日选择下拉框select选择的日期方法vue实现_S筱潇S四维Smile-CSDN博客
2021-11-03 16:55:54
961
原创 vue如何实现自定义滚动条
1.下载插件npm install vue-happy-scroll --save-dev2.导入import { HappyScroll } from 'vue-happy-scroll'import 'vue-happy-scroll/docs/happy-scroll.css'3.注册components: { 'happy-scroll': HappyScroll },4.使用即可<div class="offLineTable" styl
2021-10-25 15:05:06
4409
原创 如何使用炫酷的图标
1.下载插件npm install @jiaminghi/data-view2.全局导入// 将自动注册所有组件为全局组件import dataV from '@jiaminghi/data-view'Vue.use(dataV)3.就可以使用大屏数据展示页面即数据可视化地址：介绍 | DataV4.就简单写一个使用方法<template> <div> <dv-percent-pond :config="config1" s.
2021-10-25 14:14:54
86
原创 vue 基于vue-seamless-scroll无缝滚动
1.安装插件vue-seamless-scrollnpm install vue-seamless-scroll --save 2.导入插件<vue-seamless-scroll></vue-seamless-scroll> import vueSeamlessScroll from 'vue-seamless-scroll' components: { vueSeamlessScroll}, 3.配置参数// 监听属性...
2021-10-25 10:06:24
218
原创 vue实现炫酷粒子效果
1.使用方法用命令行下载插件vue-particlesnpm install vue-particles --save-dev2、在main.js文件中全局引入import Vue from 'vue'import VueParticles from 'vue-particles'Vue.use(VueParticles)3、在需要使用粒子背景的组件中使用(一般是首-页或者登陆背景中使用)<template> <div id="login">.
2021-10-25 09:59:56
1206
原创 如何实现全局展示的效果
第一步我们可以利用js来实现直接上代码<template> <div> <button @click="screen">全屏</button> </div></template><script>export default { data() { return { fullscreen: false }; }, methods: { screen()
2021-09-26 14:23:16
113
原创 vue的图片地址转为base64格式
getBase64(imgUrl, callback) { // 一定要设置为let，不然图片不显示 const image = new Image(); // 解决跨域问题 image.setAttribute("crossOrigin", "anonymous"); const imageUrl = imgUrl; image.src = imageUrl; // image.onload为异步加载 .
2021-09-26 14:13:30
1337
原创 css样式鼠标放上去变成手的形状
1、用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer;2、用JS使鼠标变小手onmouseover(鼠标越过的时候) οnmοuseοver="this.style.cursor='hand'"cursor其他取值 auto ：标准光标 default ：标准箭头 pointer, hand ：手形光标 wait ...
2021-09-26 09:11:03
15975
原创 vue里面如何自定义校验
正常用的都是elemelnt-ui组件的form表单；里面有校验规则；如下：<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input&g
2021-09-16 16:08:10
3653
原创 解决当你的电脑在重新启动更新的时候关机了怎么办
git是代码管理工具：有这么二种情况1.如何是你一个人开发的项目2.就是团队合作开发一、一人开发项目的git1.git init 初始化项目2.git status 查看当前状态3.git add . 提交当前所有的文件 提交到暂存区4.git commit -m 提交到缓存区5.第一次需要配置远程仓库地址6.git push origin 分支名 提交到远程仓库中g...
2021-08-16 16:54:24
3991
原创 vue3如何封装vuex
目录：1.下载安装vuex2.创建store文件夹3.导入vuex，并且设置4.main中导入注册5.组件中使用1.下载安装vuexnpm install vuex@next2.创建store文件夹3.导入vuex，并且设置 导出import { createStore } from 'vuex'var store= createStore({ state(){ return{ state:1 } }, m.
2021-06-24 21:04:04
738
2
原创 vue3的基本使用
vue2的生命周期函数跟vue3生命周期函数的变化我们vue3导入生命周期钩子的方式是这样的：除去 beforeCreate 和 created 之外，在我们的 setup 方法中，有9个旧的生命周期钩子，我们可以在setup 方法中访问onBeforeMountonMountedonBeforeUpdateonUpdatedonBeforeUnmountonUnmountedonActivatedonDeactivatedonErrorCapturedonRenderTracke
2021-06-24 17:05:57
589
原创 vue3的局部下载，并且启动
我们可以在局部下载vite编辑器并且使用https://cn.vitejs.dev/guide/ 官网 vite我们新建一个文件夹，然后下载vite下载命令是：npm init @vitejs/app下载完成会有一个选项我们选择vue根据上面的提示，我们照着敲就可以了cd k 是进入这个文件npm insta 下载依赖npm run dev 启动项目然后我们会看到这个页面就证明我们启动成功了...
2021-06-24 13:55:10
401
原创 vue3路由的配置
使用 vue3 配置路由，步骤如下1、安装路由npm install vue-router@42、新建页面这里创建 view目录，然后在view目录下创建 A.vue B.vue 两个 vue页面文件A.vue内容<template> <div>A</div></template>B.vue内容<template> <div>B</div></template>
2021-06-24 10:38:00
4760
2
原创 后台管理打包上线、自己创建的服务器
目录：1.添加进度条2.根据报错修改代码 这个是要有eslint3…执行build4.修改webpack的默认配置5.加载外部CDN6…定制首页内容7.路由懒加载8.项目上线一、添加进度条先下载 nprogress 然后放到封装的axios中 当axios请求数据的时候有进度条，当拦截的时候关闭进度条import NProgress from 'nprogress'//3. 请求拦截器配置Server.interceptors.request.use( (conf
2021-06-22 22:00:01
147
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人