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