JavaScript(简称“JS”)是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能,在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中:- HTML 用来定义网页的内容,例如标题、正文、图像等;- CSS 用来控制网页的外观,例如颜色、字体
想要实时监听input的输入只要使用 bindinput(**键盘输入时触发,event.detail = {value, cursor, keyCode},keyCode 为键值,2.1.0 起支持,处理函数可以直接 return 一个字符串,将替换输入框的内容。**) 就可以了,微信小程序提供了方法获取,还是比较方便的。
这里是针对后端输出内容,也就是后台使用文本编辑器传的内容,因为编辑器都会带上各种标签,在小程序展示的时候就需要去做解析,这里我们用wxParse插件。解压后直接放根目录就行,暂时不用修改任何文件。
wx.clearStorage() 清除本地所有小程序,wx.clearStorageSync()为同步接口,效果同理。我们先随便添加2条缓存;wx.setStorageSync("name", "测试小程序");wx.setStorageSync("版本", "1.0.0");然后我们使用wx.clearStorage()方法.
大家会发现,在做项目的时候,会出现一个图标多个颜色,但是大小都比较相近,但是又不能为了几张图片去加载一个矢量图库,所以很多时候可能就会切几张图。其实filter已经有对纯色图片进行颜色调整的功能。这里具体会用到filter里的:色相旋转hue-rotate(deg) | saturate(%) | brightness(%),这几个数值是可以在ps具体看
微信小程序中的swiper组件是滑块视图容器,但是有很多样式是固定的,而实际使用的时候可能会根据轮播图大小、样式,可能就需要改变指示点的样式。(常见:修改指示点颜色、把知识点修改为小长方形等)。
场景:只渲染10条数据中的前5条,这里使用 wx:if 和 index 来进行限制,这里实例我们显示前5条(也就是索引小于5)。list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]先看未添加显示效果{{item}}![](/static/upload/image/20220509/1652082649395853.png)增加显示后效果
css3的出现,解决了一个div只能设置一个背景的问题,使一个div可以设置直接多个背景图片。不会像以前还要写多个div来放多个背景图片。
template可以理解为:通用模板、通用函数,就是可以在多个地方重复使用,可以减少代码冗余,也管理方便,使用比较方便。####举个栗子:如图所示,像购物类小程序,猜您喜欢这种板块一般都会在多个地方出现,咱们可以把wxml里的代码提取出来,放到template里,通过数据传输,就可以达到不同地方使用同一样式,展示内容
小程序中提供了wx.getSystemInfo(OBJECT),可以获取到当前设备信息;在获取到的设备信息结果中,找到platform属性(客户端平台),然后可以使用platform进行条件判断,针对不同客户端显示不同内容;
CSS3中引入的滤镜效果,可以将滤镜效果绘制到网页上,对图像等图形元素执行视觉效果操作,如模糊,平衡对比度或亮度,色彩饱和度等,该属性按提供的顺序接受一个或多个滤镜功能。
微信小程序中使用MD5加密,在utils文件夹里放入md5.js(md5.js放在本文尾部),方便调用;在需要使用的页面或组件中require引入外部文件;另外md5.js里默认使用exports输出了3个方法,如需其它(hex_md5,b64_md5,str_md5,hex_hmac_md5,b64_hmac_md5,str_hmac_md5)加密请自行添加输出;