常用
常用的组件
先知预判
熟悉VUE,NODE,JQUERY,HTML,CSS,JAVASCRIPT,SCSS
熟练使用各种ui框架,如vant,element-ui
展开
-
数组中的对象判断里面的内容
// 有一个数组let list = [ {treat_date: "2021-04-20", time_segment: "3"}, {treat_date: "2021-04-20", time_segment: "2"}, {treat_date: "2021-04-19", time_segment: "1"}]// 想吧他改成let list =[ {'treat_date': "2021-04-20", "time_segment":["3", "2"]},原创 2021-04-23 19:57:43 · 186 阅读 · 0 评论 -
H5开发遇到的问题
1.弹出数字键盘<!-- 有"#" "*"符号输入 --> <input type="tel"> <!-- 纯数字 --><input pattern="\d*">2. 调用系统的某些功能<!-- 拨号 --><a href="tel:10086">打电话给: 10086</a><!-- 发送短信 --><a href="sms:10086">发短信给: 10086</原创 2021-02-26 16:06:32 · 159 阅读 · 0 评论 -
Vue常用各种插件详细安装步骤(不收藏就找不到了!)
Vue安装步骤1.小黑框安装vue create 项目名 -b -n2.vuex安装yarn add vuex //全局状态管理工具yarn add vuex-persistedstate //vuex保存在本地3.路由安装yarn add vue-router //路由4.路由跳转yarn add axios //路由跳转yarn add vue-axios //路由跳转5.快速实现页面效果pc端yarn add element-ui -S //pc端6.s原创 2020-09-29 14:15:20 · 2792 阅读 · 2 评论 -
HTML标签
标签作用属性1属性2属性3属性4属性5属性6属性7a超链接href=""//链接目标地址download=""//指定下载链接hreflang=“en”//指定被链接文档的语言rel=""//文档与目标 URL 之间的关系media=“all”//目标 URL 的媒介类型target=""//在何处打开地址//_blank–_parent–_self–_top–framenametype=“text/html”//类型abbr表示一个缩写词或者首字母...原创 2021-01-28 14:56:15 · 113 阅读 · 0 评论 -
fe常用网站
点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转原创 2021-01-16 20:03:41 · 393 阅读 · 1 评论 -
上传图片
PC端<FormItem label="学员头像:"> <Upload action="http://120.53.31.103:84/api/public/img" :before-upload="handleUpload" :headers="{Authorization: 'Bearer '+$store.state.token.remember_token}" > <Button icon="ios-cloud-upload-outli原创 2021-01-14 16:43:56 · 103 阅读 · 0 评论 -
判断是否在数组中,如果在返回下标,不在返回-1
let go=[]let index=go.findIndex(item=>{ return item.id==num})if (index != -1) { } else { var a= {'id':1,} go.push(a)}原创 2021-01-08 09:06:36 · 515 阅读 · 0 评论 -
px自动转rem
文章目录首先下载 npm install postcss-pxtorem完成下载之后,在package.json文件中添加在public的index.html文件中添加vue中配置多环境变量首先下载 npm install postcss-pxtorem完成下载之后,在package.json文件中添加"postcss": { "plugins": { "autoprefixer": {}, "postcss-pxtorem": { "rootValue": 16,原创 2020-12-30 19:19:36 · 642 阅读 · 0 评论 -
细说节流和防抖
什么是节流,防抖节流就是用户重复点击,不断的发出请求,或滚动条不断滚动,触发的事件会占用很大的一部分内存,所以就出现了节流防抖就是搜索的时候,我们每搜一个关键字后就会马上请求接口,其实这是不需要的,为解决这一问题就出现的防抖,指超出指定时间后才会执行//节流1function throttel(name="随便起",time=2000,msg="点击的速度太快了"){ return new Promise((resolve,reject)=>{ if(this[name]){原创 2020-12-06 15:28:25 · 102 阅读 · 0 评论 -
vue插件大全
vue插件大全转载 2020-10-22 10:02:37 · 70 阅读 · 0 评论 -
axios用post请求方式报错的解决方案
axios用post请求方式报错的解决方案1. 安装qsqs是一个不知道是谁开发的一个解决formData请求的包安装方法:yarn add qscnpm i qs -S2.使用 this.$axios.post("/路径",qs.stringify({传递的参数})).then((res) => { console.log(res); });...原创 2020-10-11 20:18:10 · 612 阅读 · 0 评论 -
element-ui实现分页效果
element-ui实现分页效果思路主要代码就是data.slice((page-1)*pageSize,page*pageSize)<ul id="ul"> <li v-for="(item, index) in data.slice((page-1)*pageSize,page*pageSize)" :key="index" @click="list(item.id)"> <img :src="item.pic" alt="" style原创 2020-10-09 10:32:51 · 259 阅读 · 1 评论 -
Ajax详细获取数据(不会的转行吧!)
Ajax获取数据1.原生AjaxGET获取//步骤一:创建异步对象 var ajax = new XMLHttpRequest(); //步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端 ajax.open('get','路径'); //步骤三:发送请求 ajax.send(); //步骤四:注册事件 onreadystatechange 状态改变就会调用 ajax.onreadystatechange = func原创 2020-10-06 15:33:47 · 2809 阅读 · 8 评论