无影尊者 - 博客园

vue@cli3使用绝对路径引入public目录下的静态文件

摘要：官网地址：https://cli.vuejs.org/zh/guide/html-and-static-assets.html#url-%E8%BD%AC%E6%8D%A2%E8%A7%84%E5%88%99 最近学习vue3，在封装图片时需要传入路径，相对路径太麻烦，绝对路径报错，在官网看到这个特阅读全文

posted @ 2020-07-30 11:02 无影尊者阅读(17510) 评论(0) 推荐(0) 编辑

小程序onShareTimeline()分享朋友圈

摘要：目前小程序分享到朋友圈有以下2个限制： a.仅支持Android平台，ios平台暂不支持 b.微信基础库限制2.11.3及以上开发者设置分享小程序到朋友圈，有2种方式： wx.showShareMenu()，支持快速分享到朋友圈使用默认小程序标题，分享图为小程序logo，不可自定义参数。（uni- 阅读全文

posted @ 2020-07-24 09:26 无影尊者阅读(5379) 评论(0) 推荐(0) 编辑

微信小程序调用百度、高德APP导航

摘要：官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.openLocation.html 之前看到别的小程序可以调用百度、高德APP导航，一直非常想尝试一下，今天看偶然看到wx.openLocation()API；阅读全文

posted @ 2020-07-21 11:24 无影尊者阅读(4489) 评论(0) 推荐(0) 编辑

利用三角函数动态获取旋转角度

摘要：最近小程序要实现下图的样式效果，其中文字设置100%的行高并居中就行了，关键是父元素是响应式的，不同设备的宽高不同，线条需要旋转的角度也不相同，首先想到的就是利用三角函数求角度，不过在网上没有找到现成的方案，关于三角函数忘了差不多，又去复习了一下三角函数、w3c的Math中关于三角函数的api，花了阅读全文

posted @ 2020-07-16 15:38 无影尊者阅读(596) 评论(0) 推荐(0) 编辑

重新认识ES6中的语法糖

摘要：原文：https://segmentfault.com/a/1190000010159725 本文翻译自 Nicolas Bevacqua 的书籍《Practical Modern JavaScript》,这是该书的第二章。翻译采用意译，部分内容与原书有所不同。本章翻译时我最大的收获有以下几点：阅读全文

posted @ 2020-07-15 13:54 无影尊者阅读(598) 评论(0) 推荐(0) 编辑

常用的js工具函数

摘要： JS选取DOM元素的方法注意：原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素document.getElementById('myid');2、通过CLASS选取元素document.getElementsByClassName('myclass')[0];3、通过标阅读全文

posted @ 2020-07-15 12:01 无影尊者阅读(246) 评论(0) 推荐(0) 编辑

小程序分享真机调试图片不显示

摘要：最近在写小程序，使用小程序分享功能时开发工具正常，但是在安卓端图片不显示，最后发现是域名使用https的问题，改为http就可以了，特此记录一下。阅读全文

posted @ 2020-07-03 10:13 无影尊者阅读(1035) 评论(0) 推荐(0) 编辑

用于小程序中的骨架屏

摘要：基于uni-app的一个骨架屏插件。在使用的时候可以直接在components中引入组件quick-skeleton.vue。组件代码如下： 1 <template> 2 <view 3 v-show="show" 4 :style="{ 5 width: systemInfo.width + ' 阅读全文

posted @ 2020-07-01 14:34 无影尊者阅读(446) 评论(0) 推荐(0) 编辑

小程序去除button默认样式

摘要： /* 去除button默认样式 */ button::after { border: none; } button { background-color: transparent; padding-left: 0; padding-right: 0; line-height:inherit; } b 阅读全文

posted @ 2020-06-30 11:46 无影尊者阅读(1464) 评论(0) 推荐(0) 编辑

css 文本两行显示，超出省略号表示

摘要：重点：text-overflow: ellipsis;只对display：inline；起作用例子： <span class="a">我说说<b class="b">打瞌睡党风建设打火机</b>说说色儿</span> a{ display:block/inline-block; width:100 阅读全文

posted @ 2020-06-30 10:15 无影尊者阅读(523) 评论(0) 推荐(0) 编辑

导航

公告