JavaScript
文章平均质量分 64
Duccky
生命之光 照亮前路.
展开
-
v-for 遍历避免同时使用 v-if
v-for 比 v-if 优先级高,如果每一次都需要遍历整个数组,将会影响速度,尤其是当之需要渲染很小一部分的时候,必要情况下应该替换成 computed 属性。推荐写法:<ul> <li v-for="(item,index) in userList" :key="item.id"> {{ item.name }} </li></ul>computed: { userList: function () {原创 2020-09-21 15:26:46 · 642 阅读 · 0 评论 -
vue项目执行npm run build 打包出现某些图片,字体,资源文件路径404,无法加载的问题
如图所示:如果出现如图的错误。首先我们第一步是考虑进入dist文件夹里面的static文件夹正常情况下static文件夹是非常干净的如果你发现你的static文件夹出现了多余的img、fonts文件夹等。则可以考虑如下的解决方式。一般出现这种情况是因为图片过大或者资源文件过大、超过了打包规定的限制此时,我们按照下图找到对应的文件默认限制是10kb。我们可以修改为...原创 2018-09-20 17:13:22 · 4982 阅读 · 2 评论 -
vue router路由跳转带参数方法以及带参数后无法跳转的问题
在开发项目的过程中,经常会遇到某一个场景. eg:点击某个东西,会进入当前那个东西的详情页. 此时一般的处理方式就是需要获取到当前点击对象的id.跳转到新页面,根据这个id通过网络请求获取到详细的参数.在vue中.假如我们创建了两个vue文件. 一个Aaa.vue,一个叫Bbb.vue文件.在index.js文件中. import Videolist from '../pages/a...原创 2018-09-04 14:31:29 · 11555 阅读 · 1 评论 -
JavaScript格式化日期时间
/*获取时间数组-- data(为当前日期)*/function getTimeArray(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var m...原创 2018-07-06 11:13:23 · 710 阅读 · 0 评论 -
微信小程序canvas超出屏幕实现左右滑动的方法
跟所有人的想法相同,第一次使用canvas绘制的折线图,我选择了放在scroll-view 内,在开发者工具上是可以实现滑动的,但是在真机上面发现不能滑动.原因是canvas层级是最高的,后来发现官方文档已经明确说明经过无数种方法的测试,.始终会存在一个问题.就是滑动不流畅.比如通过绑定canvas的时间,获取移动的距离,从而改变canvas的位置, 这种方法是极不流畅的,非常的生硬.下面我将给出...原创 2018-07-12 14:17:15 · 14563 阅读 · 9 评论 -
微信小程序图片/视频直传阿里云服务器OSS
阿里云官方文档:https://help.aliyun.com/document_detail/31925.html?spm=a2c4g.11186623.6.634.AMs4Fj第一步(需要由后台提供接口,前端获取一些必要参数) oss: function(token) { var _this = this; wx.request({ ...原创 2018-06-19 15:08:41 · 6898 阅读 · 4 评论 -
微信小程序Canvas绘制圆形图片
<canvas canvas-id="myCanvas"/>//获取设备的信息let mobile = wx.getSystemInfoSync();//获取设计图纸换算比例(用于自适应所有屏幕)let ratio = mobile.windowWidth / 375;(375px为iphone6屏幕宽度)const ctx = wx.createCanvasConte...原创 2018-06-12 14:37:54 · 10674 阅读 · 2 评论 -
微信小程序用户拒绝授权的官方推荐处理方法
小程序开发中,现在一般都需要获取微信用户信息,如头像/名字等.这样在用户第一次进入小程序时,微信端会弹出一个是否同意授权的消息提示框.但是如果用户第一时间点击了拒绝,或者用户手误点击了拒绝,如果没有了后续的操作,可能你的小程序就不能使用了,也就会失去这样一位用户.所以,微信官方推荐了一个方法,就是在用户第一次拒绝授权的时候,再给用户一个选择的机会.这样能很好的解决上诉问题.下面以用户需要授权两个权...原创 2018-04-08 18:55:06 · 4791 阅读 · 1 评论 -
Swiper常见用法/问题(滑块滚动方式/点击之后停止自动滚动等问题)
如上图所示:如需要这样的样式在html中写入<div class="swiper-scrollbar"></div>JS中 var swiper3 = new Swiper('#swi_scroll',{ speed:1500, loop:true, scrollbar:'.swiper-scrollbar', scrollbarDraggabl...原创 2018-04-08 17:41:19 · 12965 阅读 · 3 评论 -
JS在一定范围内取出一定的不重复随机数
//循环创建一个数组的函数 function randomArr(maxcount){ var arr = []; for(var i=0;i<maxcount;i++){ arr.push(i) } return arr; } var arr = randomArr(10); //取出随机数, maxNum为 取出随机数的个数 function Ran...原创 2018-03-02 15:49:02 · 6115 阅读 · 0 评论 -
关于(QQ、微信、微博等)的前端分享处理,以及百度地图的调用
百度分享(微信、微博、QQ、豆瓣等链接的分享写法)HTML:<div class="bdsharebuttonbox"> <a href="##" class="bds_douban fa fa-weibo" data-cmd="tsina" title="分享到新浪微博"></a> <a hre原创 2018-02-10 16:53:40 · 548 阅读 · 0 评论 -
关于H5页面点击a标签拉取QQ临时对话的问题
<a href="http://wpa.qq.com/msgrd?v=3&uin=xxx&site=qq&menu=yes"></a>其中'xxx'为输入的临时对话QQ号码。这里注意的是,针对Safari浏览器,暂不支持临时会话的拉取,只有弹出弹出提示框,提示手动添加QQ号码。安卓手机目前是支持TIM以及QQ的...原创 2018-02-10 14:10:40 · 3832 阅读 · 0 评论 -
判断当前浏览器类型/判断是否是在微信端
function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return "Opera" }; //判断是否Opera浏览...翻译 2018-02-10 13:47:50 · 1757 阅读 · 0 评论 -
关于layer的常见用法
(1)普通消息提示layer.open({ content: content, skin: 'msg', time: 1.5});(2)数据加载中layer.open({ type: 2, shadeClose: false, content: '数据加载中,请稍后'}); (3)关闭所有弹出层layer.closeA...原创 2018-02-10 13:40:29 · 684 阅读 · 0 评论 -
JS对手机号码和验证码、QQ号码进行验证
//调用layervar layerCommon = function(content) { layer.open({ content: content, skin: 'msg', time: 1.5 });}//手机号码var numberTel = function(num) { if (num == "") {...原创 2018-02-10 13:38:16 · 2909 阅读 · 0 评论