- 博客(62)
- 收藏
- 关注
RSS订阅
1原创 vue 导出excel表格-乱码问题
注意：请求头加上responseType:‘blob’,否则可能会出现乱码问题async exportExcel(){ if(this.ArrFid.length == 0) return this.$message.warning('请选择表格导出内容') const res = await http.postHandleExport({ids:this.ArrFid}) // console.log(res); var blob = new Blob(
2022-05-31 18:35:56
683
原创 element-ui 修改环状进度条背景颜色
css代码如下：<div class="progress"> <el-progress type="circle" width='60' stroke-width='8' color='#15D07C' :percentage="20"></el-progress></div>穿透样式如下：::v-deep .el-progress path:first-child { stroke: #0B254B; }...
2022-05-18 10:38:38
779
原创 element-ui 表格，分页器背景样式改造
以下为表格透明样式代码。.el-table::before { background-color: transparent; // background-color: linear-gradient(to top, #CF5A64, #CB555F); } ::v-deep .el-table__header tr, ::v-deep .el-table th, .el-table tr { background-color: transparent; }
2022-05-11 20:16:28
940
原创 时间格式转换-封装系列
// 格式化日期，如月、日、时、分、秒保证为2位数function formatNumber (n) { n = n.toString() return n[1] ? n : '0' + n}// 参数number为毫秒时间戳，format为需要转换成的日期格式，比如以-或者/连接这种export function formatTime (number, format) { let time = new Date(number) let newArr = [] let form
2022-04-29 09:50:15
128
原创 element-ui tree结构下的复选框互斥效果
大致方法利用this.$refs.tree.setCheckedKeys([])+this.$refs.tree.getCheckedKeys()。setCheckedKeys如果传入空数组则全部取消选中，传入单个id则选中这个id对应的复选框。getCheckedKeys()获取当前选中的项，将选中的项的id传入setCheckedKeys([])的参数数组中，就可达到选中的效果。在代码中写法：点击某个复选框的时候，先用setCheckedKeys([])将所有项取消选中，再利用getChecked
2022-04-25 16:23:37
602
原创 nodejs实现mysql增删改查基本语句
users为表名，(username,password) 为字段名const mysql = require('mysql')const connection = mysql.createConnection({ host:'localhost', user:'数据库用户名', password:'数据库密码', database:'数据库名', port:3306})connection.connect()// 查询let sql = 'SELECT id,usernam
2021-08-01 15:43:38
183
原创 格式化年月日 （月，日不到两位补0）padStart()
mouth和day不到两位时在前补0，即2021-7-31 ->2021-07-31new Date().toString().padStart(2,0);padStart()一共接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。更多请看：介绍...
2021-07-31 19:23:27
437
原创 登录输入框滑动条
登录输入框获取焦点时底部带有从中心向两边滑动的滑动条！ label { display: block; position: relative; } input { width: 50%; border: none; outline: none; background: transparent; border-bottom: 1px solid rgba(27, 52, 136, 0.1);
2021-07-30 16:41:18
167
原创 微信小程序使用async 语法
最近在原生的微信小程序项目中需要把原来es6的promise方法改成es7的async await，这样代码看起来更直观，也方便以后的兄弟维护，但是改了代码之后项目就报错了。;提示的错误是：regeneratorRuntime is not defined1.解决步骤勾选ES6转ES52.下载 facebook的regenerator库中的regenerator/packages/regenerator-runtime/runtime.js请注意：这里的给出的库是指定版本的，不要下载最新的
2021-05-15 17:07:14
1364
原创 前端实习生面试总结
今天面了某公司的前端实习生，对于没经验的我真是一言难尽，不多说了直接上题目html5标签有哪些新增的标签说说标签语义化说一下span标签和div的区别*最后一个问题自己知道换行与不换行，不知道可不可设置宽高，也就是行内元素与块元素的区别！哎 *css动画有哪些属性这个问题也给我问懵了，想到了时间属性，可不知道英语咋读的，醉了如何让盒子放大与缩小如何实现一个圆，有哪几种方法这个问题轻松想到一个radius属性，还有通过js来改变样式，其他的我是真不会呀，这里我要哭了，呜呜呜3.js
2021-04-28 20:22:54
332
原创 vue 封装 axios
首先在vue项目src中建一个network（随意取）文件夹，里边两个文件，分别是request.js,home.jshome.js对应着在哪一个模块中发送请求，这里home.js就代表在home页面中发送的请求，其他页面请求可以另起文件名request.js如下import axios from 'axios'export function request(config){ const instance = axios.create({ // baseU
2021-04-12 09:38:54
74
原创 pm2管理应用，使应用在本地后台保持运行
使用pm2管理应用在服务器（全局）中安装pm2: npm i pm2 -g启动项目: pm2 start 脚本 --name 自定义名称查看运行项目:pm2 ls重启项目: pm2 restart 自定义名称停止项目: pm2 stop 自定义名称删除项目: pm2 delete 自定义名称...
2021-04-09 21:55:12
163
原创 vue 导航守卫 判断用户是否登录
如果用户访问登录页面，则直接放行如果用户访问具有权限的页面时，首先检测有没有token值。有，则表示用户已登录，直接放行，如果没有token值，则强制跳转到登录页// to代表将要访问的路径// from代表从哪个路径跳转过来// next是函数，表示放行router.beforeEach((to,from,next) => { if(to.path === '/login') return next(); const tokenStr = window.sessionStorag
2021-03-25 20:16:39
420
原创 Vue 轮播图的使用
Swiper.vue<template> <div id="hy-swiper"> <div class="swiper" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd"> <slot></slot> </div> <slot name="indicator">
2021-03-22 20:31:15
158
原创 vue vue-lazyload图片懒加载
插件 vue-lazyload1.通过npm下载 npm install vue-lazyload--save2.在main.js中引入 import vueLazyLoad from vue-lazyload3.在main.js使用Vue.use(vueLazyLoad)或者后面跟一个对象Vue.use(vueLazyLoad,{ loading:require('路径')//这个路径下的图片是懒加载下的图片加载之前显示的})4.把组件中的 <img :src="" a
2021-03-21 18:48:03
67
原创 vue fastclick 解决移动端300ms延时
插件 fastclick1.通过npm下载 npm install fastclick --save2.在main.js中引入 import fastclick from fastclick3.main.js使用fastclick.attach(document.body)
2021-03-21 17:22:55
65
原创 前端 时间戳 转换时间格式（ 封装函数）
date是传入的时间 单位是秒，例：1536979699 。fmt为时间格式，例：yyyy-MM-dd。1536979699转为后为2018-09-15function formatDate(date, fmt) {//利用正则表达式确定时间格式 // y+ ：至少含有一个y // y*：0个或者多个y // y?：0个或者一个y if (/(y+)/.test(fmt)) {//RegExp.$1代表获取到的y+ fmt = fmt.replace(RegExp.$1, (da
2021-03-16 18:27:09
365
原创 vue中 ref使用说明
ref如果是绑定在组件中，那么通过this.refs.refname获取到的是一个组件对象。ref如果是绑定在普通元素中，那么通过this.refs.refname获取到的是一个组件对象。ref如果是绑定在普通元素中，那么通过this.refs.refname获取到的是一个组件对象。ref如果是绑定在普通元素中，那么通过this.refs.refname获取到的是一个元素对象例：元素对象 <template> <div class="wrapper" ref="wrapper"
2021-03-12 10:53:10
240
原创 better-scroll的基本使用
//默认情况下BScroll是不可以实时监听滚动位置的、//probe 监测probeType默认值：// 0 1 都是不监听实时位置// 2 在手指滚动的过程中侦测，手指离开后的惯性滚动过程不检测// 3 在手指滚动及手指离开后的惯性滚动过程都实时检测//第一个参数为最外层父元素，且里面只放一个亲子元素 。 this.scroll = new BScroll(".wrapper",{ probeType:3, click:true,//当click为tr
2021-03-11 18:43:07
190
原创 git远程跟踪分支
三个必须懂得概念本地分支远程跟踪分支(remote/分支名)远程分支#远程协作的基本流程第一步:项目经理创建一个空的远程仓库第二步:项目经理创建一个待推送的本地仓库第三步:为远程仓库配别名配完用户名邮箱第四步:在本地仓库中初始化代码提交代码第五步:推送第六步:邀请成员第七步:成员克隆远程仓库第八步:成员做出修改第九步:成员推送自己的修改第十步:项目经理拉取成员的修改##做跟踪克隆仓库时会自动为master做跟踪1.本地没有分支：git checkout --track
2021-02-26 19:50:05
279
原创 如何把项目推送到github
git init初始化本地仓库git add ./添加到暂存区git commit -m '注释’提交到本地仓库git remote add origin 仓库地址git push -u origin 分支名
2021-02-25 16:42:42
63
原创 如何把项目经理的github拉到本地仓库
1.项目经理初始化远程仓库要初始化一个空的仓库，在github上操作2.项目经理创建本地仓库git remote 别名 仓库地址(https)git init 将源码复制进来修改用户名修改邮箱git addgit commit3.项目经理推送本地仓库到远程仓库清理windows凭据git push 别名 分支(输入用户名 密码;推完之后会附带生成远程跟踪分支)4.项目邀请成员&成员接受邀请在github上操作5.成员克隆远程仓库git clone 仓库地址 (在
2021-02-25 15:45:25
96
原创 git分支，后悔药，三部曲，路径reset重置
branchname ：分支名创建分支: git branch branchname切换分支: git checkoutbranchname创建并且切换分支: git checkout -b branchname版本穿梭(时光机）:git branch branchname commitHash普通删除分支: git branch -d branchname强制删除分支: git branch -D branchname合并分支: git merge branchname快进合并--〉不会产
2021-02-24 20:42:56
885
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人