- 博客(17)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Webpack如何搭建React开发环境
Webpack搭建React开发环境1、React环境搭建实现React开发的三种方式:(1)使用CDN的方式<script src="https://unpkg.com/react@16/umd/react.development.js"></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><!-- 生产环境中
2020-10-26 20:18:08
232
原创 vue切换主题色
vue+scss切换主题色1.创建global.scss样式文件,在app.vue 引入@import '@/assets/style/global.scss';2.dark.scss和light.scss为两个主题色样式配置变量文件,在global.scss中引入。两个文件定义样式变量,分别引用theme.scss,用于定义类名使用样式//globals.scss@import "./theme/light.scss";@import "./theme/dark.scss";//dar
2022-04-15 13:48:06
3519
3
原创 vue 导航面包屑
<template> <div class="bread"> <div class="example-container"> <el-breadcrumb separator=">"> <el-breadcrumb-item v-for="(item,index) in breadList" :key="index" :to="{ path: item.path }"
2021-11-23 09:34:58
682
原创 时间获取
// 获取当前日期时间var myDate = new Date(); //获取当前日期myDate.toLocaleDateString(); //获取当前日期var mytime=myDate.toLocaleTimeString(); //获取当前时间myDate.toLocaleString( ); //获取日期与时间myDate.getYear(); //获取当前年份(2位)
2021-04-23 11:56:34
110
转载 js 剩余时间实现
time(endTime){ // 现在时间 var now= new Date(); //截止时间 var until= new Date(endTime); // 计算时会发生隐式转换,调用valueOf()方法,转化成时间戳的形式 var days = (until- now)/1000/3600/24; // 下面都是简单的数学计算 var day = Math.floor(days
2021-04-06 14:49:45
592
原创 流程图示例
效果点红色的地方可以跳转页面没有完成的流程显示灰色,点击不能跳转代码页面展示<div class="error-container"> <ul class="container-ul"> <li v-for="(item,index) in TablesetList" @click="hide(index)" :key="index"> <div class="aaaaa"><span :cla
2020-12-16 09:38:56
775
原创 elementui 单选表格如何点击整行来获取下标
<el-table ref="singleTable" :data="tableData" highlight-current-row @current-change="handleCurrentChange" style="width: 100%" v-show="!show" :row-class-name="tableRowClassName" @row-click.
2020-12-03 10:14:43
3298
原创 vue axios安装及使用
1.安装axioscnpm install axios --save-dev2.创建api文件在文件中引入设置请求头axios.interceptors.request.use(function (config) { config.headers['token'] = localStorage.getItem('token') || 'adf7cbdcdc62b07d94f86339e5687ca51' // 在发送请求之前做些什么 return config;
2020-11-09 12:07:06
457
原创 Vuex的创建使用
vuex是什么:就是用来存放所有组件数据的仓库语法引入vuex库 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script src="https://unpkg.com/vuex@2.0.0/dist/vuex.js"></script>const store = new Vuex.Store({ // 单词大小写注意留心 // 仓库数据(状态 s
2020-11-04 11:22:38
253
原创 echarts的安装及使用
安装echarts模块cnpm install echarts代码案例<div class="l2"> //放一个容器 <div id="main" style="width: 600px;height:400px;" ref="charts"></div></div>export default {mounted(){ this.drawLine() }, methods: { drawLine() { // 基于
2020-11-03 20:47:11
2410
原创 git使用
版本控制老大/组长初始化步骤1:项目-初始化 (开发框架、UI框架步骤2:去 https://gitlab.com/users/sign_in 注册账号 创建jxshopadmin仓库留心:这个仓库网速慢打开慢,你可以选择github或者继续选择码云,但是心里面要有数 上课用的步骤3:通过下述语法直接给本地仓库绑定远程仓库git remote add origin https://gitlab.com/webopenfather/jxshopadmin.gitgit remote remov
2020-11-02 20:44:53
154
原创 安装UI框架及组件库
安装UI框架/组件库1.进入到自己的项目下2.安装element-uiyarn add element-ui@2.8.2 或 cnpm i element-ui@2.8.2 -S3.配置element-ui// 配置 ElementUIimport ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);// 配置 全局初始化样式import '@/
2020-11-02 19:58:21
293
原创 Vue CLI脚手架安装及使用
1.安装 vue-cli npm i @vue/cli -g //全局安装最新版本 npm i @vue/cli@3.12.1 -g //安装指定版本 vue -V //验证2.创建项目vue create 项目名3.项目配置1》选择手动安装2》选择自己所需配置3》选择路由模式 选择后期可以改4》选择css预处理器5》选择EsLint规范6》选择语法检查方式,我选保存检测7》配置文件信息是单文件存放还是多文件 都行 推荐第一个默认8》是否需要记住本次配置
2020-11-02 19:46:10
313
原创 react antd中Table展示数量
constructor(){ super() this.state = { paginationProps :{ total: 50, // 数据总数 pageSize: 5, // 每页条数 current: 2, // 当前页码 }, }; }<Table pagination={this.state.paginationProps} dat
2020-11-02 15:42:57
2882
1
原创 React route路由使用方法
route使用安装react-router-dom在项目命令行中,执行cnpm install react-router-dom -S在组件中通过对象的解构方式去获取到react-router-dom内置组件,在组件中,按需引入内置组件,在页面中进行使用:HashRouter表示一个路由的根容器,将来所有的路由相关的东西,都要包裹在HashRouter里面,而且一个网站中,只需要使用一次HashRouter就好了;Route表示一个路由规则,在Route上,有两个比较重要的属性,path,c
2020-10-30 15:49:26
412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人