- 博客(23)
- 收藏
- 关注
RSS订阅原创 前端常用验证---手机号密码邮箱等
const validateTel = (rule, value, callback) => { const regexp = /^(\+\d{2,3}-)?\d{11}$/; if (!regexp.test(value)) { callback(new Error('请输入正确的号码格式')); } else { callback(); } }; tel: [ {
2022-03-22 19:14:02
1286
原创 web前端扫码登录
// 获取后端返回的登录二维码展示 ，并解析二维码获取后端返回的参数// 当App 扫码成功后 有确认登录和取消登录两种操作，后端根据不同的操作改变登录二维码状态 // (0:二维码失效，1:未扫码，2:扫码未确定，3:取消登录，4:确认登录)import QrcodeDecoder from 'qrcode-decoder';// binaryData 为后端返回的二维码文件this.QrUrl = window.URL.createObjectURL(new Blob(binaryData))
2022-03-22 18:07:33
2005
原创 axios post请求下载文件流
post 请求文件流axios.post('/url/xxx',{},{responseType: 'blob' }) .then(res => { const blob = new Blob([res]); const a = document.createElement('a'); const href = window.URL.createObjectURL(blob); a.href = href;
2022-03-17 12:12:47
3206
原创 git clone 项目时总是提示输入密码
1：使用git clone项目或者上传代码时总是提示要输入密码2：因为系统的电脑凭证把第一次输入的账户密码记录了下来了3：需要在控制面板->用户账户->凭据管理器里, 选择windows凭证, 找到git:凭据,直接删掉或者更改window +r 输入control 直接打开控制面板...
2022-03-16 21:40:33
4046
原创 后端返回二维码前端展示
1: 调用后端接口，responseType设置为blob const res = await axios.get('/xxx/xxx', { responseType: 'blob', }); // res 为二进制流 const binaryData = []; binaryData.push(res); this.QrUrl = window.URL.createObjectURL(new Blo
2022-03-16 11:04:36
2348
原创 vue table行内编辑表单验证
<el-form :model="form" :rules="rules" ref="form"> <el-table :data="form.datas" style="width: 100%" size="mini" height="350"> <el-table-column width="100" align="center"> <template slot="heade
2021-10-12 09:46:38
729
原创 vue3.0 使用echart
1：你可以使用如下命令通过 npm 安装 EChartsnpm install echarts --save2：引入 EChartsimport * as echarts from ‘echarts’;3：封装简单的chart 组件<template> <div class="card-chart"> <div class="title"> <slot name="title"></slot> </d
2021-04-22 17:21:52
679
原创 vue 3.0 slot 使用方法
1：首先新建一个post组件import { defineComponent, PropType } from 'vue'interface Post { title: string, content: string,}export default defineComponent({ name: 'post', props: { blog: { type: Object as PropType<Post>,
2021-04-13 10:14:36
1670
原创 node js 热更新
在用node js 写项目时，更改代码总是需要重新npm start 才会有效果，非常麻烦。要想使项目实时更新，首先第一步安装nodemon在项目根目录下运行 npm install nodemon --save-dev第二步，在项目根目录下创建nodemon.json 文件，内容如下{ "restartable": "rs", "ignore": [ ".git", ".svn", "node_modules/**/node_modules" ],
2020-09-08 15:19:42
2293
原创 css实现左侧内容固定，右侧内容滚动效果
效果类似这种<div class="wrapper"> <div class="left">11</div> <div class="right"> <span class="item">1</span> <span class="item">1</span> <span class="item"&g
2020-06-15 17:07:57
2275
1
原创 HBuilder打包vue项目
1：首先在项目根目录下运行npm run build 进行打包生成打包后的文件2：在hbulider 中导入dist文件夹，右键转换成移动App3:发行----云打包打原生安装包打包过程中遇到的问题首先启动app的时候会弹出只能在低版本Android机运行的提示，此时需要修改配置文件即可在manifest.json 加入如下配置"minSdkVersion":22,“targetSdkVersion”:26,之后可能会出现启动白屏问题，只需修改webpack的配置文件，如图所示路由
2020-06-08 11:37:15
1273
原创 git 分支用法
创建开发分支git checkout -b dev将本地开发分支push到远程仓库git push --set-upstream origin test创建测试分支git checkout -b dev将本地测试分支push到远程仓库git push --set-upstream origin dev查看分支 git branch切换到开发分支 git checkout dev...
2020-06-04 18:06:03
95
原创 ivew 上传组件手动上传
1：在做项目的时候总会遇到上传功能，我这里使用iview 的upload组件手动上传2：js 代码如下所示 <FormItem label="照片:" prop="area"> <div class="demo-upload-list" v-for="(item,index) in imageUrls" :key="index"> <template> <img :src="item"&g
2020-05-13 17:04:19
242
原创 如何在小程序项目中使用weui
1：首先在网上下载weui项目2：在自己项目的根目录下新建文件夹，我这里叫weui3：然后将下载的weui 项目中的文件复制到我们自己新建的weui文件夹中，要复制的文件路径入下4：最后一步在项目根目录下的app.wxss 文件中引入weui 样式文件，便可以在项目中任意位置使用weui的样式5：如果要参考weui 项目的话，将下载下来的weui项目在编辑器里运行起来即可，在编辑器导入...
2020-04-26 16:26:46
2371
原创 在vue 项目中使用iconfont
1：首先在Iconfont 图标库将自己需要得图表添加至项目然后下载到本地然后将iconfont开头的文件添加到自己的项目中，例如然后在main.js 中引入对应的css js 文件之后就可以在项目中使用了，使用方式如下 挑选相应图标并获取类名，应用于页面...
2020-01-05 17:48:08
238
原创 json-server模拟数据实现增删改查
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-12-12 16:33:07
1475
1
原创 如何在不同文件中使用less声明的全局公共变量
1：假设我们有一个全局的less变量文件’./style/variable.less’文件如果想要在组件样式中使用这些文件，我们需要引入这些文件，但是这样做会带来很多问题，代码冗余，不好维护。我们迫切需要一种全新的更优雅的方法——sass-resources-loader该加载器将 less资源自动导入每个所需的 less 模块。 因此，您可以在所有 less 样式中使用共享变量和mixi...
2019-12-10 16:15:05
2295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人