uView 中select组件确认选择问题
问题描述小程序中引用uView ui 中select组件(单列模式)。出现第一次选择了列表中的某一项,再次唤起select组件时,直接点击确认。confirm事件返回的是列表中的第一项数据,而不是第一次选中的数据。
解决问题需要用到select组件中的default-value参数和findIndex()数组方法。
default-value:提供的默认选中的下标(index),传值为数组 例:[0]
findIndex():返回数组中通过条件判断的第一个元素的索引
123456789101112131415161718192021222324252627282930313233343536373839404142434445<template> <view> <u-input v-model="station" type="select" placeholder="请选择站点" @click="showStation = true" /> <u-selec ...
前端面试常见问题总结
问题陈列JS相关问题
JavaScript原型,原型链 ? 有什么特点?每个对象都会在其内部初始化一个属性,就是prototype(原型)。当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,那么他就会去prototype里找这个属性,这个prototype又会有自己的prototype,于是就这样一直找下去,也就是我们平时所说的原型链的概念。
This对象的理解this总是指向函数的直接调用者;如果有new关键字,this指向new出来的那个对象;
this的指向问题:1.作为对象的属性被调用,this指向该对象2.作为普通函数得调用,this总是指向全局对象(通常为window),严格模式下this指向undefined3.作为构造器调用,通常情况下this指向被构造函数返回的实例,例外如果构造函数显式的返回一个Object类型的对象,name结构也是只会得到这个对象4.call和apply调用 动态改变this指向,使用一个指定的this值和单独给出的一个或多个参数来调用一个函数 允许为不同的对象分配和调用属于一个对象的函数/方法 cal ...
uniapp小程序消息订阅功能
场景描述微信充电小程序希望在用户充电时间结束,或者用户的充电完成时。通过微信公众号的推送信息的方式,告知用户充电进程。
需求实现基础API:实现上面的需求用到API有:uni.getSetting()、uni.openSetting()、核心uni.requestSubscribeMessage() uniapp官方文档
uni.getSetting():获取用户的当前权限的设置。
uni.openSetting():调起客户端小程序设置界面,返回用户设置的操作结果。
uni.requestSubscribeMessage():调起客户端小程序订阅消息界面,返回用户订阅消息的操作结果。
效果展示
图1 消息订阅按钮
图2 弹出订阅申请
代码展示1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757 ...
html标签速写
HTML标签速写相关规则
符号
功能
示例
>
子级元素
div>ul>li
+
并列元素
div+div>span
^
父级兄弟元素
div>ul^div>span
^^
多级上层兄弟元素
ul>li>span^^div
*
重复当前元素
ul>li*3
()
分组,操作多元素
div>(p>span)*3
#
添加id属性
div#main
.
添加class属性
div.content
[]
添加多种属性
div[class=content title=head]
$
顺序排列占位符默认1
p.item$*3
$$
顺序排列占位符默认01
p.item$$*3
@
顺序排列从某数开始
p.item$@3*3
@-
逆序排列到某数结束
p.item$@-3*3
{}
元素文本内容
div#main>div.content>p.item{text1}+p.item{text2}
div>ul>li
1234 ...
VScode 报错 TypeScript intellisense is disabled on template
发现问题vscode 安装 Vue Language Features (volar) 后出现 :
TypeScript intellisense is disabled on template, you can config “jsx”: “preserve” in tsconfig or jsconfig to enable it, or config vueCompilerOptions.experimentalDisableTemplateSupport to disable this prompt.
解决问题问题的描述是:TypeScript智能感知在模板中是禁用的,你可以在tsconfig或jsconfig中配置’ “jsx”: “preserve”来启用它,或者配置’ vueCompilerOptions ‘。 使用experimentalDisableTemplateSupport来禁用这个提示。那么我们根据描述解决问题
12345678910111213141516// 在文件 jsconfig.json 中{ "compilerOption ...