Red_SevenWords-CSDN博客

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 3795 1

原创 js将url的?后面的参数转成对象

如下链接后面的内容 “?id=wyyy&pwd=123456”处理代码 const path = url.split('?')[1]; const urlres= path.replace(/&/g, '","').replace(/=/g, '":"'); const reqDataString = '{"' + urlres + '"}'; const query = JSON.parse(reqDataString);打印结果......

2022-02-18 11:14:55 1923

原创 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 2116

原创超出多行文字显示省略号

<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 164

原创 VUE 父组件通过函数向子组件传参

父组件import multipleUpload from '@/components/multipleUpload'export default { components: {multipleUpload}, data () { return { option:{ title: '添加照片', maxNum: 10, icon: ''

2020-08-13 10:44:27 607

原创数据渲染的结构，获取HTMLCollection对象为空，length为0,转数组无效

当前结构是获取数据遍历得到<div v-for="(item,index) in list" :key="index"> <div class="wordlogo">{{item.companypic}}</div></div>给list赋值之后调用头部改色函数，但是此时无效//datareturn { color: ['#15A892','#1574A8','#A89215','#74A815','#D24EE9']}methods: {

2020-08-13 09:56:49 2993 4

原创 vant mint-ui element-ui官网进/上不去的解决办法

上任鹅城，鹅城进不去了办法来了，青天就有了分三步走，请客、斩首、收下当狗第一步：点击下方前往“站长工具”查询对应网址youzan.github.io的DNS站长工具地址第二步：找到TTL值最小的那个的ip地址和我们需要的网址对应关系，配置到hosts文件中win10 hosts文件默认路径：C:\Windows\System32\drivers\etc此处点击文件、打开Windows powershell以管理员身份打开用管理员方式打开hosts文件把我们查到的dns响应IP

2020-08-05 16:43:37 7080 5

原创 VUE 跳转loading动画组件

开门见山的说，先在components里面创建一个Loading.vue文件内容如下<template> <div class="loading"></div></template><script>export default { name: 'Loading' // 定义的组件名称使用时写法：loading }</script><style lang="scss" scoped>.loa

2020-07-15 10:25:04 1250

原创 v-html中使用过滤器无效解决办法

在HTML模板中使用过滤器失效，那么就改用其他办法实现，将过滤函数值return给一个函数，v-html=“function(value)”结构<div v-html="htmlFormat(item.html)"></div>函数当前代码作用是删除p标签中的内容 methods: { htmlFormat(value) { if (!value) return '' value = value.replac

2020-07-10 15:16:39 728

原创安装使用cnpm

直接npm install cnpm -g --registry=https://registry.npm.taobao.org

2020-07-10 11:47:09 200

原创 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 217

原创 vue 动态设置背景图片，和背景渐变

1

2020-04-29 09:47:10 6058

原创 git与上游同步更新

git remote add upstream 上游的git地址git remote -v 查看是否成功git pull upstream master 拉取

2019-11-21 10:22:13 1339

原创 vue 上传图片函数封装直接调用

结构，样式可以自己修改<input type="file" @change="addimg($event)">在公用函数commonfn.js文件里面添加一个方法let fileBaseurl = 'http://xxxxxxxxxxxx/upImages' //你的图片上传地址import axios from 'axios';export function uploa......

2019-10-31 10:58:57 785

原创自己用到的过滤器函数，名字星号，电话号码星号，身份证星号，时间格式，

工作的时候用到的记录一下，以后继续更新1、身份证部分隐藏idnumfilter (value) { // 身份证星号 if (value) { let val = value.replace(/(.{6}).*(.{4})/,"$1******$2") return val } else { return '' }}......

2019-10-25 16:34:30 583

原创 js 毫秒/秒转化成时间格式

是在写过滤器的时候想起来记录一下函数如下formatSeconds (value) { var offset = parseInt(value);// 单位为秒 var offset = parseInt(value/1000);// 单位为毫秒 var secLeft = offset%60; var minLeft = Mat...

2019-10-25 16:20:59 421

原创 CSS文字超出显示省略号

单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行。多行文本溢出显示省略号，行数为n。overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: n;...

2019-10-23 11:46:46 208

原创 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 1317

原创 VUE a标签打电话，邮件，信息

a标签的方便和妙用<a href="tel:18888888888">188888888</a>如果是在vue中的话就拼接字符串。如下<a :href="'tel:' + this.phone">{{this.phone}}</a>还有<a href="mailto:123456@qq.com?subject=TestObject...

2019-09-18 15:11:45 1223

原创 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 3152 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 951

原创 Taro 微信小程序跳转的方法，为什么跳转失败，可能是方法不对！

微信小程序的跳转就和vue大不一样了，vue写惯了，动不动就想push和name。那么小程序里面怎么做呢？wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack 可以返回到原页面。但是最多可以跳转五层，堆栈保存只能有五层，太深的话建议不要使用这个。wx.redirectTo关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabba...

2019-07-26 15:09:26 2451

原创 Taro小程序 React 写一个获取短信验证码倒计时60秒然后可以重新获取

最近做的东西需要倒计时验证码，但是taro-UI里面没有，然后就只能手写。可能用taro的人还不多，很多组件还不是很完善，但是总体说来taro还是很不错的。那么下面我们来看倒计时怎么写，先贴效果图：现在看到了样式的效果，那么代码是怎么样的呢？1、先看数据，也就是state中的内容 phone_no是号码，icode是验证码，code_ts是按钮中是提示内容，show_btn是否展示获取验证...

2019-07-26 14:22:47 3805 2

原创 Failed at the chromedriver@2.44.1 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 2703

原创 vue中setInterval()重叠导致加速的解决办法

一个页面上，在函数中写了一个定时器。离开该页面后重新进入会发现定时器的速度发生了改变，继续重新进入还是会继续加速。原因是页面离开的时候没有将定时器清除，会一直保持运行。先在data里面的return中定义定时器的名字如actiontimedata () { return { actiontime: '' }}之后在函数中写定时器funtion mytiming(){ // 里...

2019-04-30 10:59:46 4437

原创关于canvas的里fillText文字居中和画布清空重画内容

先在结构中写一个canvas元素<canvas id="myCanvas1" width="88" height="88"></canvas>在函数中对于当前元素进行操作,清空画布的内容可以利用改变画布的宽度达到清空的目的可以用定时器请求数据，重置我下面函数中的a重新描绘画布，以及画布中的文字num数据modelvisitNumber1 () { ...

2019-04-28 16:30:38 6885 9

原创数组的方法，我记性不好所以来总结记一下！

时常会因为需要用到某个方法，但是却忘记了怎么写。可能掉头发的同时记性也掉了吧，那就索性来记录一下数组的方法，当是做一遍笔记——好记性不如烂笔头。数组的方法很多，但是常用的也就那几个：push：往数组尾部添加一个或多个元素，返回数组新的长度pop：删除数组最后一个元素，返回删除的元素unshift：往数组开头添加一个或多个元素，返回数组新的长度shift：删除数组第一个元素，返回删除的...

2019-04-28 14:22:44 355

原创 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 1905

原创 vue移动端使用console的神器vconsole来调试

前几天开发微信项目的时候传图片在电脑上完全ojbk，但是在我的手机上一直失败。于是就无从下手了，然后同事告诉我有个vConsole，我去百度了一下，看了几分钟用上之后就轻松地从network里面看到请求返回的错误，登陆过期。顺藤摸瓜解决了问题，所以来记录一下。vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试工具。引入js的就不说了，我不喜欢那么做，相信很多人也不喜欢，还是用n...

2018-09-25 17:28:20 2752

原创 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 5387

空空如也

空空如也