web
文章平均质量分 50
小四是个处女座
这个作者很懒,什么都没留下…
展开
-
vscd 前端最实用的插件,有这几个就够了
indent-rainbow对应括号缩进代码,并用不同的颜色标注,使代码看起来更整洁,Bracket Pair Colorizer 2标记对应括号还有折线指示,好用的不行。有助于快速定位代码起始位置。chinese 中文为大陆用户而生Vetur开发vue 必备神器自动补全代码。语法高亮。提高代码效率。特别好用。power-mode 写代码特效这是一款恒牛逼的特效打开vscd 设置搜索 settings 点击打开 settings.lson在 settings原创 2020-05-23 10:42:52 · 3469 阅读 · 1 评论 -
简洁的vuex 工作流成
定义一个js文件在main.js 里引入import store from './store/index';store.jsimport Vue from "vue"import Vuex from "vuex" Vue.use(Vuex);export default new Vuex.Store({ state:{ 设定自己需要存储的变量 list:{ name:'' ", aex:" " , max:'“ ”,原创 2021-07-28 11:22:24 · 200 阅读 · 1 评论 -
vue ref作用详解
ref 有三种用法: 1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素<div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div>this.$refs.p 2、ref 加在子组件上,用this.ref.name 获取到的是组件.原创 2021-07-28 11:19:05 · 706 阅读 · 0 评论 -
element 上传资源
<el-upload class="upload-demo" 请求接口 action="https://jsonplaceholder.typicode.com/posts/" 点击文件列表中已上传的文件时的钩子 :on-preview="handlePreview" 移除文件时的钩子 :on-remove="handleRemove" 删除之前的钩子 :before-remove="beforeRemove" 是否支持多选 multiple 最大上传数原创 2021-07-28 11:17:05 · 221 阅读 · 0 评论 -
avue 自定义按钮位置大全
新增弹框底部按钮 </template> -->` <!-- 导入数据 --> <!-- <template slot="menuForm"> <el-upload style="display: inline-block; margin-left: 10px" ref="upload" :limit="1" action="/api/blade_basic/company/import-c原创 2021-07-28 11:13:33 · 5210 阅读 · 0 评论 -
v-for 还可以这样用
解构赋值li v-for="{ name, id } in users" :key="id"> {{ name }}</li>循环数组<li v-for="(movie, index) in [ 'Lion King', 'Frozen', 'The Princess Bride']"> {{ index + 1 }} - {{ movie }}</li>循环对象<li v-for="(va...原创 2021-07-28 10:18:46 · 70 阅读 · 0 评论 -
nprogress 详细教程及代码
官网地址https://ricostacruz.com/nprogress/安装命令$ npm install --save nprogress使用方法NProgress.start()NProgress.done()在axios 拦截时使用import NProgress from 'nprogress'import 'nprogress/nprogress.css'// 创建axios实例s// 创建请求时可以用的配置选项let instance = axios.create(原创 2021-04-26 17:27:12 · 606 阅读 · 0 评论 -
2021年前端面试题及答案(更新中)
http和httpshttp和https的基本概念http:超文本传输协议,是互联网上应用最为广泛的一种网络协议,是- 一个客户端和服务器端请求和应答的标准(TCP),用于从www服务器传输文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少.https:是以安全为目标的HTP通道,简单讲是HTTP的安全版,即HTTP 下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL.htps协议的主要作用是:建立一个信息安全通道,来确保数组的传输,确保网站.原创 2021-04-02 11:21:42 · 2347 阅读 · 0 评论 -
vue 局部滚动 better-scroll
better-scroll只处理容器(wrapper)的第一个子元素(content)的滚动,其它的元素都不会有效果。所以布局一定要正确,父元素要有高度安装npm install better-scroll --save在main.js里引入// 局部滚动import BScroll from "better-scroll";Vue.prototype.BScroll = BScrollhtml当前使用页面 <div class="wrapper" ref="wrapper" :原创 2020-11-20 17:15:33 · 741 阅读 · 0 评论 -
将请求接口定义成全局变量,挂载到vue实例上可以全局使用,
将请求接口定义定义成全局变量,挂载到vue实例上可以全局使用,随便写一个文件放请求接口,并导出。在 main.js 文件中导入,并挂载。这样就可以在项目里使用。使用案例this.GLOBAL.myhf 调用的接口login:地址参数username:,password: axios .post( this.GLOBAL.myhf + "/login", qs.stringify({ username: that.formData.user.usern原创 2020-05-27 12:10:31 · 1276 阅读 · 0 评论 -
基于 vue 的elementui的无限滚动组件
<template><!-- 违法代码 --> <div class="infinite-list-wrapper" style="overflow:auto"> <div id="zi" class="list" v-infinite-scroll="load" infini...原创 2020-05-24 14:22:00 · 3345 阅读 · 1 评论 -
vue router 多层嵌套
路由跳转嵌套二级路由跳转三级路由跳转template html部分点击事件路由配置。name 与 path路由配置。name 与 path原创 2020-04-04 19:42:11 · 1266 阅读 · 0 评论 -
简单的 vue 点击tap 切换背景色
自己刚写的,大家有很好的方法留言交流下面是实例代码html部分<div id="app">定义class 和点击事 <p :class={a} @click="fn">点击</p> <p :class="b ? 'b':''" @click="fn2()">55555</p> &l...原创 2019-12-03 14:32:17 · 1211 阅读 · 0 评论 -
点击传参,字符串拼接
常用字符串拼接传参如果带引号的表达式包含一个撇号,就应该讲外面的引号改为双引号,如果在带引号的字符串中同时出现了撇号和引号,就需要使用转义序列使用eval()方法可将拼接后的字符串与变量转变为变量初始化变量时,js 不允许左边是表达式 function auto(num){ // var一个变量 var name = "test"+num; //生成函数...原创 2019-11-27 18:06:40 · 1030 阅读 · 0 评论 -
layui 请求后台 josn数据
layui 点击请求json后台数据以input 开关切换为例 所有表单元素切换同理 又不同方案请各位大佬指教<form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">开关开</label> &...原创 2019-11-21 16:51:09 · 2546 阅读 · 0 评论 -
layui多级导航tap切换
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191120155511291.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9zaTE0MTM=,size_16,color_FFFFFF,t...原创 2019-11-20 16:00:00 · 1149 阅读 · 0 评论 -
echarts 的使用及主要配置信息
echarts:主要配置信息安装命令npm install echarts --save引入echarts[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9jVjabKK-1574069940512)(C:\Users\Administrator\Desktop\捕获.PNG)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img...原创 2019-11-18 17:41:59 · 177 阅读 · 0 评论