小程序
Specialize in Linxu
代码就是不断发现问题从而解决问题!
展开
-
小程序隐藏home按钮
created() { wx.hideHomeButton(); },原创 2021-09-26 10:10:07 · 654 阅读 · 0 评论 -
提示信息换行问题content
原创 2021-09-16 09:37:19 · 179 阅读 · 0 评论 -
taro第一个hooks
import { View, Button, Text } from "@tarojs/components";import { useState,useEffect } from "react";function ADD() { // 声明一个叫 "count" 的 state 变量 let [count, setCount] = useState(0); useEffect(()=>{ console.log("1111") },[]) .原创 2021-09-06 23:30:13 · 106 阅读 · 0 评论 -
svn 第一次提交
svn import /Users/apple/Documents/eclipse_workspace/weibo svn://localhost/mycode/weibo --username=mj--password=123 -m "第一次导入"原创 2021-08-30 17:49:09 · 445 阅读 · 0 评论 -
小程序通过扫小程序码解析参数(小程序接收扫码的参数)
console.log(options.companyid) log.info(JSON.stringify(options)+"扫码接受的参数") if (options.scene) { log.info(JSON.stringify(options.scene)+"扫码接受scene") var scene = decodeURIComponent(options.scene); console.log("scene is ", scene);..原创 2021-05-18 11:33:17 · 1417 阅读 · 0 评论 -
vue写一个横向滑动页面
直接上代码<style lang="less">page { background: #f0f1f2;}.desc { margin: 0 30rpx; height: 80rpx; display: inline-block; text-align: center; color: #333; font-family: PingFangSC-Regular; font-size: 28rpx; background: #fff; height: 8原创 2021-05-13 10:02:57 · 652 阅读 · 0 评论 -
小程序logo日志,打印到后台
1:js代码var log = wx.getRealtimeLogManager ? wx.getRealtimeLogManager() : nullmodule.exports = { debug() { if (!log) return log.debug.apply(log, arguments) }, info() { if (!log) return log.info.apply(log, arguments) }, warn() {原创 2021-05-11 13:52:15 · 289 阅读 · 0 评论 -
实现一个深拷贝
function deepClone(obj){ let cloneObj; // 判断当输入的数据是简单数据类型时,直接复制 if(obj && typeof obj !== 'object'){ cloneObj = obj; } // 当输入的数据是对象或者数组时 else if(obj && typeof obj === 'object'){ // 检测输入的数据是数组还是对象原创 2021-05-03 03:20:12 · 239 阅读 · 0 评论 -
vue状态管理器基本使用(消息通知)
1业务场景有的时候消息会冒出来,所以我就想要用store了import store from '../store';import { mapState, mapMutations } from '@wepy/x';1:使用state里面的值wepy.page({ store, mixins: [mixins], data: { token: '', tokenKey: '', roleid: '', num: '10', info: {原创 2021-04-29 18:31:17 · 483 阅读 · 0 评论 -
微信小程序用canvas 绘制虚线
1:效果图代码: <canvas style="width: 300px; height: 1rpx;" canvas-id="firstCanvas" class="line" ></canvas> // 绘制一条虚线 drawLine() { var context = wx.createCanvasContext('firstCanvas'); context原创 2021-04-27 23:19:07 · 2440 阅读 · 0 评论 -
原生小程序最最简单的分享功能
// let users = wx.getStorageSync('user'); // if (res.from === 'button') {} return { title: '转发', path: '/pages/my/my', success: function(res) {} } 然后我们在分享的时候就可以看到效果图这样的分享功能是没有参数的情况下,点击微信小程序三个点..原创 2020-11-25 12:51:30 · 395 阅读 · 0 评论 -
写搜索历史,然后删除多余的去重数据
今天在开发的过程中,项目的需求是写一个搜索记录,然后我们后端也不愿意写接口,所以只能把数据存在浏览器中,当然我们在开发的过程中,也比较无助,明明一个很简单的事情,因为自己的问题,也比较尴尬,哎,现在也没人教你,完全自己琢磨,也比价头疼好了,说了那么多,先说说项目的需求,做一个搜索记录然后就是将数据存在浏览器里面,刚开始很迷糊,自己不知道怎么将数据放在浏览器里面,我这人有点懒,自己不会想问别人,最好别人可以给自己写好,不然看着也烦,自己的业务场景很多都是第一次使用,当然也比较头皮发麻,最主要的还是自己的原创 2020-11-18 11:50:33 · 338 阅读 · 0 评论 -
全局filter的使用 vue的使用
import filters from '@/utils/filters'// 添加全局filterObject.keys(filters).map(v => { Vue.filter(v, filters[v])})原创 2020-11-13 15:09:08 · 113 阅读 · 0 评论 -
原生微信小程序filter的使用
1 新建文件夹 filter.wxs// todo 过滤器 module 对象文件// 格式过滤// 价格小数点 eg:2020-11-10T17:01:03 =>17:01:03var timeFormat = function (item) { if (item) { var time= item.split("T1")[1] return time.split(":")[0] + ':' +time.split(":")[1] } else { return原创 2020-11-12 11:34:53 · 707 阅读 · 0 评论 -
uni-app组件之间的传值 子传父进行通信
子组件<template> <view class=""> 测试 {{title}} <view @click="sendNum"> 1111 </view> </view> </template><script> export default { data() { return { num:12 } }, props:['title'],原创 2020-11-04 22:24:59 · 466 阅读 · 0 评论 -
用星号替代中间的手机号码filter全局的使用
用星号替代中间的手机号码formatPhone(phone){ let num = Number(phone); if(!num){ return num || '' ; }else{ const reg = /^(\d{3})\d+(\d{4})$/; return num.toString().replace(reg, '$1****$2') || ' ' } }原创 2020-11-04 17:28:40 · 293 阅读 · 0 评论 -
父组件传值给子组件props
父亲<template> <view class="container"> <Test :title="title"></Test> </view></template><style lang="scss" scoped> </style><script> import Test原创 2020-11-02 22:52:13 · 98 阅读 · 0 评论 -
uni-app如何组件划,将组件引入到页面中,最基本的组件引入,不加通信
我们在开发的过程中,组件化是十分重要的首先我们需要在新建我们的文件夹 import Test from '../../components/Test/Test.vue'; export default { components:{ Test },然后我们在view中最基本的组件文件引入,不加任何通信...原创 2020-11-02 22:04:09 · 604 阅读 · 0 评论 -
如何用三元表达式表达两个if----else
this.shareInfo.token ? 1 : this.qrcode ? 1 : 0if( this.qrcode=1){this.shareInfo.token==1}else{this.shareInfo.token=0}对比一下原创 2020-11-02 09:50:29 · 1002 阅读 · 1 评论 -
用filter用星号替代中间的位数
formatPhone(phone){let num = Number(phone); if(!num){ return num || '' ; }else{ const reg = /^(\d{3})\d+(\d{4})$/; return num.toString().replace(reg, '$1****$2') || '' }},通过全局使用filter,然后我们就能使用了原创 2020-10-21 11:03:49 · 112 阅读 · 0 评论 -
微信公众号点击提交直接关闭这个页面
function closePage(){setTimeout(function() {//安卓手机document.addEventListener(“WeixinJSBridgeReady”,function() {WeixinJSBridge.call(“closeWindow”);},false);//ios手机WeixinJSBridge.call(“closeWindow”);}, 100);}原创 2020-10-16 17:07:36 · 535 阅读 · 0 评论 -
input输入框 type= “number“h和type=“text“
今天在开发的时候,我发现input输入框填了type="number"的时候,在手机预览的时候,会直接调起键盘上的数字键,所以在用户体验上来说,提高了很多,以后一定需要多多注意这种细节!原创 2020-10-16 17:03:08 · 535 阅读 · 0 评论 -
微信公众号删除左边标题,自定义导航栏,改变标题
"navigationStyle": "custom"在uni-app改变标题created() { if(document) { document.title = '领取红包' } },原创 2020-10-15 11:50:53 · 735 阅读 · 0 评论 -
SaSS语法写a触发事件
#main {color: black;a {font-weight: bold;&:hover { color: red; }}}原创 2020-10-13 09:51:33 · 316 阅读 · 0 评论 -
微信小程序如何动态设置导航栏标题
实现这项功能的代码块!wx.setNavigationBarTitle({ title: '当前页面', //页面标题 success: () => {}, //接口调用成功的回调函数 fail: () => {}, //接口调用失败的回调函数 complete: () => {} //接口调用结束的回调函数(调用成功、失败都会执行)})...原创 2020-10-09 14:01:08 · 204 阅读 · 0 评论 -
object.keys/object.values/object.entries的基本用法
我们有时候需要把一些对象变成我们数组,然后我们在es6中提供了三种方法让我们的对象变成我们的数组1:object.keys()方法我们如果学过数据库我们可以知道,键值对是非常常见的一种方式,这样储存是非常常见的一种方式,键值可以说自己命名的一种符号代表,可以定义值的一种方式var obj = { 0: 'a', 1: 'b', 2: 'c' };console.log(Object.keys(obj)); // console: ['0', '1', '2']2“object.value()原创 2020-09-27 10:29:46 · 234 阅读 · 0 评论 -
第一次做响应式的图片布局---百分比图片
我们先看下我们的效果图代码<template> <view class="container"> <view class="container-top"> <!-- 进入该页面,默认为拆红包模板 --> <template v-if="true"> <view class="count"> <view class="icon"> <view class="coun原创 2020-09-15 23:12:55 · 407 阅读 · 0 评论 -
vue清除定时器,A页面跳转到B页面----定时器
定时器this.timer = setInterval(() => { if (this.second === 0) { this.second = 60 this.check = true clearInterval(time) } else { this.second-- } }, 1000);我们在data里面声明变量 timer: null,原创 2020-09-14 13:51:38 · 708 阅读 · 0 评论 -
用es6合并两个数组的简单写法
const arr1=[1,2,3] const arr2=[4,5,6] const arr3=[...arr1,...arr2] console.log(arr3)原创 2020-09-13 13:22:31 · 1379 阅读 · 0 评论 -
箭头函数和原函数进行相加
function add(x,y) { return x+y } console.log(add(1,3)) const sum =(num1,num2) =>num1+num2 console.log(sum(1,3))都能实现相同的效果原创 2020-09-13 11:37:02 · 596 阅读 · 0 评论 -
模板字符串做简单的运算---es6
const [a,b]=[1,2] let c=`${a*b}` console.log(c)原创 2020-09-13 01:54:15 · 974 阅读 · 0 评论 -
最简单的结构赋值
今天开始学习es6的语法,觉得还是挺好用的就是给a =1,b=2,c=3那么我们用es6我们应该如何写?const [a,b,c]=[1,2,3]最简单的开始了原创 2020-09-13 00:43:22 · 96 阅读 · 0 评论 -
如何用三元表达消灭if ---else 用三元表达式
今天在开发的过程中,我们在判读用的是if(this.phone.length > 0 && this.utils.checkCode(this.code)){ this.style.bgcolor=true}else{ this.style.bgcolor=false}这是我写的。然后被我们组长狠狠的批斗一下子改成这样子的了this.style.bgcolor = this.phone.length > 0 && this.ut原创 2020-09-11 15:40:41 · 108 阅读 · 0 评论 -
uview基本配置,在HubildX中如何配置uni-app相关的组件
配置步骤#1. 引入uView主JS库在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。// main.jsimport uView from "uview-ui";Vue.use(uView);#2. 在引入uView的全局SCSS主题文件在项目根目录的uni.scss中引入此文件。/* uni.scss */@import 'uview-ui/theme.scss';#3. 引入uView基础样式注意!在App.vue中原创 2020-09-11 14:05:13 · 1027 阅读 · 0 评论 -
交互组件,从底部弹出,底部菜单交互
代码wx.showActionSheet({itemList: [‘从手机相册选择’, ‘拍照’],success: function(res) {console.log(res.tapIndex)},fail: function(res) {console.log(res.errMsg)}})原创 2020-09-10 15:06:34 · 135 阅读 · 0 评论 -
uni-app封装统一的加载成功以及回调成功函数
export default {_toast(param, fn) {uni.showToast({…param})setTimeout(() => {typeof fn === ‘function’ && fn()}, parseInt((param.duration || 1500) * 0.9))},toast(title, fn) {this._toast({title,duration: 2000,icon: ‘none’},fn)},succ原创 2020-09-10 13:39:23 · 3583 阅读 · 0 评论 -
uni-app保存图片到手机相册里面
uni-app保存图片到到手机里面uni.downloadFile({url: ‘https://www.fb0b1a26523c33400f66f.jpg’,success: (res) =>{if (res.statusCode === 200){uni.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function() {uni.showToast({title: “保存成功”,icon: “none”原创 2020-09-09 14:41:03 · 2870 阅读 · 0 评论 -
uni-app写行业列表,通过多级联动显示
看下u-view是如何写的<template> <u-select v-model="show" mode="mutil-column-auto" :list="list" @confirm="confirm"></u-select></template><script> export default { data() { return { show: true, list: [ { va原创 2020-08-26 13:47:38 · 1667 阅读 · 3 评论 -
背景顔色的三元表達式uni-app
:style="{'background-color': checkColor?' #f33f36':'#fff'}"原创 2020-08-23 17:22:31 · 205 阅读 · 0 评论 -
用vue语法写的移动端tab栏切换-unapp
我们在移动端开发的过程中,tab栏切换是很常见的然后我们附上开发过程中,常见的代码写法,感觉还行吧<template> <view class="container"> <view class="tabs u-flex"> <view @tap="switchTab(index)" :class="[tabIndex ===index ? 'active' : '', 'tab']" v-for="(item, index) in tab原创 2020-08-21 02:45:45 · 551 阅读 · 0 评论