前端
文章平均质量分 60
Red_SevenWords
1、我的记性不好。2、视力不好。3、抵抗力不好。4、肩颈不好。6、记性不好。......
展开
-
数组中子元素为空数组时去掉为空的数组
数组中子元素为空数组时去掉为空的数组,或者数组包含对象,对象又包含数组的原创 2022-07-06 10:00:01 · 794 阅读 · 0 评论 -
Cannot read property ‘numerator‘ of undefined,calc的运算
calc原创 2022-06-15 15:07:16 · 511 阅读 · 0 评论 -
vue 使用腾讯地图并在图中标点标注
vue 使用腾讯地图根据官方文档中使用script来引入,首先要去注册一个地图的key指路:腾讯地图官方注册地址找到项目中的index.html通过script的方式引入 <script src="https://map.qq.com/api/gljs?v=1.exp&key=你刚刚申请的key"></script>现在去到我要生成地图的页面<template> <div class="txMap"> <div id="原创 2022-05-30 12:10:14 · 3391 阅读 · 1 评论 -
js时间,标准时间,时间戳,年月日时间格式的转换
1、yyyy-MM-dd转时间戳var date = '1999-09-21'var res = Date.parse(new Date(date))/1000 //9378720002、标准时间转yyyy-MM-ddvar res = new Date().toLocaleDateString().slice().replace(/\//g, '-') //"2020-9-10"3、标准时间转 yyyy-MM-dd HH:mm:ssvar date= new Date() //Thu Se原创 2020-09-10 18:01:09 · 2000 阅读 · 0 评论 -
超出多行文字显示省略号
<div><p>任意文字</p></div>div{ width: 300px;}p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;//代表行数 overflow: hidden;}原创 2020-09-08 15:29:59 · 139 阅读 · 0 评论 -
js一些常用函数的记录
1、数组去重function unique(arr){ for(var i=0; i<arr.length; i++){ for(var j=i+1; j<arr.length; j++){ if(arr[i]==arr[j]){ //第一个等同于第二个,splice方法删除第二个 ...原创 2020-04-29 09:55:42 · 171 阅读 · 0 评论 -
VUE很好用的 下拉加载/无限加载/滚动加载插件 Vue-infinite-loading
????真的很好用话不多说开始介绍先是安装下载,就不写cdn方式了哈npm install vue-infinite-loading -S然后在main.j中引入使用,配置可写可不写,我自己使用的时候没有在全局写配置,因为每个地方展示的内容可能不一样import InfiniteLoading from 'vue-infinite-loading';Vue.use(InfiniteLoad...原创 2019-10-11 12:04:42 · 1237 阅读 · 0 评论 -
VUE a标签打电话,邮件,信息
a标签的方便和妙用<a href="tel:18888888888">188888888</a>如果是在vue中的话就拼接字符串。如下<a :href="'tel:' + this.phone">{{this.phone}}</a>还有<a href="mailto:[email protected]?subject=TestObject...原创 2019-09-18 15:11:45 · 1134 阅读 · 0 评论 -
vue写一个获取短信验证码倒计时60秒然后可以重新获取
上次写了react的倒计时,今天来写vue的上图,效果是和react一样的开始上代码,结构。使用的框架是vant<div class="list"> <div class="left">手机号码</div> <div class="mid"> <input type="text" maxlength="...原创 2019-09-11 18:03:46 · 3024 阅读 · 4 评论 -
JS,vue写一个动态的倒计时
常有的什么秒杀啊,活动截止时间之类的能用上。不爱打字了,开始上代码先写结构,在data中定义个timehtml用于显示时间<div class="time">活动剩余时间:{{this.timehtml}}</div>然后在进入页面实列创建完成就执行倒计时函数created () { this.overtime = '2019-9-1 14:00:5...原创 2019-08-30 10:21:51 · 906 阅读 · 0 评论 -
Taro 微信小程序跳转的方法,为什么跳转失败,可能是方法不对!
微信小程序的跳转就和vue大不一样了,vue写惯了,动不动就想push和name。那么小程序里面怎么做呢?wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面,使用 wx.navigateBack 可以返回到原页面。但是最多可以跳转五层,堆栈保存只能有五层,太深的话建议不要使用这个。wx.redirectTo关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabba...原创 2019-07-26 15:09:26 · 2317 阅读 · 0 评论 -
vue图片上传缩略图以及进度条的实现
首先是图片的上传(结构)其中add_img函数的参数由自己决定。&lt;input type="file" id="idfront" @change.self='add_img($event, 0, key)'&gt;&lt;progress :value="progress" max="100" v-sho原创 2018-09-25 16:59:46 · 5183 阅读 · 0 评论 -
vue移动端使用console的神器vconsole来调试
前几天开发微信项目的时候传图片在电脑上完全ojbk,但是在我的手机上一直失败。于是就无从下手了,然后同事告诉我有个vConsole,我去百度了一下,看了几分钟用上之后就轻松地从network里面看到请求返回的错误,登陆过期。顺藤摸瓜解决了问题,所以来记录一下。vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试工具。引入js的就不说了,我不喜欢那么做,相信很多人也不喜欢,还是用n...原创 2018-09-25 17:28:20 · 2680 阅读 · 0 评论 -
vue 使用less语法
在vue里面如何快速使用less样式语法,在项目的文件夹内下载插件就可以了,使用npmnpm install less less-loader --save然后在vue文件里面就可以引入"lang=less"(单独的less文件)<style scoped lang="less"> @import "./home.less";</style>如果是在当前v...原创 2019-02-11 15:49:14 · 1825 阅读 · 0 评论 -
数组的方法,我记性不好所以来总结记一下!
时常会因为需要用到某个方法,但是却忘记了怎么写。可能掉头发的同时记性也掉了吧,那就索性来记录一下数组的方法,当是做一遍笔记——好记性不如烂笔头。数组的方法很多,但是常用的也就那几个:push: 往数组尾部添加一个或多个元素,返回数组新的长度pop:删除数组最后一个元素,返回删除的元素unshift:往数组开头添加一个或多个元素,返回数组新的长度shift:删除数组第一个元素,返回删除的...原创 2019-04-28 14:22:44 · 316 阅读 · 0 评论 -
关于canvas的里fillText文字居中和画布清空重画内容
先在结构中写一个canvas元素<canvas id="myCanvas1" width="88" height="88"></canvas>在函数中对于当前元素进行操作,清空画布的内容可以利用改变画布的宽度达到清空的目的可以用定时器请求数据,重置我下面函数中的a重新描绘画布,以及画布中的文字num数据modelvisitNumber1 () { ...原创 2019-04-28 16:30:38 · 6728 阅读 · 9 评论 -
vue中setInterval()重叠导致加速的解决办法
一个页面上,在函数中写了一个定时器。离开该页面后重新进入会发现定时器的速度发生了改变,继续重新进入还是会继续加速。原因是页面离开的时候没有将定时器清除,会一直保持运行。先在data里面的return中定义定时器的名字如actiontimedata () { return { actiontime: '' }}之后在函数中写定时器funtion mytiming(){ // 里...原创 2019-04-30 10:59:46 · 4349 阅读 · 0 评论 -
Failed at the [email protected] install script. npm ERR! This is probably
npm install 的时候 chromedriver安装出现错误是为什么呢?是因为网络有qiang。所以换个办法执行以下代码npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver然后就可以了,就是这么简单,依赖就会老老实实的下载好...原创 2019-07-24 09:44:02 · 2628 阅读 · 0 评论 -
Taro小程序 React 写一个获取短信验证码倒计时60秒然后可以重新获取
最近做的东西需要倒计时验证码,但是taro-UI里面没有,然后就只能手写。可能用taro的人还不多,很多组件还不是很完善,但是总体说来taro还是很不错的。那么下面我们来看倒计时怎么写,先贴效果图:现在看到了样式的效果,那么代码是怎么样的呢?1、先看数据,也就是state中的内容 phone_no是号码,icode是验证码,code_ts是按钮中是提示内容,show_btn是否展示获取验证...原创 2019-07-26 14:22:47 · 3541 阅读 · 2 评论