看看电影听听歌-CSDN博客

原创调用wx.config时，遇到invalid signature的解决方法（解决IOS端签名失败问题）

一、检查自己的配置是否正确1、确认对应的公众号已设置"JS接口安全域名"2、确认签名算法正确，可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。3、确认config中nonceStr（js中驼峰标准大写S）, timestamp与用以签名中的noncestr,timestamp对应一致。4、确认url是页面完整的url5、确认 config 中的 appid 与用来获取 jsapi_ticket 的

2022-05-11 10:47:01 5974 2

原创 Vue项目，使用vue-awesome-swiper插件（可一次切换多张）

一、准备工作1、下载插件（最近版本的swiper可能会出现未知bug，所以我用的是5.4.5版本）npm install swiper@5.4.5 vue-awesome-swiper --save二、页面使用1、引入import 'swiper/css/swiper.css'import { Swiper, SwiperSlide } from 'vue-awesome-swiper'2、注册组件components:{ Swiper, SwiperSlide }3

2022-03-31 11:39:35 4020 2

原创单行、多行溢出隐藏显示省略号（解决纯数字、纯英文会失效问题）

单行溢出隐藏：width:300px; overflow: hidden; text-overflow:ellipsis; whitewhite-space: nowrap;多行文本溢出隐藏：display: -webkit-box;display: -moz-box;white-space: pre-wrap;word-wrap: break-word; //允许长单词或 URL 地址换行到下一行。text-overflow: ellipsis;-webk

2022-01-19 10:30:29 1565 2

原创 uni-app开发微信小程序（获取多张本地相册图片并上传到服务器功能）

思路：用户触发某一事件弹出一个弹窗（用户可能直接手机拍摄或者直接从手机相册选择照片），用户选择完方式后，调用对应的api并把选择好的照片上传到服务器。涉及到的API：1、uni.showActionSheet 从底部向上弹出操作菜单2、uni.chooseImage从本地相册选择图片或使用相机拍照3、uni.uploadFile 将本地资源上传到开发者服务器实现代码：uni.showActionSheet({ itemList: ["拍照", "从手机相册...

2021-12-29 17:12:30 4500 10

原创 uni-app 判断不同环境的兼容问题

官网：uni-app官网常用编译指令#if 编译预处理中的条件命令，相当于C语法中的if语句#ifdef 判断某个宏是否被定义，若已定义，执行随后的语句#ifndef 与#ifdef相反，判断某个宏是否未被定义#elif 若#if, #ifdef, #ifndef或前面的#elif条件不满足，则执行#elif之后的语句#else 与#if, #ifd...

2021-11-18 15:24:16 932

原创 el-input只允许输入数字和两位小数

<el-input size="small" type="number" oninput="value=((value.replace(/[^0-9.]/g,'')).replace(/([0-9]+\.[0-9]{2})[0-9]*/,'$1'))"></el-input>

2021-10-26 10:52:58 820

原创获取地址栏上拼接的参数

gain_url(){letstr=location.href;letnum=str.indexOf("?");constparam={};str=str.substr(num+1);constarr=str.split("&");for(leti=0;i<arr.length;i++){num=arr[i].indexOf("...

2021-10-18 09:50:39 358

原创微信小程序拨打电话功能

//拨打电话 callPhone() { uni.makePhoneCall({ // 手机号 phoneNumber: "110", // 成功回调 success: res => { console.log("调用成功!"); }, // 失败回调 fail: res => { console.log("调用失败!");.

2021-09-18 09:31:07 565

原创小程序隐藏滚动条

直接在全局样式或者App.vue添加下列代码//隐藏滚动条::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none;}

2021-09-02 09:27:28 135

原创 vue项目点击按钮复制内容到粘贴版（复制功能）

一、准备工作1、下载插件npm install vue-clipboard2 或者 yarn add vue-clipboard22、挂载到全局import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)二、页面使用 <button v-clipboard:copy="Url" v-clipboard:success="onSuccess" v-clipboard:error="onError">复

2021-07-10 22:30:00 294 2

原创 Vue项目，Dom元素转换成图片（手机访问时，可保存该图片）

一、准备工作1、下载插件npm install html2canvas 或者 yarn add html2canvas2、在使用到的项目中引入import html2canvas from 'html2canvas';二、页面使用1、定义template模板因为 html2canvas插件返回的是一串图片地址，要用到img标签。转换成功后之前的dom元素还存在，所以要做一些细微的判断<div v-if="htmlUrl==''"> <p>

2021-06-28 11:46:59 555

原创 iview + vue-quill-editor 富文本编辑器（图片上传到服务器）

一、准备工作1、引入插件npm install vue-quill-editor 或者 yarn add vue-quill-editor

2021-06-05 15:21:54 610

原创 CSS中，SASS/SCSS语言的‘@/‘路径引入问题

@/ 是webpack设置的路径别名，代表什么路径，要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置，在scss中，如果我们想要使用@别名，需要在前面加上一个~才可以例如:background: url('~@/assets/common/leftnavBg.png') no-repeat 0 100%;...

2021-04-15 09:37:14 1349

原创使用HTML制作简单的搜索功能（可实现百度搜索）

实现代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> form .text { display: inline-block; border: 0; width: 260px; height: 35px; font

2021-03-30 11:54:44 33854 11

xxx_datou的博客