snoto的专栏

讯飞语音听写调试

aysnc函数

promise学习

uniapp小程序调用百度语音

vue-property-decorator，typeScript，自定义组件

uniapp, uni-popup, uni-grid，错误，重叠

uniapp scroll-view 横向 内容重叠

uniapp 自动化测试浅试

css box-sizing

uniapp使用微信订阅

文章目录使用场景解决方式使用场景引入使用了第三方的组件，想修改它的样式，找到其class名称，然后在style中重写该class，无效原因：可以查看下面的文章官方的解释解决方式比如我使用的是u-grid，看到它的class的层级是：<...u-grid...> <...u-grid-item...> <...u-grid-item-box...> ... ...我要修改的是u-grid-item-box的内联样式的padding属性使用深

文章目录相关问题记录解决方式相关this.$nextTick相关问题记录问题解决方式使用uni.createSelectorQuery的方式获取指定组件的信息不执行放在this.$nextTick(function(){…})中执行解决方式相关this.$nextTick官方例子：简单理解为：修改数据的时候，不会立马提现在页面上，如果要获取修改后相关的信息，需要使用到nextTick，将function中的操作延迟到DOM更新后，此时再获取信息就是新的信息

文章目录props$emit文章介绍了基本的自定义组件的使用，发现也只是声明了属性，事件没有声明。props既然能用props声明属性，那么是否可以来声明调用的函数呢？就找到了vue关于props相关的官方文章但是尝试使用的时候不得其法。然后去找了第三方组件的写法$emit最后尝试到了正确的写法，如下<image :style="{width:width+'', height: height+''}" :src="src" @tap="click" @tap.stop="stopcl

当需要复用一些值或者方法的时候，我们可以采取全局声明的方式来实现复用。这样做的好处是可以减少代码量，同样的功能可以集中处理，方便修改维护文章目录全局声明相关的概念Vue.prototype挂载export default声明调用全局声明看了各种说明和文章，要想集中复用某一个方法，方式有：单独的js文件，在使用的页面中以import的方式引入调用main.js中进行挂载，在使用的时候不需要进行引用可以直接调用。如果不想用import的方式引用，那么基本绕不开main.js相关的概念Vue.

文章目录scroll-into-view使用scroll-top使用需求：一般在scroll-view中会放置一个list列表，当列表条目增加的时候，使其自动滚动到底部显示最后一条官方文档：scroll-view有两个可用属性：声明scroll-into-view或者scroll-top个人尝试后的结果，使用scroll-into-view在h5上有效，在微信小程序上无效；使用scroll-top在微信小程序也正常scroll-into-view使用<scroll-view scroll-

文章目录使用cover-view根据官方文档的意思，应该是我们通过uni生成的小程序或者app，原生组件的层级是高于前端组件的层级的而使用cover-view的话，层级比原生组件的层级更高层次从高到低是：cover-view，原生，前端组件直接使用cover-view，运行在微信小程序上，看到input内容依然是穿透显示的，需要设置cover-view的z-index来设置层级，我自己的程序设置了100如下：<cover-view style="z-index: 100;"> &

文章目录遇到的问题用到的工具用到的知识遇到的问题用到的工具用到的知识

文章目录基本配置和使用配置后使用遇到问题（m3u8格式视频）播放页面请求url后播放不了播放页面退出后，再进入出错设置播放按钮位置基本配置和使用官方的文档简单来说：直接复制模板文件index.html，放在跟目录下在manifest.json中配置，如图按照官方文档进行初始化配置后使用遇到问题（m3u8格式视频）播放页面请求url后播放不了解决方式：就在点击列表的时候请求url，进入页面初始化的时候就配置好请求到的url播放页面退出后，再进入出错解决方式：参考博文就在onUnl

文章目录使用v-if让组件刷新，使用v-show没有刷新效果因为：v-show：是展示和隐藏v-if：是删除和添加参考

文章目录解决方式：$set原因遇到的问题：用vue插件和控制台打印，发现数据有更新，但是页面上的数据没有刷新解决方式：$set使用this.$set的方式替代了直接赋值的方式，来进行了页面刷新原因我这个原因是因为这两个是要添加的新属性，所以没有刷新更多的信息可以参考文章刚看到这个原因的时候，我以为初始化的时候添加一个属性，值为空字符串就可以了，结果还是没有刷新...

文章目录模板部分页面引用部分 引用模板是为了重复利用，提高效率模板部分创建一个模板vue文件，比如是tem.vue声明组件名称template中声明 <template name="temText"> <text>{{itemData}}</text> </template>script中声明，注意是data之前的那个name <script> export default{ name:"temText",

文章目录主要记录uniapp使用uView自定义风格和样式：主要记录uniapp使用uViewuView相关的主题在：uview-ui/themeuview的官方css在：uview-ui/libs/css/目录uni官方的样式在：uni.scss在APP.vue中引入了uview-ui/index.scssindex.scss里面定义了引入了哪些scss也就是说用到的官方样式可以在这几个目录中找自定义风格和样式：一般的，自定义一些属性变量在uni.scss中然后全局样式

文章目录内置样式常用文字省略：定位：字体大小文字对齐重置按钮样式内外边距flex布局总元素对齐子元素是否换行覆盖控制子元素对齐占比边框文字颜色变量名方案内置样式常用列出的有：文字省略：// 文字多的时候几行+省略号u-line-1：表示显示1行，多出的省略号u-line-2,u-line-3,u-line-4,u-line-5定位：u-relative(u-rela)和u-absolute(u-abso)// 对应的是position=relative和absolute字体大小两种

文章目录安装配置引入使用使用组件使用样式内置样式安装uView使用easycom模式，需要Hbuilder X 2.5.5及以上版本才支持easycom打包的时候是按需引入的，您可以放心引入uView的整个组件库，发布打包时会自动剔除您没有使用的组件(注意：调试时仍然是全部引入的)通过npm的方式下载安装，安装后在package-lock.json中有显示配置需要已安装scss插件引入引入uView的js库在main.js中引入js库，放在import Vue之后引入uVie

文章目录遇到的问题是input绑定的value的值没有发生变化的时候，不会清空输入最后的解决方法是：1：先赋值为""来清空输入2：再使用setTimeOut来延时赋值this.value = ""setTimeout(()=>{this.value = "2"},0)参考博文...

文章目录子组件通过this.$parent调用通过监听的方式子组件通过this.$parent调用这种比较简单：父组件只需要声明方法，以提供给子组件调用子组件中通过this.$parent.xxx的方式调用父组件声明的方法在父组件所在的页面Js中声明方法xxx:function(params){ console.log(params)}在子组件中需要的时候：this.$parent.xxx(params)通过监听的方式父组件中，通过$on来注册监听子组件中，通过$emit方式来

文章目录npm第一步：npm安装第二步：微信开发者工具构建npm第三步：引用npm要用到其他第三方的组件，使用到了npm引用，之前没有用过，记录一下。npm是安装工具，我们可以在命令行中使用npm来进行依赖包安装。第一步：npm安装通过cmd命令行进入项目目录，执行npm命令进行软件安装，比如：npm i wux-weapp -S --production第二步：微信开发者工具构建npm通过npm安装后，会在目录中生成一个node_modules目录，这个目录中就有刚才安装的依赖库然后

文章目录分包介绍使用分包分包配置打包和引用独立分包getApp()生命周期分包介绍一般的，一个微信小程序要求是不超出2M大小，使用分包可以超出这个限制，比如当我们的小程序有比较多的静态资源，比如图片什么的时候，功能比较多的时候使用分包可以帮助我们解决这个问题分包注意点：分包分为主包和分包，主包放置默认启动页面,TabBar页面；公共资源，公共js脚本分包由开发者进行划分小程序启动...

文章目录官方文档事件：一个简单的理解就是用户与页面交互，常见的比如点击事件文档中提到，事件分为冒泡事件和非冒泡事件（在Android中就是点击事件传递）事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。官方文档列出了冒泡事件列表：并且告诉我们除上表外的都是非冒泡事件我们...

文章目录v-show，与v-ifv-show无效情况v-show，与v-if记录这个主要是遇到了v-show无效的情况，经过查询：参考博文参考博文首先，看一下区别，说是v-show是隐藏，显示；v-if是移除，添加注：一般来说，v-if有更高的切换消耗，而v-show有更高的初始渲染消耗。因此，如果需要频繁切换，则使用v-show更好。v-show无效情况v-show实现原...

文章目录样式背景颜色图像文本文字文字链接列表表格轮廓样式前面看了选择器，css选择器选择器就是选中元素，样式就是设置选中的元素的样式背景关键字是background，除了可以设置颜色，还可以设置图像背景颜色图像我们可以设置背景图像的url，位置，重复方向，是否固定文本设置文本元素的属性，关键字texttext-align：设置文本内容在文本元素中的位置，比如：h...

文章目录基础选择器部分元素选择器派生选择器id选择器class选择器引入外部css基础css主要是设置元素的样式，也就是用户看到的效果主要语法为：选择器{ 属性: 值; 属性: 值; ....}选择器部分元素选择器选择器可以是元素，比如h1，p，body等也可以是一组元素，用逗号分割，比如：h1,h2,h3{....}派生选择器也就是说，可以定义多层元素的样式，比...

文章目录选择器选择器w3school文档看文档介绍，更像是一个设置不同状态对应不同效果的用法

文章目录伪类:lang伪类前面看了伪元素，知道配合伪类应该能实现状态切换等效果w3school文档看了例子和上面的表格，可以看出，所谓的伪类，就是该元素不同的状态，也就是说我们可以为该元素设置不同状态时的特殊效果:lang看说明和例子，我们可以理解为，官方提供了一个:lang的状态的，让我们可以进行自定义我们可以用这个long来设置不同的值，再设置它不同值的时候对应的效果比如例子...

文章目录伪元素用于文本的:first-line 伪元素:first-letter 伪元素其他:before 和 :after优势参考用于元素的前后修饰用于元素的状态切换伪元素w3school文档CSS 伪元素用于向某些选择器设置特殊效果。我们看到有几个伪元素的使用例子：用于文本的:first-line 伪元素可以通过这个属性设置文本第一行的特殊效果，比如一段文字的第一行为红色，其...

文章目录$nextTick在uni中的使用在微信小程序中的使用是$nextTick在进行页面控件测量的时候，一般要放在这个事件的回调函数中进行测量官方API官方解释的意思是，在DOM更新后调用回调函数的。也就是说， 算是一个延时执行的函数使用和流程：声明事件和回调函数–>DOM更新后调起回调函数。其他博文好多说是在页面绘制或者重绘后执行的延迟函数，因为这一特性，我们可以...

文档主要用于在wxml文件中直接调用全局变量或者全局方法wxswxs文件以.wxs为文件名结尾需要以下面的方法进行暴露，这样外部才能进行调用：module.exports = { 键: 值, ......}键就是外部调用的时候的名称，值对应的是内部名称使用在页面wxml文件中用标签的方式引入wxs文件<wxs src="./../tools.wxs" module=...

文章目录uniAPP实现小程序的实现官方文档如下比如我们点击列表里面的Item的时候，就用到向事件传递参数uniAPP实现uniAPP的实现比较简单，比如： @click="startCharge(item)"直接像普通Java那样传递参数就可以了，js中函数的声明也可以直接使用startCharge: function(item) {｝小程序的实现小程序的实现方式比较麻烦，事...

文章目录微信小程序数据定时器页面生命周期与页面路由注意微信小程序数据我们知道微信小程序通过setData来进行页面数据的刷新，这个刷新就是进行绑定数据的刷新。我们进行分数检测的时候，可能出现下面的提示：也就是说，数据中应该分为两部分，一部分是绑定在页面的，一部分是未绑定页面的。只有对进行页面刷新的时候，调用setData来进行页面绑定的数据的刷新非绑定的不要使用setData定时器进...

文章目录微信小程序性能优化网络图片资源未开启HTTP缓存控制HTTP缓存缓存控制强缓存：协商缓存：强缓存相关字段协商缓存相关字段两个字段：ETag和 If-None-Match两个字段Last-Modified和If-Modified-SinceETag和Last-Modified的区别用户操作对字段影响微信小程序性能优化我们可以通过小程序开发工具上的Audits对自己的小程序进行评分，会显示...