前端之路
心之苍苍
不惋惜,不呼唤,我也不哭泣......金黄的落叶洒落心间,我早已不再是青春年少......
展开
-
防抖动函数
下面是网上学来的方法//防抖动1debounce(func,wait){constcontext=thisconstargs=argumentsif(this.debounceTimeout)clearTimeout(this.debounceTimeout)this.debounceTimeout=setTimeout(()=>{func.apply(conte...原创 2021-04-26 11:25:53 · 273 阅读 · 0 评论 -
vue中setInterval()和setTimeout()的使用和失效问题。
在vue项目中是用了setInterval()。this.queryTimer=setInterval(()=>{this.qryBatchCheckResult()},5000)这样直接使用没有问题 可以实现循环调用函数。但是再后面需要 清除定时器时,使用clearInterval() 。clearInterval(this.queryTimer)这样使用是无法停止的。如果这样:window.setInterval()window....原创 2021-04-15 19:11:31 · 1373 阅读 · 0 评论 -
数据列表的间隔线CSS
原文:https://www.jb51.net/css/563657.html方法一:通用兄弟选择器( ~ )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width">...转载 2020-12-09 14:50:37 · 415 阅读 · 0 评论 -
使用css样式 线性渐变方法画出div的对角线
使用css样式 线性渐变方法画出div的对角线<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style>#grad1 { height: 100px; width: 100px; border: #333 1px solid; background-image: linear...原创 2020-11-17 10:18:03 · 289 阅读 · 0 评论 -
js中格式化金额数字——增加千分符,保留小数
js中格式化金额数字——增加千分符,保留小数链接:https://www.cnblogs.com/suanshu/p/8820763.htmlfunction number_format(number, decimals, dec_point, thousands_sep) { /* * 参数说明: * number:要格式化的数字 * decimals:保留几位小数 * dec_point:小数点符号 * thousands_sep:千分位符号 * *...转载 2020-11-17 09:42:31 · 418 阅读 · 0 评论 -
js中cookie的设置、获取和删除
旧项目重构,登录页验证码倒计时,是刷新保存的,研究发现是将数据存在了cookie中,于是研究了一下cookie的用法。并封装了一下。也是借鉴学习了很多网上的写法,再次做个总结记录。//获取cookieexportfunctiongetCookie(name){//注意是";"而不是";"多一个空格的才行!!!!letcookieArr=document.cookie.split(";");//使用filter筛选lettarge...原创 2020-05-14 10:46:26 · 268 阅读 · 1 评论 -
Vue中滚动条回到顶部及动画化(缓慢回滚)
开发首页出现滚动条回到顶部的需求,也不能直接回到,要缓慢回滚。旧项目使用的是JQuery的 $("html,body").animate({scrollTop:0},500); //动画化滚动到顶部。varscrolltop=$(this).scrollTop();//位置新项目使用Vue开发,首先遇到的问题是网上查询的所有回到顶部方法均无效。找朋友远程帮忙检查了一下,原来是html...原创 2020-04-08 11:37:34 · 3243 阅读 · 2 评论 -
math.js在Vue项目中的使用和封装
项目中出现金额的四则运算精度错误问题,引入math.js来解决,并封装四则运算方法。引入方式一:在main.js中,import*asmathfrom'mathjs'; // 亲测importmathfrom'mathjs';不可取,朋友指出是因为math.js源码导出为模块化导出。Vue.prototype.$math=math; //挂在到原型之后可以在其...原创 2020-04-08 10:43:45 · 8364 阅读 · 1 评论 -
移动端隐藏input及输入光标
color:transparent; //安卓实现全隐藏 iOS光标不能隐藏 caret-color: transparent;//加上上面样式 iOS全隐藏 text-indent: -999em; margin-left: -100%; //实现隐藏 无法点击获取焦点 text-indent: -999em; // 隐藏inpu...原创 2019-11-11 16:58:30 · 1222 阅读 · 0 评论 -
输入框限制不允许输入中文
思路:在输入过程中 将中文替换为"",string.replace(/[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/g, '');原创 2019-11-11 16:57:01 · 3889 阅读 · 1 评论 -
移动端页面高度设置
最近开发移动端页面,需要给页面设置背景颜色,但是发现高度不够,但是设置高度height:100% 后,没有效果。设置为height:100vh 后,可以使用 不过我这里出现了 页面滚动 。然后查询资料后,发现了一个CSS3的属性fill-available 可以自动填满可用高度。相关属性有fill-available,max-content,min-content, fit-conten...原创 2019-09-04 18:47:18 · 3019 阅读 · 0 评论 -
图片与文字的对齐
当在开发中遇到前面是图片图标后面加文字的样式 ,需要图标和文字对齐,可以使用CSS属性vertical-align给img加上vertical-align 属性 属性值参考以下表格baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-...原创 2019-09-04 18:23:23 · 213 阅读 · 0 评论