- 博客(51)
- 收藏
- 关注
RSS订阅原创 前端面试题
1、H5+css链接: link.// An highlighted blockvar foo = 'bar';2、js链接: link.3、http浏览器性能链接: link.4、Vue链接: link.5、es6链接: link.6、算法链接: link.
2022-01-19 22:39:16
531
原创 2021-08-12
uniapp input 光标出现在文本末尾进坑三天，终于第四天爬坑，多亏下面一篇博文启发https://blog.csdn.net/nailgo/article/details/100134765<input type="text" @click="focusEnd" ref="input" />focusEnd (e) { var input = that.$refs.input.$refs.input var length = input.value.leng
2021-08-12 15:08:15
723
原创 scroll-view 开启自定义下拉刷新 scroll-view里面内容太少无法触发刷新
scroll-view 开启自定义下拉刷新 scroll-view里面内容太少无法触发刷新这个bug目前解决方法是在scroll-view标签下包裹唯一一个view标签，设置样式min-height:calc(100% + 1rpx)就可以解决
2020-07-24 15:59:50
810
原创 父元素的伪元素层级过高盖住子元素
如下图，开始就觉得是伪元素出的问题，导致子元素超链接点击无效,排查了很久，终于被一句话点醒，伪元素作为父元素的子元素，强制display:block。突然想到可能是伪元素占据了空间，覆盖着后面的子元素只上，导致点击不了，可以给伪元素加背景证明，确实盖住。解决伪元素盖住点击事件在伪元素代码中加上这句，可穿透伪元素点击pointer-events:none;使用这个属性，可以在点击某元素的...
2019-11-29 14:03:56
3014
原创 vue-element-admin框架开发问题
1、关于vue-element-admin项目的分页，返回默认显示第一页的问题解决参考：https://blog.csdn.net/xfmuchengxue/article/details/84992879 1、存储当前页码数 getList() { sessionStorage.setItem('pagination',this.listQuery.pageNum) }, 2...
2019-11-19 15:40:26
427
原创 video视频
1、el-table控件不能正常显示https://github.com/SimulatedGREG/electron-vue/issues/361https://blog.csdn.net/weixin_30306905/article/details/94794329根据electron-vue作者自己的回复，element-ui需要加入到白名单里面，需要修改.electron-vue/...
2019-10-10 16:50:48
527
转载 H5微信开发iOS真机上，input框取消软键盘底部留白的解决方案
1http://www.fly63.com/article/detial/3565手机开发中，input输入时会弹出软件，但是在取消软键盘之后，底部就出现有一部分空白，解决办法：在公共js中就上这段代码就行了。<script type="text/javascript"> document.body.addEventListener("focusout", () =>...
2019-10-09 17:46:26
780
原创 Vue中结合ElementUI实现：限制输入框只能输入正整数
1、利用正则来规避掉小数点和负数监听一下失去焦点的时候要触发事件var boolean=new RegExp("^[1-9][0-9]*$").test(val)if(!boolean && i=='zIndex'){ this.$message.warning('请输入正整数') }...
2019-09-27 15:38:30
789
原创 axios 之超时处理 与axios拦截器接口配置
axios 之超时处理转载：https://blog.csdn.net/smalCat/article/details/87982937
2019-09-25 17:38:29
612
原创 vue.js click点击事件获取当前元素对象
转载：https://www.cnblogs.com/lina-xiao/p/8331529.html
2019-08-29 00:53:49
1322
原创 前端都应该阅读这些文章
一个合格(优秀)的前端都应该阅读这些文章：https://juejin.im/post/5d387f696fb9a07eeb13ea60腾讯前端面试篇（一）https://juejin.im/post/5c19c1b6e51d451d1e06c163
2019-08-07 17:44:25
331
原创 防抖与节流
参考：https://juejin.im/post/5c87b54ce51d455f7943dddb#heading-2https://blog.csdn.net/BetterGG/article/details/80234996<input type="text" placeholder="请输入搜索值" id="inputval"/>var val1=document.g...
2019-08-07 16:49:57
151
原创 js事件委托、深入JavaScript异步Promise
1、js事件委托参考：https://blog.csdn.net/queenzjl/article/details/80119241https://blog.csdn.net/qq_38128179/article/details/86293394事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。 （也就是说通过父元素监听子元素触发的事件）在js中，添加...
2019-08-06 15:36:40
146
原创 ajax 解决跨域的原理及过程
1、JQuery封装Jsonp相关链接：https://segmentfault.com/a/1190000012469713根据浏览器同源策略，所谓同源就是协议、主机、端口号都相同时成为同源。a 域的js不能直接访问 b域名的信息，但是script标签的src属性可以跨域引用文件，jsonp是请求之后后台包装好一段json，并且把数据放在一个callback函数，返回一个js文件，动态引入...
2019-08-02 11:50:08
153
转载 怎么让Chrome支持小于12px 的文字？
这个我们在做移动端的时候，设计师图片上的文字假如是10px，我们实现在网页上之后。往往设计师回来找我们，这个字体能小一些吗？我设计的是10px？为啥是12px?其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？我们的做法是：针对谷歌浏览器内核，加webkit前缀，用transform:scale()这个...
2019-07-31 11:42:26
233
原创 js运行机制、作用域、闭包、原型链
1、从setTimeout运行机制理解JS运行机制（参考：https://blog.csdn.net/m0_37686205/article/details/88775880）主线程从任务队列中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop。setTimeout 和setInterval的运行机制是将指定的代码移出本次执行，等到下一轮Event Loop 时...
2019-07-30 17:33:01
217
原创 JavaScript 随机抽取不重复的数组元素
输入的数字转化为数组createArr:function(num){ var hoster=this hoster.totalnum=[] for(var i=1;i<= num;i++){ hoster.totalnum.push(i) } }随抽随删 choubtn:function(){// onenum:1,//一次抽奖抽中人数// tota...
2019-07-30 11:28:52
493
原创 js问题集锦
1、何检测一个变量类型htmltypeof(obj) === "string"obj.constructor === String //true，是字符串转载
2019-07-30 09:08:36
149
原创 css动画
1、css动画写幻灯片html<div class="mydiv"></div>css.mydiv{ height:500px; width:800px; -webkit-animation-name:'loop'; -webkit-animation-duration:20s; -webkit-animation-iteration-count:inf...
2019-07-29 10:11:06
108
转载 移动端弹出键盘时挡住了输入框解决办法
//微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法 window.addEventListener("resize", function() { if(document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") { window.setTimeout(f...
2019-07-26 15:27:38
244
原创 input 问题集锦
1、去除input边框以及选中时边框 默认样式~cssinput { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 }2、input的~placeholder样式inpu...
2019-07-25 14:21:22
180
原创 滑动置顶
滑动置顶最近写vue项目遇到一些问题,把导航栏组件放在了app.vue中,让他在每个页面都能显示了,但遇到了一个问题,在某些页面导航栏是不合理不允许存在的app.vue<div class="top" ref="topH" > <div class="item" :class="{active:current===index}" v-for="(item,index...
2019-07-24 16:24:20
400
原创 vue用js this.$refs.personTab.style.width 报错 'style' of undefined
vue用js this.$refs.personTab.style.width 报错 ‘style’ of undefined错误处在 this.$refs.personTab中的personTab上面，personTab是undefined解决if(this.$refs.personTab){this.$refs.personTab.style.width = width + "rem"...
2019-07-24 11:16:52
1420
原创 文字超出两行隐藏
文字超出两行隐藏 text-align: center; line-height: 30px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; height: 58px; display: -webkit-box;...
2019-07-23 14:31:02
172
原创 vue动态路由
vue动态路由配置<router-link :to="'/propertyDetail/'+item.id"> //配置idthis.id=this.$route.params.id//获取id
2019-07-23 11:53:46
126
转载 props的异步加载问题
在写vue项目的时候,父组件调用ajax的接口获得数据,然后赋值给data中的初始值,然后通过props传给子组件,子组件在created的时候,获得的props的值有的时候是undefined,因为ajax是异步请求,执行的http线程,js线程执行的过程可能还没有值的返回.保证在子组件created的时候也有值,解决方案是在父组件中调用子组件的时候写一个v-if,在ajax值返回的时候再v-...
2019-07-23 10:06:32
414
原创 Vue v-if判断数组长度 && vue获取对象里的id属性
<div v-if="a.city!== undefined && a.city!== null && a.city.length > 0"> <span v-for="i in a.city">{{a.name}}{{i.name}}</span> </div> <div ...
2019-07-22 10:05:19
4266
原创 VUE 实现下拉分页加载更多功能
VUE 实现下拉分页加载更多功能~html <div class="con_item" v-for="item in pageArr"> <div class="name" >{{item.name}}</div> </div> <div class="loading" style="display: none" ref="load...
2019-07-19 17:40:00
1667
原创 vue项目问题集锦----轮播与横向滑动
vue项目问题集锦1、Vue导航栏在特定的页面不显示~最近写vue项目遇到一些问题,把导航栏组件放在了app.vue中,让他在每个页面都能显示了,但遇到了一个问题,在某些页面导航栏是不合理不允许存在的解决方法:公共模块的内容可以放在App.vue中这时，就可以采用keep-alive结合$route.meta来实现这个功能。keep-alive 是 Vue 内置的一个组件，可以使被包含...
2019-07-19 10:03:59
928
原创 vue获取时间戳转换为日期格式
**vue获取时间戳转换为日期格式filter.js**export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); }...
2019-07-18 15:02:49
473
原创 vue跨域请求后端加密接口
vue跨域请求后端加密接口1、设置跨域代理首先在config/index.js 里面找到proxyTable ：{} ，然后在里面加入在main.js设置一个基础路径：axios.defaults.baseURL=”/api”，这样调用接口的时候可以不写api,直接写/接口名称即可。例如：let _url4=”/dictionaryTypes”“/api”:{target: ‘ht...
2019-07-17 15:01:02
999
1
转载 vue项目启动之后出现cannot GET /
https://blog.csdn.net/u014374031/article/details/73558542
2019-07-11 10:16:35
306
转载 vuejs在css样式表里设置背景图background:url('path'),报错
https://blog.csdn.net/qq_22713201/article/details/80819525
2019-07-10 16:52:50
3448
原创 vue项目搭建与配置
vue项目搭建1、创建项目1、vue init webpack project2、cd project 3、npm install 4、npm run dev2、安装less1、npm install less less-loader --save-dev2、接下来找到bulid目录下的webpack.base.conf.js并打开，找到module下的rules写下：...
2019-07-10 14:57:23
273
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人