- 博客(6)
- 收藏
- 关注
原创 微信小程序———组件通信
微信小程序出来那么长时间了,今天来研究一下,先从子传父 开始了解吧。 首先我们先创建一个components文件,类名随便起 看下面图片 在avatar.wxml子组件里面绑定个tap事件 <!--pages/components.wxml --> <text bindtap="tapChild">components/avatar.wexss</text> 在avatar.js 注意要写在组件的方法里面 /** * 组件的方法列表 */ m
2021-05-13 21:29:06 160
原创 移动端事件
touch事件、touchEvents对象、滑屏的思想与实现 移动端touch事件 touchstart touchmove touchend let box = document.querySelector("#box"); /* touchstart --> mousedown 手指触碰元素 touchmove --> mousemove 手指触碰元素之后,在屏幕中移动 touche
2021-05-11 22:03:08 51
原创 节流防抖
今日分享 节流函数和防抖函数 防抖:触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 防抖函数分为非立即执行版和立即执行版。 非立即执行版的意思是触发事件后函数不会立即执行,而是在 n 秒后执行,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。 立即执行版的意思是触发事件后函数会立即执行,然后 n 秒内不触发事件才能继续执行函数的效果。 缺点:如果事件在规定的时间间隔内被不断的触发,则调用方法会被不断的延迟 节流:高频事件触发,但在n秒内只会
2021-05-11 21:45:48 72
原创 uni-app
uni-app简单介绍 什么是uni-app uni-app 是使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 uni-app的优点 对于技术人员而言:不用学那么多的平台开发技术、研究那么多前端框架,学会基于vue的uni-app就够了。 对于公司而言:更低成本,覆盖更多用户,所以在技术选型上,uni-app是高效利器。 开发规范 uni-app 约定的开发规范 页面文件遵循 Vue 单文件组件规范 页面文件遵循 Vue 单文件组
2021-05-07 07:58:27 97
原创 vue中常见的指令
v-text //把指定的数据渲染到指令所在的节点只能渲染纯文本 类似于innerText v-html //把指定的数据渲染到指令所在的节点,可以渲染html的结构, innerHTML v-on //给元素绑定事件 v-if // 满足条件的话,元素显示 v-show //满足条件的话元素显示 v-cloak //解决差值表达式的闪烁问题 v-html和v-text的区别? 都可以用来进行数据渲染,但是v-html可以解析html的元素,v-text只能渲染纯文本 v-if和v-
2021-03-22 18:46:00 94 5
原创 vue 插槽
vue的插槽 什么是插槽? 插槽可以把父组件中子组件标签内定义的html结构,显示到子组件的任何位置,达到重复利用的效果 插槽有那些分类? 匿名插槽 没有名字的插槽就叫做用匿名插槽 父组件中定义好子组件标签【双标签】 <son> <!-- 匿名插槽 插槽内容 --> <input class="form-control" placeholder="请输入列表内容" /> <button class="btn btn-da
2021-03-16 18:23:02 65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人