vue
Hechuangbo
这个作者很懒,什么都没留下…
展开
-
移动端事件
touch事件、touchEvents对象、滑屏的思想与实现 移动端touch事件 touchstart touchmove touchend let box = document.querySelector("#box"); /* touchstart --> mousedown 手指触碰元素 touchmove --> mousemove 手指触碰元素之后,在屏幕中移动 touche原创 2021-05-11 22:03:08 · 51 阅读 · 0 评论 -
节流防抖
今日分享 节流函数和防抖函数 防抖:触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 防抖函数分为非立即执行版和立即执行版。 非立即执行版的意思是触发事件后函数不会立即执行,而是在 n 秒后执行,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。 立即执行版的意思是触发事件后函数会立即执行,然后 n 秒内不触发事件才能继续执行函数的效果。 缺点:如果事件在规定的时间间隔内被不断的触发,则调用方法会被不断的延迟 节流:高频事件触发,但在n秒内只会原创 2021-05-11 21:45:48 · 72 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论