- 博客(67)
- 收藏
- 关注
RSS订阅原创 uniapp更新版本
<script> export default { data() { return { version: 1.02, } }, onLoad(option) { uni.getSystemInfo({ success: (res) => { //检测当前平台，如果是安卓则启动安卓更新 if (res.platform == "android") { this.AndroidCheckUpdate();
2021-08-27 14:51:51
1677
原创 小程序写计时器
let t;Page({ onLoad: function (options) { this.queryTime(); } // 计时器 queryTime() { let h = 0; let m = 0; let s = 0; let that = this; t = setInterval(function () { s++; if (s >= 60) { s = 0; m++;
2021-08-03 16:40:01
287
原创 小程序放大预览图片，并可左右滑动
data: { list:[ {url:'图片链接'}, {url:'图片链接'}, {url:'图片链接'} ] }, //预览方法 preview(e){ let that = this; let url = e.currentTarget.dataset.url; wx.previewImage({ current: url, // 当前显示图片的http链接 urls: that.dat.
2021-07-12 13:40:44
299
原创 获取微信小程序版本号
const accountInfo = wx.getAccountInfoSync();let version=accountInfo.miniProgram.versionthis.setData({ version})线上版本号，也就是说发布之后上线才有，开发阶段没有值
2021-07-12 12:22:11
2129
2
原创 小程序时间格式转化
1、获取当前时间let myDate = new Date();let end = myDate.toLocaleDateString();2、2021-07-11 转化为 2021/07/11let time= 2021-07-11;let end = time.replace(/\//g, "-");3、时间转化为时间戳let time= 2021-07-11;let end= time.replace(/-/g, '/');end= Date.parse(end) / 1000
2021-07-11 16:39:31
331
原创 微信小程序订单批量倒计时
1、.jsonload(){this.getOrderList();},// 获取时间差 queryTime: function (pintime) { var start_date = new Date(); var end_date = new Date(pintime.replace(/-/g, "/")); var days = start_date.getTime() - end_date.getTime(); return ((30 * 60000)
2021-05-11 18:33:10
197
原创 微信小程序如何使用animate.css
使用animate.css1、animate.css官网：https://daneden.me/animate/,在官网中下载animate.css文件2、把animate.wxss文件放进工程中（要把animate.css的后缀名改成 .wxss）（1）在需要的wxss文件中引入，全局引入为：在app.wxss中引入@import "文件路径/animate.wxss";3、使用（1）infinite 重复动画<view><text class='animated b
2021-05-11 17:46:00
1452
原创 gitee那些事
1、fatal: remote origin already exists. 错误是因为本地库已经关联了一个名叫 origin的远程库，此时，查看远程库信息：git remote -v2、执行clone或者其他操作时，仓库名默认 origin ，修改已关联的仓库名，比如修改为swx：git remote rename origin swx3、删除已有的远程库git remote rm origin4、再关联远程库git remote add origin [email protected]:li
2021-04-02 18:28:11
88
原创 小程序scroll-view如何去除滚动条
::-webkit-scrollbar { width: 0; height: 0; color: transparent;}
2021-03-29 17:02:12
356
原创 小程序30分钟倒计时
1、HTML<view class="time" wx:if="{{handleOption.pay}}">剩余时间：{{countdown}}</view>2、jsPage({ data: { countdown:'' }, onLoad: function (options) { // 倒计时 this.countDown(); }, // 倒计时 countDown() { let that = this; le
2021-03-29 14:51:23
556
原创 小程序标签滑动吸顶
1、HTML<view class="title {{isFixedTop?'title-fixed':''}}" id="navbar"> <view class="title-txt"> <view>第一</view> <view>第二</view> </view></view><view class="tit
2021-03-29 14:20:29
141
原创 css图片置灰
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;
2021-03-29 13:42:41
238
原创 uni-app连接手机，开启真机调试
1、准备一条数据线，连接手机和电脑，数据线连接成功后电脑右下侧会有提示，如下图：扯个题外话：如果点击操作的话，会让下载一个华为助手，如图：点击安装后打开是这样：手机上也会安装一个，电脑上点击USB数据线连接，按照提示步骤走就行了，连接成功后，电脑上可操作手机，电脑上可看到手机操作内容。题外话到此结束，下面回归思路2、手机数据线与电脑连接成功后，手机上的USB连接方式要选择传输文件。3、开启手机USB调试，详细步骤单独做了一篇文章，链接：https://blog.csdn.net/swx
2021-03-10 13:00:55
4491
原创 华为nova6开启开发者模式，连接USB
在进行以下步骤前，先打开设置–关于手机，找到版本号并点击看是否显示已打开开发者模式提示，如图所示：1、首先打开设置，找到系统与更新2、打开系统与更新，找到开发人员选项3、打开开发人员选项，找到USB调试并打开...
2021-03-10 12:19:19
3329
原创 微信小程序客服功能
1、在页面中使用 以下代码 可以显示进入客服会话按钮。<button open-type="contact"> 客服</button>2、在微信公众平台中添加客服人员微信开发公众平台 > 功能 > 客服，如图：点击添加...
2021-03-04 19:29:51
460
1
原创 企业/公司如何初创建一个小程序
详细可在小程序官方文档>介绍>小程序接入指南里面的产品定位及功能介绍里查看1、注册小程序帐号在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。点击立即注册之后进入页面，如下图：2、帐号信息>邮箱激活>信息登记主体为企业时需要一些信息包括：企业名称，营业执照注册号。然后选择注册方式，注册方式有两种，下面有讲到哦到信息登记时，如下图：如果选择主体是企业会有两种验证方式（1）方式一：需要用公司的对公账户向腾讯公司打款来验证主体身
2021-03-04 18:20:34
2085
1
原创 按需引入vant报错Object(...) is not a function
先检查单词大小有没有写错，如果各方面都没有错误的话，检查一下vant版本，如果是3，修改版本为2的就可以了报错信息：解决办法，看vant版本：
2021-01-28 14:50:16
1686
原创 babel-plugin-import 实现自动按需引入
Vant 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。1、下载npm i babel-plugin-import -D2、（1）在.babelrc 中添加配置 注意：webpack 1 无需设置 libraryDirectory{ "plugins": [ ["import", { "libraryN
2021-01-26 10:20:45
10286
1
原创 vue3 动态加载 title
1、下载npm install --save vue-wechat-title2、main.js 引入import VueWechatTitle from 'vue-wechat-title';Vue.use(VueWechatTitle)3、router.js 中{ path: '/', name: 'home', component: () => import('./pages/home.vue'), meta: { title: '首页
2021-01-25 17:22:21
320
原创 eruda 一个可以在手机浏览器上直接定位问题的插件
在index.html中引用如下js:<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
2021-01-22 13:41:33
161
1
原创 vue中使用js-cookie
下载：npm install js-cookie --save引入import Cookies from 'js-cookie'存储数据// 在整个项目有效Cookies.set('name', 'value');// 创建一个7天后过期的cookie，在整个项目上有效:Cookies.set('name', 'value', { expires: 7 });// 创建过期cookie，对当前页的路径有效:Cookies.set('name', 'value', { expire
2021-01-18 16:49:52
117
原创 vue中$nextTick()
在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中，原因是在created()钩子函数执行的时候DOM 其实并未进行任何渲染。mounted钩子函数，因为该钩子函数执行时所有的DOM挂载已完成。使用时机：el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子函数，此时页面并未全部渲染。实例：html：<div class="app"> <div ref="msgDiv">{{msg}}</di
2021-01-14 17:05:37
55
原创 vue关闭运行时的代码捡测
打开 vue.config.jsmodule.exports = { lintOnSave: false, devServer: { port: 8888, open: true, overlay: { warning: false, errors: false } }}
2021-01-05 15:29:01
126
原创 js昨日和今日时间
昨日： function yesterday() { let timenow = new Date(); timenow.setDate(timenow.getDate() - 1); //设置天数 -1 天，昨天的日期 let y = timenow.getFullYear();//年 let m = timenow.getMonth() + 1;//月 m = m < 10 ? '0' + m : m; let d =
2021-01-04 14:43:16
199
原创 vue中自定义组件，.install的使用
vue中.install方法的使用如同vue.use（），具体如下：1、新建一个ceshi.vue文件<template> <div> 我是组件 </div></template><script> export default { }</script> <style scoped> div{ width:20px; h
2021-01-04 11:13:08
2297
2
原创 vue中.gitignore文件的作用
.gitignore 可以避免在提交代码时把我们不想上传的文件提交到git中# Maven #target/ # 此处可屏蔽target文件夹下的所有文件（包括文件夹）# IDEA #.idea/ # 此处可屏蔽.idea文件夹下的所有文件（包括文件夹）*.iml # 可屏蔽当前目录下所有以.iml结尾的文件/src/main/java/***/demo.java # 屏蔽指定目录下的单个文件...
2021-01-04 09:32:35
2018
原创 如何搭建vue3.0脚手架
一 创建vue3.0脚手架1、如果已经安装过vue2.0，要先卸载vue2.0，没有安装过的话可以忽略这一步（也可以不卸载vue2.0，这样就可以创建不同版本的项目啦！）npm uninstall vue-cli -g2、安装vue3.0，注意：Node 版本升级至 8.9 及以上npm install -g @vue/cli3、vue3.0创建项目命令vue create my-project4、vue3.0运行命令npm run serve5、关闭vue3.0自带eslint
2021-01-03 22:08:31
521
原创 css3新特性-webkit-font-smoothing
一（1）-webkit-font-smoothing：可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。属性含义none对低像素的文本比较好subpixel-antialiased默认值antialiased抗锯齿很好（2）-moz-osx-font-smoothing: inherit | grayscaleGecko内核的浏览器火狐吧，认识到字体图标逐渐发展的一个热潮，也针对ios系统制定了一个渲染规则，设置grayscale对于图标字体表现更清晰
2020-12-31 13:51:30
541
原创 keep-alive
作用：避免多次重复渲染降低性能，组件可以缓存下来,维持当前的状态app.vue<div id="app" class='wrapper'> <keep-alive> <!-- 需要缓存的视图组件 --> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <!-- 不需要缓存
2020-12-31 12:34:21
127
原创 scroll-behavior属性：滚动框指定滚动行为及锚点
1、scroll-behavior属性：auto（滚动条立即滚动） / smooth（窗口平稳滚动） / inherit / initial / unset2、锚点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>锚点平滑跳转</title> <style> *{
2020-12-31 11:27:34
991
原创 微信小程序的时间选择器
小程序中 input 没有日期组件（只有picker组件带日期）<picker mode="date" value="{{date}}" start="" end="" bindchange="changeDate"> <!-- 禁止输入框输入功能 --> <input name="addtime disabled" placeholder="请选择日期" value="{{date}}"></input></picker>cha
2020-11-30 13:52:08
513
原创 微信小程序复制功能
wx.setClipboardData({ data: 'data', success (res) { wx.getClipboardData({ success (res) { console.log(res.data) // data } }) }})属性类型必填说明datastring是剪贴板的内容successfunction否接口调用成功的回调函数failfunction否
2020-11-30 13:43:14
532
原创 vue项目中使用jQuery，并实现页面到达指定位置时实现animate动画
一、vue中使用jquery1、首先下载npm install jquery -s2、在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头使用以下代码引入webpack，因为该文件默认没有引用。var webpack = require('webpack')3、最后在build目录下的webpack.base.conf.js文件里找到module.exports，添加以下代码plugins: [ new webpack.ProvidePlugin(
2020-11-24 15:49:41
935
原创 一个页面使用多次swiper，相互冲突的问题，或接接口不循环的问题
首先，可以用不同的 id 或 class 来区分他们，并设置样式<template><div><!-- 第一个轮播 --> <div class="swiper-container" id="container1"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide1"> <i
2020-11-23 16:57:29
626
原创 vue行间截取字符串
<p>{{item.newsAddTime.slice(11,16)}}</p>// 两个参数str = str.slice(2,4);//截取第二个到第四个之间的字符str = str.substring(2,4);//截取第二个到第四个之间的字符str = str.substr(2,4);//截取从第3个开始往后数4位之间的字符// 一个参数str = str.slice(2);//截取第二个之后所有的字符str = str.substring(2);//截取第二
2020-11-20 17:41:35
816
原创 css变色效果
使用文字举例子<template><div><p>变色</p></div></template><style>p { animation: change 0.5s linear 0s infinite;}@keyframes change { 0% { color: red; } 15% { color: orange; } 30% { color: ye
2020-11-20 11:05:13
297
原创 vue 使用 swiper 实现轮播的那些事
首先运行 npm下载npm install swiper --save-dev在需要用到的页面中<template> <div class="banner"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="lun
2020-11-20 10:48:45
233
原创 vue实现根据页面动态改变title
老板，来一盘代码效果：index.js 中import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ mode:"history", routes: [ { path: '/', name: 'one', component: ()=>import("@/components/one"),
2020-11-19 11:05:51
561
原创 vue隐藏路由的方法
先来看下效果，他在首页的时候是不显示路由的，点击跳转到其他页面了才会显示打开 index.js，加上 mode : " history "import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ mode:"history", routes: [ { path: '/', name: '/home', com
2020-11-19 10:17:20
8374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人