- 博客(13)
- 收藏
- 关注
RSS订阅原创 十分钟入门使用Vuex
1.Vuex的应用场景如果用props传值的方式应用在多组件的项目中是一件繁杂且不利于维护管理的方式，很显然这并不是我们想要的组件化的开发体验，因此Vuex就是为了解决这一问题的出现2.项目中引入Vuexnpm install vuex --save安装完Vuex后在项目src目录新建一个store文件夹且存放Vuex的状态管理//引入vue和Vueximport Vue from 'vue'import Vuex from 'vuex'//引入之后，对vuex进行引用Vue
2021-12-27 11:10:02
274
原创 uniapp使用vue-i18n实现语言国际化
1.需要去vue-i18n官网下载js文件https://unpkg.com/vue-i18n@8.21.0/dist/vue-i18n.js2.将js文件下载后放置在创建的lang文件夹中3.紧接着创建需要翻译的配置文件如zh.js（中文）、en.js（英文）、tcc.js（繁体）且配置需要翻译的字段zh.js（中文）export default { index: { title: '首页', game: '游戏', bas: '背景音乐' }}en.js（英文）e
2021-12-25 09:43:45
1035
1
原创 js 类和对象
创建类语法：class Name {}创建实例：（类必须使用new实例化对象）let xx = new Name();类constructor构造函数：constructor()是类的构造函数(默认方法)，用于传递参数，返回实例对象，通过new命令生成对象实例时，自动调用该方法。如果没有显式定义，类内部会自动给我们创建一个constructor()//1. 创建类 class --创建一个明星类class Star { constructor(uname,age) { //
2021-12-07 23:40:45
338
原创 js立即执行函数（IIFE）与闭包
浅谈IIFEIIFE就是立即执行函数表达式（Immediately-Invoked Function Expression）目的：防止变量全局污染，以及保证内部变量的安全实例：for(var i=0;i<5;i++){ setTimeout(function(){ console.log(i); },1000);}//该函数执行结果为55555只要用了setTimeout，即使毫秒数为0，里面的函数不会马上放到执行栈里，而是由浏览器先进行处理，得到结果后将结果放入
2021-12-03 23:06:23
855
2
原创 uniapp 蓝牙通讯保姆级教程（搜索/连接蓝牙、读、写）
小程序点击蓝牙设备进行通讯1.初始化蓝牙设备 | | 提醒用户打开蓝牙设备 player() { var that = this; uni.openBluetoothAdapter({ //调用微信小程序api 打开蓝牙适配器接口 success: function(res) { // console.log(res) uni.showToast({ title: '初始化成功', icon: 'success', duration: 800
2021-10-29 16:19:12
13103
6
原创 uniapp微信小程序自定义顶部导航栏颜色内容
1.在page.json中找到需要自定义的配置的页面添加：“navigationStyle”:“custom” //添加自定义配置{ "path": "pages/shopownerStatistics/statistics", "style": { "navigationBarTitleText": "营收统计", "app-plus": { "titleNView": false }, "navigationStyle":"custom"//添加自定义配置 }},
2021-10-25 14:26:22
1851
原创 uniapp 绑定/更改手机号，验证码倒计时，手机格式中间四位变成*
1.判断如果存在手机号则多一个input框为旧手机号栏<view class="fnListRowBetweenCenter"> <view class="fnListRowCenter" style="margin: 20rpx 0;"> <view><text>新手机号码</text></view> </view> <input class="passwordInput" type="text" val.
2021-09-11 14:49:33
1530
原创 uniapp小程序更换头像
1.点击头像调起本地相册选择图片或使用相机拍照uni.chooseImage({ // 从本地相册选择图片或使用相机拍照。 count: 1,//默认选择1张图片 sizeType: ['original', 'compressed'],//original 原图，compressed 压缩图，默认二者都有 success: (res)=> { console.log(res.tempFilePaths[0]);//成功则返回图片的本地文件路径列表 tempFilePaths thi
2021-09-10 16:05:59
3585
2
原创 vue计算属性案例及v-for、v-if优先级
1.计算属性之替换数组案例变更方法，顾名思义，会变更调用了这些方法的原始数组。相比之下，也有非变更方法，例如filter()、concat()和slice()。它们不会变更原始数组，而总是返回一个新数组。当使用非变更方法时，可以用新数组替换旧数组：var app = newVue({ el:'#app', data: { numbers: [ 1, 2, 3, 4, 5 ] }, computed:{ evenNumbers(){
2021-09-08 09:40:05
638
原创 uniapp多个picker组件复用
<template> <view class="treatment"> <view class="navigation"> <view v-for="(item,index) in navList" :key="index" :class="activeclass === index? 'navigationTextSelect' : 'navigationText'" @click="selectindex(index)">{{item}}&l.
2021-09-07 10:19:40
834
原创 uniapp 自定义无图标tabbar
1.创建components组件，在tabbar页面引入该组件，附代码<template> <view class="tab-bar"> <view v-for="(item,index) in list" :key="index" :class="select === index? 'select' : 'tab-bar-item'" @click="switchTab(item, index)"> <view class="tab_text"&.
2021-09-07 10:03:14
577
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人