![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端js代码
文章平均质量分 81
FE焱黑C
日敲代码数百行,不辞长做前端人
展开
-
移动端小技巧
1.input 点击出现键盘 blur键盘收起 发生重排 导致点击失位<input @blur="blurFun" />blurFun(){setTimeout(()=>{window.scrollTo(0, 0);},0);}setTimeout(function(){ var scrollHeight = document...原创 2019-10-17 14:48:54 · 166 阅读 · 0 评论 -
移动端自适应css
1.flexible.js2.postcss后期再加详解原创 2019-10-17 14:42:11 · 178 阅读 · 0 评论 -
H5下拉分页加载
import InfiniteLoading from 'vue-infinite-loading';components: {InfiniteLoading},<infinite-loading direction="bottom" spinner="waveDots" :distance="100" @infinite="infiniteHandler">...原创 2019-10-09 18:32:24 · 473 阅读 · 0 评论 -
url传参——GetRequest函数修复
当A页面通过ajax获取后台数据(dataFp)进行渲染完毕后,进入B页面,从B再返回A页面,当后台压力太大不想再去ajax请求得到数据(dataFp)再次渲染A页面,此时可以考虑url传参,我们常用法1,但是当涉及对象传参(dataFp下面某个属性含中文)会出现乱码;queryCompany(中文)却不含乱码问题。采用decodeURI代替unescape进行解码,对GetRequest函数进行优化,即可解决。原创 2017-08-16 10:04:53 · 1361 阅读 · 1 评论 -
明年的昨天算法 / ios时间格式bug修复
ios不支持yyyy-mm-dd形式;需要用yyyy/mm/dd形式;此处还做了获取 明年的昨天的函数,对数据报表、合同到期时间等方面有一定作用。如2015-03-01——2016-02-29此种类型,刚好间隔一年,考虑平闰年的影响。原创 2017-07-31 22:54:21 · 879 阅读 · 0 评论 -
Vue.js的应用——e.currentTarget的应用
1.当li下有多个子标签时,给li添加了click事件,但是在vue中如果用e.target获取的一般均为li里的子元素,因此采用e.currentTarget方法去获取li的click事件,再去获取li对应的id值,从而可以进行参数传承。2.在用vue调试工具Devtools 时发现vue.min.js和vue.js的区别,引用的vue.js应该使用vue.js(开发版本)而不是vue.min.js(生成版本)原创 2017-08-30 15:25:54 · 7436 阅读 · 0 评论 -
canvas作dashTo的函数封装
采用canvas制作dashTo的封装函数,dashTo(obj,x1,y1,x2,y2)参数分别对应,obj:canvas的id;初始坐标:x1y1;终点坐标:x2y2;lineLength:实线的长度等于间隔的空隙长度,为了达到lineTo一样的效果只是实现虚线。原创 2017-07-18 14:38:35 · 310 阅读 · 0 评论 -
js控制响应式垂直居中——当内容高度不定
当内容不定导致盒字高度不确定时;利用伪元素方法将盒子内容撑起来,此时才能获取其盒子高度,父元素.companyName添加样式position: relative;overflow: hidden;伪元素添加样式content: '';display: block;封装函数function vertical(objdiv,objp),objdiv为最外层div,当获取其高度再减去objp自身高度,除以二就为其margin-top,此时需要注意对margin-top值得取整,因为避免出现小数如0.5px,导致原创 2017-08-16 09:02:37 · 693 阅读 · 0 评论 -
opacity淡入淡出js代码
opacity淡入淡出js代码:oDiv.style.filter='alpha(opacity: '+opa+' )';oDiv.style.opacity=opa/100.原创 2017-06-01 15:47:42 · 923 阅读 · 0 评论 -
分享侧边栏——js代码
本文主要封装了三种运动框架 ,通过增加函数传参 可以减少代码的冗余, 为以后封装其他函数 提供一点思路原创 2017-06-20 10:48:13 · 2163 阅读 · 0 评论 -
完美运动框架——getStyle(obj,attr)、startMove(obj,json,fn)
本文主要 封装一套完美运动框架 startMove(obj,json,fn) 实现多物体运动以及通过json实现一个物体多参数的变动,其中也用到了非行内样式的获取函数getStyle(obj,attr)...原创 2017-06-21 09:25:00 · 2306 阅读 · 0 评论