- 博客(25)
- 收藏
- 关注
原创 es5和es6 的区别 (八股文)
1.let 声明变量 const 声明常量 块级作用域es5 没有 var 存在变量提升2.箭头函数 ()=>{ }3.模板字符串 ``4.解构赋值5.for of 循环遍历数组 set map6.import export7.set 数据结构8. …展开运算符9. 修饰器@decorator10.class类11. async await promise12. promise 异步编程解决方案13. symbol 基本类型14. Proxy 代理
2024-09-10 14:51:52
175
原创 前端常用验证---手机号密码邮箱等
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
1417
原创 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
2182
原创 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
3301
原创 git clone 项目时总是提示输入密码
1:使用git clone项目或者上传代码时总是提示要输入密码2:因为系统的电脑凭证把第一次输入的账户密码记录了下来了3:需要在控制面板->用户账户->凭据管理器里, 选择windows凭证, 找到git:凭据,直接删掉或者更改window +r 输入control 直接打开控制面板...
2022-03-16 21:40:33
4543
原创 后端返回二维码前端展示
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
2565
1
原创 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
831
原创 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
732
原创 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
1785
原创 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
2349
原创 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
2441
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
1353
原创 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
134
原创 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
306
原创 如何在小程序项目中使用weui
1:首先在网上下载weui项目2:在自己项目的根目录下新建文件夹,我这里叫weui3:然后将下载的weui 项目中的文件复制到我们自己新建的weui文件夹中,要复制的文件路径入下4:最后一步在项目根目录下的app.wxss 文件中引入weui 样式文件,便可以在项目中任意位置使用weui的样式5:如果要参考weui 项目的话,将下载下来的weui项目在编辑器里运行起来即可,在编辑器导入...
2020-04-26 16:26:46
2425
原创 在vue 项目中使用iconfont
1:首先在Iconfont 图标库将自己需要得图表添加至项目然后下载到本地然后将iconfont开头的文件添加到自己的项目中,例如然后在main.js 中引入对应的css js 文件之后就可以在项目中使用了,使用方式如下 挑选相应图标并获取类名,应用于页面...
2020-01-05 17:48:08
288
原创 json-server模拟数据实现增删改查
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-12-12 16:33:07
1578
1
原创 如何在不同文件中使用less声明的全局公共变量
1:假设我们有一个全局的less变量文件’./style/variable.less’文件如果想要在组件样式中使用这些文件,我们需要引入这些文件,但是这样做会带来很多问题,代码冗余,不好维护。我们迫切需要一种全新的更优雅的方法——sass-resources-loader该加载器将 less资源自动导入每个所需的 less 模块。 因此,您可以在所有 less 样式中使用共享变量和mixi...
2019-12-10 16:15:05
2556
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人