摘要: Vuex之Module的分模块本身就毫无意义,如果分模块后可以部分加载什么的可能还有点性能上的优化,然而并没有,Vuex的设计初衷是公共状态管理。 vuex被设计出来并不是为了代替Vue的,它只是一个工具而已,因此在实际使用过程中一般没必要去分成许多模块。 一般公共状态就是公共状态,他不能被归类到某 阅读全文
posted @ 2021-05-12 15:31 罗毅豪 阅读(408) 评论(0) 推荐(0) 编辑
摘要: Action 类似于 mutation,不同在于: 1. Action 提交的是 mutation,而不是直接变更状态。 2. Action 可以包含任意异步操作。 用Action处理异步操作示例: // 正常的mutation const increment = (state) => { stat 阅读全文
posted @ 2021-05-10 20:10 罗毅豪 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 我写的Flutter项目在安卓模拟器上运行正常,但是在ios模拟器上显示白屏。 日志报错如下: 原因是ios工程中没有添加对应的依赖包。 解决方法: 用Xcode打开项目的ios文件夹,如下图所示把访达中ios/Flutter文件夹下的App.framework和Flutter.framework拉 阅读全文
posted @ 2021-05-07 22:23 罗毅豪 阅读(901) 评论(0) 推荐(0) 编辑
摘要: 执行flutter run,出现以下报错 解决方式: 重新生成android/settings.gradle 即执行 rm android/settings.gradle flutter create . 即可。 阅读全文
posted @ 2021-05-07 21:41 罗毅豪 阅读(1707) 评论(0) 推荐(0) 编辑
摘要: 我在项目中发现如下代码: computed: { ...mapGetters([ 'permission_routes', 'sidebar' ]), activeMenu() { const route = this.$route const { meta, path } = route if ( 阅读全文
posted @ 2021-05-07 14:46 罗毅豪 阅读(658) 评论(0) 推荐(0) 编辑
摘要: 如果我们需要在不同路由中使用同一个会改变的参数,也就是需要一个全局参数,我们可以通过Vuex的store来实现。 实现方法: 1.在package.json中加入vuex,因为store是Vuex的一个功能。然后执行npm install。 "dependencies": { "element-ui 阅读全文
posted @ 2021-05-07 10:38 罗毅豪 阅读(1464) 评论(0) 推荐(0) 编辑
摘要: 使用vue-cli构建项目结构,里面默认会用到vue-router,从而实现页面路由跳转。 main.js内容如下: import Vue from 'vue' import App from './App' import router from './router' Vue.config.prod 阅读全文
posted @ 2021-05-07 09:24 罗毅豪 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 我们希望在APP中的配置操作,在关闭APP重启后还能生效,我们可以使用本地存储,即SharedPreferences。 其get和save函数示例如下: import 'package:flutter/material.dart'; import 'package:shared_preference 阅读全文
posted @ 2021-05-05 11:35 罗毅豪 阅读(647) 评论(0) 推荐(0) 编辑
摘要: 要想给APP加上闪屏页,解决方式为: 1.加上闪屏图片 2.在pubspec.yaml中配置图片 3.创建闪屏页splash_page.dart import 'package:flutter/material.dart'; class SplashPage extends StatefulWidg 阅读全文
posted @ 2021-05-05 11:26 罗毅豪 阅读(406) 评论(0) 推荐(0) 编辑
摘要: 用Flutter打乱对象数组的函数如下: int getRandomInt(var min,var max){ final _random = new Random(); return _random.nextInt((max - min).floor()) + min; } //打乱数组 shuf 阅读全文
posted @ 2021-04-29 21:40 罗毅豪 阅读(765) 评论(0) 推荐(0) 编辑
摘要: 用Flutter写页面时,有时页面内容太多,底部会出现黄色条纹。 解决方法:在组件外增加一层ListView即可。 如将代码: body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <W 阅读全文
posted @ 2021-04-29 16:52 罗毅豪 阅读(546) 评论(0) 推荐(0) 编辑
摘要: 为了在Vue中实现tab功能,我写了如下代码。 <span :class="{activeName:active=='week'}" @click="selectTime('week')">本周</span> <span :class="{activeName:active=='month'}" @ 阅读全文
posted @ 2021-04-27 22:44 罗毅豪 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 我们可以使用vue-i18n实现国际化。 语言切换用法如下: 静态渲染: 1.将属性值前加上冒号,用$t('xx.yy')进行语言切换。 <el-form-item :label="$t('visitorRecord.name')" prop="hostName" label-width="60px 阅读全文
posted @ 2021-04-27 16:43 罗毅豪 阅读(893) 评论(0) 推荐(0) 编辑
摘要: 当使用v-for过程中,出现以下报错, 则在v-for所在元素加上属性 :key="item.id" 即 <table v-for="(item,index) in this.visitorList.visitorDetailList" cellspacing="0" class="table_la 阅读全文
posted @ 2021-04-27 14:50 罗毅豪 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 微信小程序和服务器端的数据交互是通过wx.request()这个API函数来完成的,这是一个异步函数。 在有些情况下,我们需要根据服务器传递回来的值来做下一个操作的时候,其代码都要写到success:function(res){ }函数中。 如果success:function(res){ } 中又 阅读全文
posted @ 2021-04-26 15:17 罗毅豪 阅读(2127) 评论(0) 推荐(0) 编辑
摘要: 我们在开发小程序时,会有以下的类似警告, 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引 如需去掉,则可以在小程序项目配置文件project.config.json的setting中配置字段checkSiteMap为 false。 即 "setting 阅读全文
posted @ 2021-04-26 10:08 罗毅豪 阅读(1025) 评论(0) 推荐(0) 编辑
摘要: 当我写微信小程序时,如果调用接口报以下错误: 我们又需要调试接口,则可以在微信小程序开发工具的详情中勾选不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书。 即可。 阅读全文
posted @ 2021-04-25 14:38 罗毅豪 阅读(1067) 评论(0) 推荐(0) 编辑
摘要: 当我们开发抽奖程序时,经常需要配置不同奖品的概率。 如:冰箱:30%,电脑:10%,洗衣机:50%。 可用以下函数实现: getResult(arr){ var leng = 0; for(var i = 0; i<arr.length; i++){ leng += arr[i] //获取总数 } 阅读全文
posted @ 2021-04-17 19:01 罗毅豪 阅读(3371) 评论(0) 推荐(0) 编辑
摘要: 在写Flutter程序的时候,我常遇到以下报错: PS C:\Software\IDEA\demo006> flutter run Using hardware rendering with device Android SDK built for x86. If you notice graphi 阅读全文
posted @ 2021-04-16 15:46 罗毅豪 阅读(5127) 评论(0) 推荐(0) 编辑
摘要: 使用Flutter开发搜索条的代码如下: main.dart import 'package:flutter/material.dart'; import 'search_bar.dart'; void main() { runApp(MyApp()); } class MyApp extends 阅读全文
posted @ 2021-04-16 15:40 罗毅豪 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 一、git commit 1.commit要求 每一次提交必须是一个完整的功能或者修复完成,不能提交半成品代码。 提交代码时检查清楚,不要把编译文件或者IDE生成的文件提交上去。 反例:.idea、.vscode、target、dist、node_modules等。 2.commit message 阅读全文
posted @ 2021-04-15 10:49 罗毅豪 阅读(745) 评论(0) 推荐(0) 编辑
摘要: 用Flutter实现毛玻璃效果的代码如下: import 'dart:ui'; import 'package:flutter/material.dart'; class FrostedGlassDemo extends StatelessWidget { @override Widget buil 阅读全文
posted @ 2021-04-13 11:44 罗毅豪 阅读(1287) 评论(0) 推荐(0) 编辑
摘要: 在元素进行固定定位后,要想让div元素水平居中。可使用代码: left: 50%; transform:translateX(-50%); 应用到元素上即 .red-block{ position: fixed; bottom: 30px; left: 50%; transform:translat 阅读全文
posted @ 2021-04-13 10:02 罗毅豪 阅读(781) 评论(0) 推荐(0) 编辑
摘要: 我在学习Flutter时,对于代码段 class EachView extends StatefulWidget { String _title; EachView(this._title); @override _EachViewState createState() => _EachViewSt 阅读全文
posted @ 2021-04-09 09:18 罗毅豪 阅读(422) 评论(0) 推荐(0) 编辑
摘要: Windows系统中存在两种环境变量:用户变量和系统变量。 那么,这两种环境变量有什么区别和共同点呢? 1、两种环境变量中可以存在重名的变量; 2、两者都不区分变量名的大小写,如Path和PATH并没有区别; 3、用户变量只对当前用户有效,系统变量对所有用户有效; 4、windows系统在执行用户命 阅读全文
posted @ 2021-03-29 09:44 罗毅豪 阅读(5725) 评论(0) 推荐(1) 编辑
摘要: 我们进行H5页面跳转时,可以对跳转函数进行封装,如下面代码所示: let jump = (str,...param)=>{ str = str + ".html" let count = 0 param.forEach((item,index)=>{ if(item.indexOf("null") 阅读全文
posted @ 2021-03-25 22:37 罗毅豪 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 拿到一台未知参数的电脑,若要知道电脑的参数,则可以下载个鲁大师进行查看。 以测试笔记本资源为例,查看硬件参数示例如下: 可以看到计算机的型号(HP Zbook 15 G3 笔记本电脑)、系统(Win7 64位)和其他硬件设备的参数。 购买一台电脑,最重要的是看三个参数。即处理器、内存和硬盘。 一、处 阅读全文
posted @ 2021-03-15 10:36 罗毅豪 阅读(1059) 评论(0) 推荐(0) 编辑
摘要: 一、百度搜索网易云音乐,进入官网 二、搜索自己想听的歌,如邓丽君的《月亮代表我的心》。 三、在播放界面,打开F12,点击Network。 四、点击播放按钮,请求会依次出现,点击Size按请求大小排序。 五、找到m4a文件,右键->在新的标签页打开就可以下载了。 即可免费下载音乐啦,这样我们在做视频剪 阅读全文
posted @ 2021-03-15 09:42 罗毅豪 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 最近有个Flutter的项目,需要进行打包。 一、在key.properties文件下配置key.jks文件的路径,key.jks的位置任意。 二、正规的打包命令为 flutter build apk 而使用 flutter build apk --target-platform android-a 阅读全文
posted @ 2021-03-09 16:07 罗毅豪 阅读(721) 评论(0) 推荐(0) 编辑
摘要: 面对一个花名册,里面有很多不认识的字,便会有录入生僻字的问题。 电脑录入生僻字问题的解决方法: 可以在搜狗输入法中先输入u,然后输入该字的组成部分,即可打出该汉字。 如犇: 阅读全文
posted @ 2021-02-25 11:42 罗毅豪 阅读(1003) 评论(0) 推荐(0) 编辑
摘要: 我们一般会在项目的前端目录和根目录都加上.gitignore文件,但是有些初始的项目并没有这个文件,于是需要我们主动增加这个文件。 前端目录.gitignore文件的参考内容如下: # Logslogs*.lognpm-debug.log*yarn-debug.log*yarn-error.log* 阅读全文
posted @ 2021-02-22 16:14 罗毅豪 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 示例代码如下: <div class="resultArea"> <div>{{str}}</div> </div> str += `每人公共区域费用:${difference}÷${this.tableData.length}=${perPeopleFree}(元)\n`; 如果该段代码拼成的字符 阅读全文
posted @ 2021-02-22 15:00 罗毅豪 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 视频剪辑是工作中常见的要求,我简单地介绍一下PR软件的使用。 界面分为四个部分,左上角是视频参数设置面板,右上角是视频效果演示。左下角是素材,右下角是导轨(可放置视频、字幕、声音片段)。 我们以某个项目的视频剪辑为例。 一、新建项目、导入素材 1.打开PR,点击新建项目,一直点确定,进入主界面。 2 阅读全文
posted @ 2021-01-29 16:02 罗毅豪 阅读(2437) 评论(0) 推荐(0) 编辑
摘要: Vue页面代码简化如下: <template> <div> </div> </template> <script> import * as service from "@/modules/oms/api/oms/eventForm"; import changeOrder from "@/modul 阅读全文
posted @ 2021-01-29 09:27 罗毅豪 阅读(909) 评论(0) 推荐(0) 编辑
摘要: 以下为el-input的代码。在被赋值后,输入框组件出现无法输入的问题。 <el-input v-model="ruleForm.processReview" class="oms-input" type="textarea" placeholder="请输入处理意见" /> 解决方式:增加@inp 阅读全文
posted @ 2021-01-19 14:52 罗毅豪 阅读(2391) 评论(0) 推荐(0) 编辑
摘要: 在如下el-select组件的代码中,要想在change事件时获取label的值。 <el-select v-model="ruleForm.usualReviews" :readonly="true" class="oms-select" placeholder="请选择常用意见" @change 阅读全文
posted @ 2021-01-19 14:47 罗毅豪 阅读(7667) 评论(0) 推荐(0) 编辑
摘要: 今天看到一段用scss写的工作代码: .el-checkbox__inner { &:hover { border-color: #42b983; } } 其中,&的作用是什么呢?我查阅了以下资料,&是父选择器标识符。 即可把以上代码编译成 .el-checkbox__inner:hover { b 阅读全文
posted @ 2021-01-13 11:16 罗毅豪 阅读(3204) 评论(0) 推荐(0) 编辑
摘要: 当用户输入比较奇葩时,来访理由出现数字不换行的问题。 数字在浏览器中是默认不换行的。 解决方式:添加word-break即可。 #visitReason{ word-break: break-all; } 效果如下: 阅读全文
posted @ 2021-01-06 15:05 罗毅豪 阅读(1869) 评论(0) 推荐(0) 编辑
摘要: 富文本即RichText,一般是有文字有图的一种组合。示例如下: "<p>第一段</p><p align="center"><img src="result.png"></p><p>第二段</p><p>第三段</p>" 这是html串,有p和img标签。 使用taro开发小程序实现富文本的方法为: 阅读全文
posted @ 2021-01-06 09:33 罗毅豪 阅读(1442) 评论(0) 推荐(0) 编辑
摘要: 使用taro传参示例如下,触发点击事件时,在调用的函数后面加上bind(this,要传的参数)。 { list.map((item,index)=>( <View className="articleItem" onClick={this.jumpToDetail.bind(this,item.id 阅读全文
posted @ 2021-01-05 15:45 罗毅豪 阅读(2620) 评论(0) 推荐(0) 编辑