罗毅豪

2021年4月27日

摘要：我们可以使用vue-i18n实现国际化。语言切换用法如下：静态渲染： 1.将属性值前加上冒号，用$t('xx.yy')进行语言切换。 <el-form-item :label="$t('visitorRecord.name')" prop="hostName" label-width="60px 阅读全文

posted @ 2021-04-27 16:43 罗毅豪阅读(864) 评论(0) 推荐(0) 编辑

解决v-for报错的方法

摘要：当使用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 罗毅豪阅读(531) 评论(0) 推荐(0) 编辑

2021年4月26日

wx.request().then()不可用的解决方法

摘要：微信小程序和服务器端的数据交互是通过wx.request()这个API函数来完成的，这是一个异步函数。在有些情况下，我们需要根据服务器传递回来的值来做下一个操作的时候，其代码都要写到success:function(res){ }函数中。如果success:function(res){ } 中又阅读全文

posted @ 2021-04-26 15:17 罗毅豪阅读(2051) 评论(0) 推荐(0) 编辑

根据 sitemap 的规则[0]，当前页面 [pages/index/index] 将被索引——警告的解决

摘要：我们在开发小程序时，会有以下的类似警告，根据 sitemap 的规则[0]，当前页面 [pages/index/index] 将被索引如需去掉，则可以在小程序项目配置文件project.config.json的setting中配置字段checkSiteMap为 false。即 "setting 阅读全文

posted @ 2021-04-26 10:08 罗毅豪阅读(1003) 评论(0) 推荐(0) 编辑

2021年4月25日

微信小程序调用本地接口报错

摘要：当我写微信小程序时，如果调用接口报以下错误：我们又需要调试接口，则可以在微信小程序开发工具的详情中勾选不校验合法域名、web-view（业务域名）、TLS版本以及HTTPS证书。即可。阅读全文

posted @ 2021-04-25 14:38 罗毅豪阅读(1044) 评论(0) 推荐(0) 编辑

2021年4月17日

js实现自定义概率抽奖算法

摘要：当我们开发抽奖程序时，经常需要配置不同奖品的概率。如：冰箱：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 罗毅豪阅读(3316) 评论(0) 推荐(0) 编辑

2021年4月16日

Flutter之adb: failed to install apk的解决方法

摘要：在写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 罗毅豪阅读(4910) 评论(0) 推荐(0) 编辑

Flutter之不简单的搜索条

摘要：使用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 罗毅豪阅读(295) 评论(0) 推荐(0) 编辑

2021年4月15日

git之版本管理规范

摘要：一、git commit 1.commit要求每一次提交必须是一个完整的功能或者修复完成，不能提交半成品代码。提交代码时检查清楚，不要把编译文件或者IDE生成的文件提交上去。反例：.idea、.vscode、target、dist、node_modules等。 2.commit message 阅读全文

posted @ 2021-04-15 10:49 罗毅豪阅读(724) 评论(0) 推荐(0) 编辑

2021年4月13日

Flutter之毛玻璃效果的实现

摘要：用Flutter实现毛玻璃效果的代码如下： import 'dart:ui'; import 'package:flutter/material.dart'; class FrostedGlassDemo extends StatelessWidget { @override Widget buil 阅读全文

posted @ 2021-04-13 11:44 罗毅豪阅读(1223) 评论(0) 推荐(0) 编辑

固定定位下div水平居中

摘要：在元素进行固定定位后，要想让div元素水平居中。可使用代码： left: 50%; transform:translateX(-50%); 应用到元素上即 .red-block{ position: fixed; bottom: 30px; left: 50%; transform:translat 阅读全文

posted @ 2021-04-13 10:02 罗毅豪阅读(765) 评论(0) 推荐(0) 编辑

2021年4月9日

Flutter之构造函数的语法糖

摘要：我在学习Flutter时，对于代码段 class EachView extends StatefulWidget { String _title; EachView(this._title); @override _EachViewState createState() => _EachViewSt 阅读全文

posted @ 2021-04-09 09:18 罗毅豪阅读(414) 评论(0) 推荐(0) 编辑

2021年3月29日

Windows系统中用户变量与系统变量的区别

摘要： Windows系统中存在两种环境变量：用户变量和系统变量。那么，这两种环境变量有什么区别和共同点呢？ 1、两种环境变量中可以存在重名的变量； 2、两者都不区分变量名的大小写，如Path和PATH并没有区别； 3、用户变量只对当前用户有效，系统变量对所有用户有效； 4、windows系统在执行用户命阅读全文

posted @ 2021-03-29 09:44 罗毅豪阅读(5037) 评论(0) 推荐(1) 编辑

2021年3月25日

页面跳转函数封装

摘要：我们进行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 罗毅豪阅读(80) 评论(0) 推荐(0) 编辑

2021年3月15日

使用鲁大师查看电脑硬件配置

摘要：拿到一台未知参数的电脑，若要知道电脑的参数，则可以下载个鲁大师进行查看。以测试笔记本资源为例，查看硬件参数示例如下：可以看到计算机的型号（HP Zbook 15 G3 笔记本电脑）、系统（Win7 64位）和其他硬件设备的参数。购买一台电脑，最重要的是看三个参数。即处理器、内存和硬盘。一、处阅读全文

posted @ 2021-03-15 10:36 罗毅豪阅读(844) 评论(0) 推荐(0) 编辑

免费下载音乐

摘要：一、百度搜索网易云音乐，进入官网二、搜索自己想听的歌，如邓丽君的《月亮代表我的心》。三、在播放界面，打开F12，点击Network。四、点击播放按钮，请求会依次出现，点击Size按请求大小排序。五、找到m4a文件，右键->在新的标签页打开就可以下载了。即可免费下载音乐啦，这样我们在做视频剪阅读全文

posted @ 2021-03-15 09:42 罗毅豪阅读(489) 评论(0) 推荐(0) 编辑

2021年3月9日

Flutter之安卓app打包过程

摘要：最近有个Flutter的项目，需要进行打包。一、在key.properties文件下配置key.jks文件的路径，key.jks的位置任意。二、正规的打包命令为 flutter build apk 而使用 flutter build apk --target-platform android-a 阅读全文

posted @ 2021-03-09 16:07 罗毅豪阅读(697) 评论(0) 推荐(0) 编辑

2021年2月25日

电脑录入生僻字的方法

摘要：面对一个花名册，里面有很多不认识的字，便会有录入生僻字的问题。电脑录入生僻字问题的解决方法：可以在搜狗输入法中先输入u，然后输入该字的组成部分，即可打出该汉字。如犇：阅读全文

posted @ 2021-02-25 11:42 罗毅豪阅读(971) 评论(0) 推荐(0) 编辑

2021年2月22日

.gitignore文件的使用

摘要：我们一般会在项目的前端目录和根目录都加上.gitignore文件，但是有些初始的项目并没有这个文件，于是需要我们主动增加这个文件。前端目录.gitignore文件的参考内容如下： # Logslogs*.lognpm-debug.log*yarn-debug.log*yarn-error.log* 阅读全文

posted @ 2021-02-22 16:14 罗毅豪阅读(115) 评论(0) 推荐(0) 编辑

解决倒引号字符串内\n换行失败的问题

摘要：示例代码如下： <div class="resultArea"> <div>{{str}}</div> </div> str += `每人公共区域费用：${difference}÷${this.tableData.length}=${perPeopleFree}（元）\n`; 如果该段代码拼成的字符阅读全文

posted @ 2021-02-22 15:00 罗毅豪阅读(373) 评论(0) 推荐(0) 编辑

2021年1月29日

PR软件的简单使用

摘要：视频剪辑是工作中常见的要求，我简单地介绍一下PR软件的使用。界面分为四个部分，左上角是视频参数设置面板，右上角是视频效果演示。左下角是素材，右下角是导轨（可放置视频、字幕、声音片段）。我们以某个项目的视频剪辑为例。一、新建项目、导入素材 1.打开PR，点击新建项目，一直点确定，进入主界面。 2 阅读全文

posted @ 2021-01-29 16:02 罗毅豪阅读(2394) 评论(0) 推荐(0) 编辑

Vue页面的构成

摘要： 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 罗毅豪阅读(903) 评论(0) 推荐(0) 编辑

2021年1月19日

Element的el-input组件无法输入问题

摘要：以下为el-input的代码。在被赋值后，输入框组件出现无法输入的问题。 <el-input v-model="ruleForm.processReview" class="oms-input" type="textarea" placeholder="请输入处理意见" /> 解决方式：增加@inp 阅读全文

posted @ 2021-01-19 14:52 罗毅豪阅读(2085) 评论(0) 推荐(0) 编辑

Element的el-select组件change事件获取label的值

摘要：在如下el-select组件的代码中，要想在change事件时获取label的值。 <el-select v-model="ruleForm.usualReviews" :readonly="true" class="oms-select" placeholder="请选择常用意见" @change 阅读全文

posted @ 2021-01-19 14:47 罗毅豪阅读(7434) 评论(0) 推荐(0) 编辑

2021年1月13日

scss之&的用法

摘要：今天看到一段用scss写的工作代码： .el-checkbox__inner { &:hover { border-color: #42b983; } } 其中，&的作用是什么呢？我查阅了以下资料，&是父选择器标识符。即可把以上代码编译成 .el-checkbox__inner:hover { b 阅读全文

posted @ 2021-01-13 11:16 罗毅豪阅读(3179) 评论(0) 推荐(0) 编辑

2021年1月6日

用css解决数字不换行的问题

摘要：当用户输入比较奇葩时，来访理由出现数字不换行的问题。数字在浏览器中是默认不换行的。解决方式：添加word-break即可。 #visitReason{ word-break: break-all; } 效果如下：阅读全文

posted @ 2021-01-06 15:05 罗毅豪阅读(1828) 评论(0) 推荐(0) 编辑

使用taro开发小程序实现富文本

摘要：富文本即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 罗毅豪阅读(1303) 评论(0) 推荐(0) 编辑

2021年1月5日

使用taro写小程序进行页面间传参与接收

摘要：使用taro传参示例如下，触发点击事件时，在调用的函数后面加上bind(this,要传的参数)。 { list.map((item,index)=>( <View className="articleItem" onClick={this.jumpToDetail.bind(this,item.id 阅读全文

posted @ 2021-01-05 15:45 罗毅豪阅读(2572) 评论(0) 推荐(0) 编辑

2020年12月31日

清除内联元素间默认的间隔

摘要：在开发过程中，有一段代码如下： <div class="btns"> <a class="refuseBtn" data-i18n-text="refuse"></a> <a class="passBtn" onclick="approvalOrder('1')" data-i18n-text="p 阅读全文

posted @ 2020-12-31 15:56 罗毅豪阅读(112) 评论(0) 推荐(0) 编辑

2020年12月30日

div根据内容高度自适应地调整高度

摘要：需求为根据来访理由的内容高度，自适应地调整来访理由这个横栏的高度。原效果图如下：其html为：解决方法：我们设置这个横栏的高度为高度自适应。即 .visitReasonArea{ height: auto; } 效果如下：我们发现并没有生效，原因在于left和right都设置了绝对定位。因阅读全文

posted @ 2020-12-30 15:30 罗毅豪阅读(6903) 评论(0) 推荐(0) 编辑

2020年12月16日

同一个页面同时适配手机端和PC端的方案

摘要：需求为点开同一个链接，在手机端和PC端进行不同的页面展示，但是页面内元素在手机端和PC端大体一致。这里我使用了媒体查询，对电脑和手机分别写了一套不同的css。即 @media screen and (max-width: 480px){ /* 手机端css */ } @media screen 阅读全文

posted @ 2020-12-16 10:33 罗毅豪阅读(1766) 评论(0) 推荐(0) 编辑

2020年12月11日

前端性能优化之函数防抖

摘要：我们在做输入框实时查询时，一般会这样写： <input type="text" id="searchInput"> <script> let searchInput = document.querySelector('#searchInput') searchInput.oninput = func 阅读全文

posted @ 2020-12-11 09:29 罗毅豪阅读(191) 评论(0) 推荐(0) 编辑

2020年12月3日

jquery实现前端多语言切换

摘要：有时，产品的用户是其他国家（如英语国家）的，这时候就需要增加前端多语言切换（国际化）的功能。基于jquery，我们可以采用以下方法： 1.在项目中创建资源文件，如下图，其中h5是根目录： 2.在common_en.properties中写上转换的中英文对照表，如：用户登录=user login 阅读全文

posted @ 2020-12-03 15:05 罗毅豪阅读(1316) 评论(0) 推荐(0) 编辑

2020年12月1日

使用图怪兽网站轻松制作海报

摘要：推荐一个轻松制作海报的网站——图怪兽。这对于设计小白来说很有用，制作效果如下：这个网站每天用一个手机号只可以下载一次海报，需要珍惜机会~ 另外，其中的二维码是我自己生成的，用的是草料二维码网站。这个二维码生成网站不仅支持把字符串变成二维码，还支持在二维码中间或右下角增加logo，可以自选lo 阅读全文

posted @ 2020-12-01 20:54 罗毅豪阅读(864) 评论(0) 推荐(0) 编辑

2020年11月29日

IaaS、PaaS、SaaS的简单介绍

摘要： IaaS、PaaS、SaaS是云计算（Cloud Computing）的概念。我们以吃饺子为例。如果是要自己做饺子，需要自己获取制作饺子的原材料，然后包饺子，蒸饺子等，在云计算中叫本地部署。如果是直接去超市买速冻饺子，买回来只需要蒸一下就行了。只需要供应商给我们提供速冻饺子就好，这就是基础设施阅读全文

posted @ 2020-11-29 10:32 罗毅豪阅读(319) 评论(0) 推荐(0) 编辑

2020年11月26日

抓包工具F12和Fiddler的使用

摘要：下面我们介绍两个抓包工具。一、F12 F12（开发者工具）是Chrome浏览器自带的一个抓包工具，比较方便也比较灵活，我们在工作中会经常用到。比如访问某些网站有异常的时候，我们可以通过F12抓取报文分析具体问题。 F12主要针对的是HTTP协议和HTTPS协议，它可以去确认我们的网络数据包的一个阅读全文

posted @ 2020-11-26 15:35 罗毅豪阅读(2046) 评论(0) 推荐(0) 编辑

2020年11月25日

Element的el-cascader组件获取级联选中的label值

摘要： Element的el-cascader（级联器）组件的value容易获取，主要是label。用 this.$refs[关联组件名].currentLabels 可以获取，但是这个方法已经过期了。需使用getCheckedNodes方法的节点获取。即 this.$refs["cascader"].g 阅读全文

posted @ 2020-11-25 11:15 罗毅豪阅读(5698) 评论(0) 推荐(0) 编辑

2020年11月20日

解决C盘爆满的方法

摘要：解决C盘爆满的方法： 1.打开win+R。 2.输入%temp%，点击确定。 3.ctrl+A全选文件，删除。 4.遇到无法删除的文件则跳过。即可。阅读全文

posted @ 2020-11-20 02:21 罗毅豪阅读(519) 评论(0) 推荐(0) 编辑

2020年11月19日

js-简单的加密解密函数

摘要：简单的加密解密函数用js书写如下： //加密 function compile(code) { var c=String.fromCharCode(code.charCodeAt(0)+code.length); for(var i=1;i<code.length;i++){ c+=String.f 阅读全文

posted @ 2020-11-19 22:40 罗毅豪阅读(1336) 评论(0) 推荐(0) 编辑

2020年11月13日

使用removeBg去除图片背景

摘要：我们有时需要把图片的背景去掉，这时我们可以使用removeBg网站进行操作。上传一张原始图片，系统会自动为你抠图去背景，直接免费下载。原理：系统抠图其实和人工抠图一样，都是找到图片边缘的过程，图片边缘的像素点和其相邻像素点通常存在较大的色差，通过边缘检测算法进行处理。原图：处理后：效果还阅读全文

posted @ 2020-11-13 16:12 罗毅豪阅读(693) 评论(0) 推荐(0) 编辑

公告