摘要:
今天介绍一下,上下,左右无缝滚动的公告栏信息组件的开发。 首先上效果: 看起来有点卡顿,实际上还是挺顺畅的。。。 代码: 左右滚动的组件:marqueeX 上线滚动的组件:marqueeY 使用组件: 测试数据: data: { "msg": [{ "place": "来自烟台市的", "name" 阅读全文
摘要:
相信大家都用过less、sass等预编译器。它们中也有mixins,用法也很简单,例如Less中: 编译之后就成了: 这样就减少了写的代码量。也达到了公用相同样式的目的。 而 vue的mixins也是同样的道理。使用公用的内容,达到指定或者所有的实例都共享这些内容。 那么,vue中的mixins可以 阅读全文
摘要:
slot 插槽 ,是用在组件中,向组件分发内容。它的内容可以包含任何模板代码,包括HTML。 vue 在 2.6.0 中,具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍有用的特性。但是将会在vu 阅读全文
摘要:
vue中比较重要的就是组件了。而组件随处可复用的特性,使得组件通信非常重要。那么组件之间通讯方式有哪些呢? 第一种:父子组件通讯: 如果是 html页面 中全局注册的组件 和 实例中局部注册的组件 HTML: JS: 注意事项: 1) 组件需要先注册才能使用,注册又分 局部注册 和 全局注册。局部注 阅读全文
摘要:
最开始查看nextTick这个方法的时候,眼瞎看成了nextClick。。。我还在疑问难道是下一次click之后处理事件。。。 然后用这个方法的时候,就只知道是用在DOM更新之后调用回调方法。 这时就产生了一堆疑问: 1)DOM更新后?难道修改数据之后,DOM没有及时更新,还有延迟?但是页面上看到的 阅读全文
摘要:
这次遇到个问题: 1. 动态的添加指定的view内容。。嗯。。很简单。。wx:for就搞定 2. 动态添加的内容中有input,最终获取值的时候,要获取到所有input的值并且是一个数组。。嗯。。 3. 动态删除指定的已经添加的view内容。。 思路: 1. wx:for 循环view,添加一个,w 阅读全文
摘要:
以前写过一篇3d轮播,就是这篇,使用的方法比较笨拙,而且代码不简洁。这次发现swiper也能实现同样的效果。故记录一下。 先看看效果: wxml: (1) previous-margin 和 next-margin 表示前边距和后边距,官网文档有说明的。 (2) swiperChange 就是swi 阅读全文
摘要:
文字的多行处理在dom元素中很好办。但是canvas中没有提供方法,只有通过截取指定字符串来达到目的。 那么下面就介绍我自己处理的办法: wxml: canvas肯定要一个画板容器啦,记得设置宽高哦,小程序中默认宽高是300px和150px js:在page中 (1) measureText().w 阅读全文
摘要:
总结一下最近用iframe遇到的问题与解决办法: 结构:主页面main.html,里面套用iframe。iframe不能出现滚动条,自适应子页面高度。内容多了滚动条是main.html页面的。 1. 主页面自适应iframe页面的高度 这个问题网上的大部分都是自适应静态iframe页面,而且代码较多 阅读全文
摘要:
我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了。。。 那么,这个api接口怎么用呢? 首先,这个接口会返回一个对象实例。 下面的就是返回的对象实例 obj 的所有内容。 返回的 o 阅读全文