2020 年 9月随笔档案 - 路西德

小程序接入快递订单查询

摘要：1、在 app.json 中 "navigateToMiniProgramAppIdList":[ "wx6885acbedba59c14" ] 2、做个按钮，参数为快递订单号 <button catchtap="wuliu" data-expressNo="{{orderNoDetail.expr 阅读全文

posted @ 2020-09-30 14:09 路西德阅读(790) 评论(1) 推荐(0)

微信小程序简单接入客服功能

摘要：WXML 中 <button open-type="contact">联系客服</button> 然后在微信小程序公众平台 => 功能 => 客服 => 添加 (微信账号) 最后在微信中搜索小程序【客服小助手】，就可以和用户对话了阅读全文

posted @ 2020-09-30 14:05 路西德阅读(1330) 评论(0) 推荐(0)

微信小程序模糊搜索功能

摘要：WXML 中 <view class="li l2"> <input id='searchInput' placeholder="请输入企业全称" type="text" bindinput="bindKeyInput" value="{{inputValue}}" data-statu="open 阅读全文

posted @ 2020-09-27 16:41 路西德阅读(2698) 评论(0) 推荐(0)

微信小程序页面跳转的四种方法

摘要：第一种：wx.navigateTo 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。官方文档：https://developers.weixin.qq.com/miniprogram/dev/a 阅读全文

posted @ 2020-09-27 16:15 路西德阅读(6156) 评论(0) 推荐(0)

微信小程序 component组件的使用以及传值

摘要：1、创建component组件 2、component.js 中的说明 Component({ /** * 组件的属性列表(对外属性)，属性设置中可包含三个字段,type 表示属性类型、 value 表示属性初始值、 observer 表示属性值被更改时的响应函数 */ properties: { 阅读全文

posted @ 2020-09-27 11:43 路西德阅读(11672) 评论(0) 推荐(1)

微信小程序实现获取验证码

摘要：WXML 中 <view class="get_yzm" hover-class="none" bindtap="getPhoneSmsByCode">{{limitGetSmsCode.content}}</view> JS 中 data: { phone: '', limitGetSmsCode 阅读全文

posted @ 2020-09-27 09:52 路西德阅读(1374) 评论(0) 推荐(0)

微信小程序封装请求接口方法

摘要：1、在 utils 中创建 request.js 文件 2、在 request.js 文件中 const baseurl = 'https://api.zhiyedang.cn' const request = (url, options) => { return new Promise((reso 阅读全文

posted @ 2020-09-25 15:09 路西德阅读(1483) 评论(0) 推荐(0)

微信小程序弹窗

摘要：1、一闪而过的提示窗官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html wx.showToast({ title: '保存成功', icon: 'none', dura 阅读全文

posted @ 2020-09-25 14:51 路西德阅读(1047) 评论(0) 推荐(0)

微信小程序设置tabBar

摘要：{ "pages":[ "pages/home/home", "pages/mine/mine" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#37a7bf", "navigationBa 阅读全文

posted @ 2020-09-25 11:52 路西德阅读(705) 评论(0) 推荐(0)

微信小程序按钮分享

摘要：注意： 1、按钮分享必须使用 button 标签，否则实现不了 2、分享功能腾讯已经关闭分享的回调了，无法得知是否分享成功 3、分享的函数中，无法根据逻辑让它是否分享（可以根据逻辑更改分享的内容），只要点了按钮就必定会分享 WXML 中 <button open-type="share" hove 阅读全文

posted @ 2020-09-25 11:46 路西德阅读(1014) 评论(0) 推荐(0)

微信小程序跳转到另一个微信小程序的两种方法

摘要：首先需要在当前小程序app.json中定义：需要跳转的小程序的app-id "navigateToMiniProgramAppIdList": [ "wxab81b7b534c8e4cd" ], 第一种方法：wx.navigateToMiniProgram（打开另一个小程序）官方文档：https: 阅读全文

posted @ 2020-09-25 11:32 路西德阅读(14938) 评论(0) 推荐(2)

微信小程序 WXS 的简单使用

摘要：如果有个时间 2020-09-25 17:20:00 , 但我们只想要年月日，这样就可以在WXS中实现过滤 data: { time : "2020-09-25 17:20:00"//比如这个是后台返回的一个时间 }, WXML 中 <wxs module="fn"> module.exports= 阅读全文

posted @ 2020-09-25 10:40 路西德阅读(467) 评论(0) 推荐(0)

微信小程序实现上拉加载更多

摘要：WXML 中 <view class="authorization_box"> <view class="list" wx:for="{{datalist}}"> <view class="name">{{item.name}}</view> </view> <block wx:if="{{data 阅读全文

posted @ 2020-09-25 10:32 路西德阅读(4620) 评论(0) 推荐(0)

Vue 移动端中页面禁止滑动

摘要：给需要禁止滑动的div 加入：@touchmove.prevent即可 <template> <div @touchmove.prevent> <p>您好！</p> <p>您好！</p> <p>您好！</p> <p>您好！</p> <p>您好！</p> </div> </template> 阅读全文

posted @ 2020-09-25 10:00 路西德阅读(1484) 评论(0) 推荐(0)

PC端生成二维码，微信扫码带参数跳转微信小程序指定页面

摘要：1、首先在登录微信公众号-小程序-开发-开发设置找到 ‘扫普通链接二维码打开小程序’，然后添加配置。 2、配置成功后，在PC端写一个按钮，点击按钮根据链接与参数生成二维码图片 <button type="default" @click="transmit">点击生成二维码</button> < 阅读全文

posted @ 2020-09-18 18:16 路西德阅读(10725) 评论(0) 推荐(0)

微信小程序渲染 html数据

摘要：WXML 中 <rich-text class="style" nodes="{{content}}"></rich-text> JS 中 data: { content:null }, onLoad: function (options) { // 调用接口获取数据 api.get('/api/c 阅读全文

posted @ 2020-09-18 10:09 路西德阅读(599) 评论(0) 推荐(0)

VUE 实现复制功能

摘要：1、下载clipboard.js npm install clipboard --save 2、在需要使用的组件中引入 import Clipboard from 'clipboard'; 3、添加需要复制的内容与按钮 <span>我是需要复制的内容</span>  < 阅读全文

posted @ 2020-09-17 18:38 路西德阅读(1778) 评论(0) 推荐(0)

原生JS实现复制功能

摘要：HTML 中 <input type="text" value="我是要复制的内容" id="copyObj" /> <div onclick="CopyUrl()">点击复制按钮</div> JS中 <script type="text/javascript"> function CopyUrl( 阅读全文

posted @ 2020-09-17 18:20 路西德阅读(6748) 评论(0) 推荐(0)

Vue 移动端上拉加载更多

摘要：HTML 中 <div class="authorization_box" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10">  < 阅读全文

posted @ 2020-09-17 17:51 路西德阅读(1290) 评论(0) 推荐(0)

Vue+Element 实现模糊搜索

摘要：首先，npm安装Element，然后导入 HTML 中 <el-autocomplete v-model="searchtext" size="mini" :fetch-suggestions="querySearchGroup" @select="selectGroup" @input="grou 阅读全文

posted @ 2020-09-17 17:20 路西德阅读(2839) 评论(0) 推荐(1)

Vue 链接生成二维码( QRCode )

摘要：1、安装 qrcodejs2 cnpm i qrcodejs2 --save 2、页面中引入 import QRCode from "qrcodejs2"; 3、页面展示 <div id="qrcode" ref="qrcode"></div> 4、QRCode配置（ methods中） qrco 阅读全文

posted @ 2020-09-16 14:46 路西德阅读(3345) 评论(0) 推荐(0)

给所有请求添加token 与路由拦截器

摘要：设置baseURL let _baseUrl = "https://api.zhiyedang.cn"; const http = axios.create({ baseURL: _baseUrl }) export const baseURL = _baseUrl 给所有请求添加token htt 阅读全文

posted @ 2020-09-16 11:54 路西德阅读(1849) 评论(0) 推荐(0)

打开一个PC端网址，判断如果是手机打开则跳转到移动端网址

摘要：<script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/ 阅读全文

posted @ 2020-09-16 11:12 路西德阅读(290) 评论(0) 推荐(0)

文本超出省略号

摘要：单行超出省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行超出省略号 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp 阅读全文

posted @ 2020-09-16 10:59 路西德阅读(130) 评论(0) 推荐(0)

Cookie、LocalStorage、SessionStorage 的区别

摘要：Cookie 1. 一般由服务器生成，可设置失效时间，如果在浏览器端生成cookie，默认是关闭后失效。2. 存放数据 4Kb3. 每次都会携带HTTP头中，如果使用cookie保存过多数据会带来性能问题 document.cookie="username=isLogin; expires=Thu, 阅读全文

posted @ 2020-09-16 10:51 路西德阅读(111) 评论(0) 推荐(0)

JSON格式

摘要：JSON格式 json 是一种轻量级的数据交换格式 , 采用完全独立于编程语言的文本格式来储存和表示数据 , 简洁而清晰的层次结构易于人类阅读和编写 , 也易于机器的分析于生成 js 对象与 json 格式相互转换 var json = JSON.stringify('对象')//js对象转阅读全文

posted @ 2020-09-16 10:14 路西德阅读(142) 评论(0) 推荐(0)

indexOf与includes的区别

摘要：indexOf 判断某元素是否存在于数组中，不存在返回-1 , 存在返回该元素在数组中的索引值，如果有多个该元素，则返回首次出现的。 arr.indexOf('需要找的元素') includes 判断某元素是否存在于数组中 , 存在返回true，不存在返回false。 arr.includ 阅读全文

posted @ 2020-09-16 09:58 路西德阅读(943) 评论(0) 推荐(0)

原生JS 中的 ajax请求

摘要：get请求 function loadList() { var xhr = new XMLHttpRequest(); xhr.open("GET", 'https://api.zhiyedang.cn/api/cms/news/list?cateId=490240980956479488', tr 阅读全文

posted @ 2020-09-15 17:47 路西德阅读(163) 评论(0) 推荐(0)

路西德

09 2020 档案

公告