【每日技术总结：setInterval,setTimeout,文本溢出,小程序，wepy】的更多相关文章

每日技术总结：setInterval,setTimeout,文本溢出,小程序，wepy

前言: 项目背景:vue,电商,商品详情页 1.倒计时,倒计到0秒时停止 data () { return { n: 10 } }, created () { let int = setInterval(() => { this.n-- }, 1000) let timer = setTimeout(() => { clearInterval(int) }, this.n * 1000) } setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式 参考文档:HTML…

微信小程序wepy开发循环wx:for需要注意

微信小程序wepy开发循环wx:for需要注意 item index值必须在wx:for之后使用 <view wx:for="{{tablist}}" class="item {{activeid === item.id ? 'active':''}}" wx:key="{{index}}" @tap="checkcookbookitem({{item.id}})"> <text>{{item.titl…

小程序--wepy省市区三级联动选择

产品老哥对项目再一次进行关爱, 新增页面, 新增需求, 很完美........ 不多说, 记录一下新增东西中的省市区联动选择, (这里全国地区信息是在本地, 但不建议这么做, 因为js文件太大.. 建议使用插件, 或者后台将地区信息返回前台) 先看一下效果图 全国地区信息js文件(链接打开另存为即可) https://files.cnblogs.com/files/yk95/data.js ;  page页面 (页面中-- margin-t, bgc-f, ...等等是项目中公共样式,  这里写…

[技术博客]海报图片生成——小程序canvas画布

目录 背景介绍 canvas简介 代码实现 难点讲解 圆角矩形裁剪失败之PS的妙用 编码不要过硬 对过长的文字进行截取 真机首次生成时字体不对 drawImage只能使用本地图片 背景介绍 目标:利用canvas画布生成社团活动的海报图片,便于社团活动宣传以及对小程序的推广. 场景:用户A觉得某个社团的活动很不错,因此点击"分享"按钮,生成一个该活动的海报图片,接着,用户A把该图片发到某个群或者朋友圈进行传播,用户B看到该图片后对这个活动蛮感兴趣,通过长按识别图片中的小程序码,能够进入…

小程序wepy.js框架总结

wepy.js借鉴了Vue的语法风格和功能特性,对官方提供的框架进行了封装,更贴近于MVVM架构模式,让开发者更加容易上手,增加开发效率.(脏数据处理--是否有标识.是否有响应) 前端开发的对组件化开发应该都都很熟悉,我们就讲精华的部分: 首先我们需要输入下面的命令: npm install wepy-cli -g // 全局安装或更新WePY命令行工具 wepy new myproject // 在开发目录中生成Demo开发项目 cd myproject // 切换至项目目录 npm inst…

小程序(Wepy)--生成海报图片

对于小程序的分享, 除了分享给朋友, 好友群,是可以直接做到的, 但是要想扩大推广范围, 通过生成海报图片, 将自己小程序码带进去,应该是目前我所知的好办法了. 但是海报也不是那么好搞.之前自己手写出来的, 效果可以是可以,但问题还是百出,只能怪自己的技术还不到家......(加油). 昨天在逛小程序社区时,发现了一个海报插件.就动手试了试,效果还是让我比较满意的. Wxml2Canvas  https://github.com/wg-front/wxml2canvas(感谢大神的插件)  插件…

小程序 wepy框架 + iview-weapp的用法

最近在弄wepy的时候在想有没有什么ui比较合适一点的wepy的,也是在网上看了好久发现iview还不错.引用简单,上手超快,组件绚丽!当然,这里还介绍下微信官方建议的框架也是和不错的,有需要的可以看看(https://github.com/Tencent/weui-wxss),这里主要做view-weapp的介绍 小程序相关项目 1.wepy项目     https://github.com/Tencent/wepy 2.iview-weapp https://weapp.iviewui.co…

微信小程序wepy框架开发资源汇总

开源项目 wepy-wechat-demo:基于wepy开发的仿微信聊天界面小程序 深大的树洞:基于wepy开发的树洞类微信小程序 wepy-demo-bookmall:微信小程序…

微信小程序 + wepy快速开发

wepy官网:https://tencent.github.io/wepy/document.html,想要了解全面最好去官网,以下只是指出项目里常用地方. 1.页面跳转 (1)//有返回跳转wepy.navigateTo({url: "/pages/address_add"}); (2)//无返回跳转wepy.switchTab({url: '/pages/shop_cart'}) 2.组件间通信 (1)由一个页面或组件对另一个组件中的方法的直接调用 this.$invoke('co…

AngularJS设置文本样式小程序

做了一个这样的程序通过选择框选择样式,下面的段落样式跟着改变.就是想做这么一个东西. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> select{margin-right:20px;} </…