uniapp学习打卡

[微信小程序开发者工具] IDE service port disabled. To use CLI Call, open IDE -> Settings -> Security Settings, and set Service Port On.

你好! 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

微信开发工具配置中[“onReachBottomDistance”] 字段需为 number

修改pages.json的字段onReachBottomDistance,再次编译就可以了

VUE笔记

1.v-bind:绑定属性值
2.v-on:绑定动作值
3.v-once:只绑定一次,不会同步更新
4.v-html:解析数据值为html,而非字符串(绝不要对用户提供的内容使用v-html插值)
5.{{可以运行装简单js的运算,但不运行方法块}}
6.指令(单个 JavaScript 表达式):当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM
7.参数(v-bind:或v-on:后接的数据值)
8.动态参数(v-bind:[动态参数]或v-on:[动态参数]后接的数据值),数据值不得带引号或空格,请使用变量
9.修饰符(form v-on:submit.prevent=“onSubmit”…/form)=event.preventDefault()
10.v-bind:class="{ active: isActive, ‘text-danger’: hasError }" 后面可以接变量,也可以直接跟对象名,比如:v-bind:class=“classobj” data ={classobj:{active:isActive, ‘text-danger’: hasError}},同时还可以接数组(多个对象名)
11.v-bind:style="{color: activeColor, fontSize: fontSize + ‘px’ }" ,后面接对象名,同时也可以支持接数组(多个对象名) vue2.3+版本之后,在样式属性值的地方,可以使用多个值,主要用来处理兼容性样式 (


12.v-if v-else-if v-else 用来按条件渲染组件
在这里插入图片描述
13.v-key用来区分结构相同的模块
在这里插入图片描述
14.v-if 条件不成立,不渲染 v-show 有渲染,只是隐藏
在这里插入图片描述
17.v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。

我们拥有对父作用域属性的完全访问权限

v-for 还支持一个可选的第二个参数为当前项的索引。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp日历打是基于uni-app的一个功能点,通过使用日历组件来进行打操作。根据引用中提到的功能点,uniapp日历打包括定位打、迟到、外勤、请假、出差、补、考勤记录等功能。 在实现日历打功能时,可以使用引用中提到的calendarCard.json文件来引入所需组件,比如top-title和calendar组件。 具体实现日历打的步骤如下: 1. 首先,需要计算出每个月的日期天数,获取本月1号是星期几,以及上月残余天数。根据引用中的描述,可以使用相关算法来计算。 2. 接下来,可以根据计算得到的日期信息,在日历上标注出打记录。可以使用不同的标记来表示不同的打状态,比如迟到、外勤等。 3. 当用户点击某个日期时,可以触发相应的打操作。可以根据需求设计打的逻辑,比如记录打时间、定位信息等。 4. 打记录可以保存在数据库或云端,以便后续查询和管理。 需要注意的是,具体的实现方式可能会根据项目的具体需求而有所不同,以上只是一个基本的实现思路。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [基于uni-app+uni ui考勤打H5项目 定位打,日历打记录,考勤记录,绩效(地图位置)等](https://blog.csdn.net/weixin_45118394/article/details/117033005)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [小程序---小程序实现日历打功能](https://blog.csdn.net/maidu_xbd/article/details/109651735)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值