空&白的博客

【代码】uni.chooseImage后，将File转换成base64。

注意：ios使用该api时，会回弹页面，用户体验感很不好。

4、修改src/assets/iconfont - iconfont.css里的@font-face的src地址，修改成绝对路径。1、项目中创建一个文件夹放置iconfont相关文件，例如src/assets/iconfont（名称自己定义）注意：这里的123是我瞎写的，下载后的t=xxx是什么，123就是代表那个的。5、在App.vue中把iconfont引入到项目中。2、在iconfont下载项目至本地。6、在项目中使用iconfont图标。3、解压后把文件复制进1的文件夹中。

ps:刚开始未设置show-refresher-when-reload，并且tabsChange是直接调用init()，导致第一个tab滑动到某个位置，切换第二个tab未自动滚动到顶部，用户体验很不好。后面设置了show-refresher-when-reload还是一样的情况。:show-refresher-when-reload=“true”：列表刷新时自动显示下拉刷新view。:loading-more-enabled=“false”：不启用加载更多数据。，并且做虚拟列表），且有tab切换。

既然跟"enablePullDownRefresh": true冲突，那么就删掉或者设置为false（如果页面没有下拉功能的话是可以行的）网上查了下，说是scroll-view与pages.json设置的"enablePullDownRefresh": true冲突。另外一种就是在scroll-view标签里加上【@touchmove.stop】即可（只要scroll-view没有下拉的操作）。

【代码】一些canvas的公共方法。

canvas在绘制网络地址图片时，需要先下载成临时路径。

开发者工具canvas可以直接用base64进行绘制图片，但是在。，所以要把base64在本地储存临时路径，在去绘制图片。

当把语言设置在data里时，如果在本页面切换语言（弹窗切换语言功能、跳转切换语言页面在返回等），会发现title这个不会跟着变化语言，但是刷新下页面又可以了。

【代码】uniapp 隐藏scroll-view的滚动条。

简单说下功能，就是在地址输入http://localhost:8080/home 会自行跳转到http://localhost:8080/pages/home/index，如果有带参数的话也会携带上去。创建一个路由映射的js集合（自行命名）首先需要用到query-string。安装query-string。在app.vue页面中使用。

/ 如果活动未结束，对时间进行处理。// 活动已结束，全部设置为'00'// 对结束时间进行处理渲染到页面。// 获取天、时、分、秒。

ps:在编辑器中fun的颜色可能会跟其他的方法名不一样，但是是可以用的。

那就是在ts里，如果你const props = defineProps的话，但是在ts层又没用到这个key，只在视图层用到，那么可以把const props去掉，直接defineProps就行。或者跟vue2一样的写法。

如果有需要用到immediate或者deep的话。监听1个props数据。监听2个及以上的数据。

【代码】初学vue3与ts：获取组件ref实例。

【代码】初学vue3与ts：定义一个函数，参数为特定值。

【代码】uniapp vue3 + ts创建一个空数组，通过接口赋值。

【代码】uniapp vue3 + ts reactive定义一个对象，重置到初始值。

【代码】uniapp canvas绘制海报流程（async与await）

【代码】uniapp canvas vue3 ts实例。

播放就开始倒计时，并且改变播放icon，另外录音则停止上一次录音。播放按钮（三角形）是播放功能，两竖是暂停播放功能。

如果手机设置了非默认字体，例如行体宋体钢笔等等字体，在用canvas的时候会把系统的字体默认到里面去，这个时候为了做统一，统一成初始系统字体。不知道为啥，设置成Arial和sans-serif都不行。

修改项目下.eslintrc.js文件，在rules: {}中加入：“indent”: [“off”, 2] 或者’indent’: ‘off’；：Expected indentation of 0 tabs but found 1 indent（预期缩进0个制表符，但发现1个缩进）：对比其他ts代码，发现在orderDetail后少了分号，加上去之后就可以了。创建一个新vue页面，然后在pages.json里添加页面路径，添加完后就报这个错误。），只要这个东西没被使用过，就报错。：注释或者删除即可。

在写一些提交数据的判断上，有时候会写下面的ifelse的判断方法，少一点还好，多的话就很难受也不好看。上面只是一些简单的判空，要加其他条件比如字符串长度不能超过x位啥的，emm，后面有遇到在加上去。

上面的代码在开发者和安卓手机上可以实现，但是在iphone上，图片没有被裁剪成圆形。canvas绘制一个圆，并且在圆上绘制一个图片，裁剪该图片（就是把图片裁剪成圆）。

js判断数组中对象是否存在某个值

align-content: flex-start

使用场景：页面中有弹窗，并且弹窗里数据超过弹窗的高，要在弹窗做滑动操作，当弹窗滑动到底部的时候，继续划动会导致底层页面的滚动，这就是。必须放在整个页面的template下面才行。maskShows是弹窗是否显示的字段，这样的话弹窗的滑动就不会影响到主页面了。如果把page-meta放在view里的话，会提示一个错误。这种情况对于体验感很不友好。

uniapp配置wxcomponent到分包内

后面想了个方案，把挽留的内容做成一个页面，先跳转到挽留页面，在从挽留页面跳转到内容页，这样内容页面后退就是挽留页面了，当然这边还要page-container的配合。后来产品提了个问题，手机侧滑的时候没那么顺畅（就是一用侧滑，就显示出来，产品要的方案是如下图，emmm大概是这个意思）在函数beforeleave里要进行判断，要返回到a页面的话，就要用uni.navigateBack({delta:2})项目需求：有时候挽留的ui是全屏的，用。//继续填写即在次回到c页面。

字体颜色和背景颜色根据项目ui自行设定，后续有遇到在增加。

/弹出返回的挽留信息后，还是会显示返回键，如果在点击返回键还是不能返回，则可以增加下面的定时器,不需要直接注释即可。：登录注册、身份认证、商品购买等点击左上角的返回会提示一个挽留的弹窗或者信息。在微信小程序的介绍。

企业申请注册这边就不介绍了，根据官方文档去申请注册。申请成功后，下载【微信小程序sdk】

【代码】eventBus。

项目用的是uview，所以在接收到时间戳还要在转换成年月日格式，这个就在外面去操作，写在convertTureTime里还要好多判断。例子：项目获取到的时间在东二区，用户在东八区，那么要把东二区的时间转换成东八区的时间。

ps刷新问题：在h5上，其实我在设置语言的时候就uni.reLaunch到首页了，但是这个并不等于刷新。在切换其他语言并且没有刷新的情况下，取消文案还是英文的语言，并没有变成繁体，在刷新下页面就正常了。后来查找了下，改成function的形式即可。未修改的u-modal.vue。操作流程，用u-modal举例。需要修改成适配i18n的。

项目：不借用HQChart的各种接口数据，即数据后端返回，但是数据格式要和原数据格式一样。

要做一个如下的弹窗，很简单。但是当要切换成多语言或者数据是动态的话（title可能会很长），那么弹窗固定宽度就不适用了。ps:ml-18 f30 text-333 flex align-center 一些封装的样式。也有可能出现下面的情况，文字被换行了（有时候这种情况也是可以的，取决于项目要求）1.弹窗不设置width，但是可以设置最小宽度（min-width）2.整体布局正常（我这边用的是弹性布局），重点是。这种情况是弹窗不设置width，设置。但是我想要的是下图的样式。有可能会出现下图的情况。

项目介绍：uview-ui 1.x的，并且使用语言切换功能（i18n，hbuilder新建项目选择i18n项目），因为是h5项目，所以使用location.reload()进行刷新。ps：如果要适用字母大小写的，在indexOf里改成keyword.toUpperCase()，直接替换成全部大写，具体情况具体分析。主要判断在 v-if=“!适用条件：一次性请求到所有数据条件下的搜索，分页可能会有点问题（项目未遇到）