微信小程序视图层语法基础
文章目录WXML小程序视图层数据绑定语法1.数据绑定——作用于页面内容2.数据绑定——作用于组件属性3.数据绑定——作用于控制组件4.数据绑定——关键字绑定5.数据绑定——运算绑定6.数据绑定——组合绑定小程序视图层条件语句条件渲染：wx:if条件渲染：wx:if和hidden属性小程序视图层列表循环列表渲染：wx:for列表渲染：wx：keyWXMLWXML的全称是WeiXin Markup Language（微信标记语言），类似于HTML也是一种使用<标签>和</标签>来构
微信小程序自定义属性
文章目录dataset属性自定义属性格式：data-*如何利用获取其他dataset属性微信小程序中我们的所有函数当中都有一个事件处理函数,其参数名为event，打印后有一系列参数，在这当中，存放我们标签自定义属性的参数是currentTarget下的dataset，在我们标签中并没有设置自定义属性事，会发现dataset属性里面是空的自定义属性格式：data-*定义属性的格式只需要在data-后面添加自定义的属性名即可 <block wx:for='{{post_key}}' wx:key
微信小程序模板、事件、引用
文章目录微信小程序视图层模板（template）视图层模板（template）——定义模板视图层模板（template）——使用模板视图层模板（template）——模板样式自定义组件component及视图层模板template对比微信小程序事件使用方式事件对象事件分类微信小程序事件三部曲事件的绑定与冒泡微信小程序文件文件引用方式WXML引用—importWXML引用—include区别微信小程序视图层模板（template）小程序框架允许在WXML文件中提供模板（template）模板可以用于定
csdn为Markdown 图片加上大小去水印
没有设置直接插入照片去水印:去掉？后面的描述![在这里插入图片描述](http.
微信小程序设置百分比无效 height: 100%
想要实现效果：container容器下两个子容器在页面垂直1：1代码<view class="container"> <view class="view1">1</view> <view>2</view></view>.container{ display: flex; flex-direction: column; height: 100%;}.container view{ flex: 1;.
小程序中转换类型后相加还是string类型
想要效果：js转换类型后相加得到数字类型代码及分析：data: { num:"0" },//this.data.num是字符串2 "2"//this.result 是数字类型3Number(this.data.num)this.result=this.result+this.data.num/我以为到this.result=this.result+this.data.num这段代码执行的是this.result=2+31.我猜想可能Number(this.data.nu.
微信小程序update/remove成功但是updated/removed为0
我的需求:更新数据代码及错误分析update:function(){ db.collection('foods').doc('17453ede609bcedd09418b940de0d831').update({ data:{ price:10 } }) .then(res=>{ console.log('修改成功',res) }) .catch(err=>{ console.erro.
CSS3 calc() 函数
什么是calc()是一个函数，英文calculate(计算)的缩写，css新增加的功能，用来动态计算长度值为何为动态值使用表达式得到的值作用使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度，实现自适应宽度使用注意事项==运算符(加减乘除)==前后都需要保留一个空格，例如：width: calc(100% - 10px)；表达式中有“+”和“-
手把手教你weui组件库的引入
引入组件方法一：通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。方法二：通过npm方式下载构建，npm包名为weui-miniprogram如何使用本教程使用方法二右键项目在终端打开输入 npm init 初始化接下来都回车回车后在项目文件夹中会出现package.json再次在命令行中输入npm install weui-miniprogram项目文件夹中会出现node_modules 里面是weui.
textarea如何实现根据内容高度自适应和最多显示
最近在写一个课程设计的时候，在实现评论功能的时候我发现我做的用户体验不好，只能显示一行的内容，我去观察了朋友圈的评论功能，点击评论，默认显示一行，当输入的文字超过一行会换行，输入框的高度会随着改变，用户可以看自己评论的所有文字，这个用户体验很好，那怎么实现呢？只需要给textarea标签加上auto-height=“true”，注意要给文字设置行高不然会出现叠影，那如何实现同时实现最多显示3行如果行高设置line-height: 40rpx; 再设置 max-height: 120rpx.
gitee码云的基础使用
注册https://gitee.com/远程(码云上)创建仓库安装两个工具两个工具:这两个工具是为了把远程仓库（就是我们第二步在码云上创建的仓库）克隆到本地git for windows（先安装）右击鼠标能看到这个就说明安装成功TortoiseGit（后安装,它用来操作第一个软件完成代码提交）使用tortoisegit的主要目的是：提供状态图标功能，可以更直观知道当前的代码状态右击鼠标能看到这个就说明安装成功克隆仓库到本地有两种取得 Git 项目仓库..
箭头函数中的return
1.有大括号{}只有写return才有返回值，不写return无返回值2.只有一行语句，可省略大括号和return，利用起来让函数代码更加简洁const add1 = (a, b) => { a + b};console.log(add1(1, 2)); //undefinedconst add2 = (a, b) => { return a + b};console.log(add2(1, 2)); //3// 如果箭头函数只有一行语句 可以省略大括号和retu
如何实现搜索历史记录
方法用缓存， 其中data为数组类型不是单个的值，因为搜索的历史记录是一个数组搜素内容时用wx.setStorage存入缓存,每次将搜索存入缓存的时候，为了避免重复添加，要先确定要存入的搜索内容是否已经存在数组里了，已经存在不添加，不存在添加到数组头部再写入缓存覆盖之前的数组如何判断数组是否有某个关键字es6之前用indexOfes6用includes()方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。如何将某个关键字写入数组的头部？unshift()方
小程序添加好友的实现
实现的页面效果分析表message表用来记录好友请求，系统消息等分析表message需要的字段addlist：发送好友申请用户的openid，数组writeId：接收好友请求的用户比如上面的图，我作为用户登录后，申请添加“FHIGH”为好友，那我的openid就会添加到addlist字段数组里，而“FHIGH”的openid就是writeId字段的值实现添加好友按钮，绑定添加好友事件isFirend :用来判断是否是好有，是的话显示“已是好友”，不是则显示“添加好友”
swiper6插件使用遇到的坑
起因：我按照官方文档，下载引入swiper插件，报错找不到依赖解决过程报错的信息是This dependency was not found:...，依赖找不到，我查看了package.json里面的dependencies我确实已经安装了我想到之前某个插件引入是因为版本问题，这个也可能是因为版本问题我查看了下swiper插件的版本是最新的版本7.0.6，再依照报错的信息寻找依赖的包，发现引用的路径没有需要引入的文件夹所以我把node_module删掉，和package.json里面的de.
关于vant的rem适配的PostCSS 配置
在vant文档里有写Rem布局适配，写不够详细，摸索了一番写下该文章PostCSS 配置安装依赖npm i postcss-pxtorem --save-dev//或者（-D 是--save-dev的简写）npm i postcss-pxtorem -D在项目根目录中创建postcss.config.js文件// postcss.config.jsmodule.exports = { //plugins用来配置要使用的相关插件 plugins: { //把px转.
vant使用iconfont遇到的问题
vant的图标不能满足我做毕业设计的需求，我就使用了iconfont的图标按照iconfont官方的步骤也能正常使用遇到一些组件需要自定义图标的时候，按照需求显示不出来认真看使用方法我用的方法是font-class使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用所以使用的重点就是class那我们看一下类名是这么写的<i class="iconfont icon-xxx"></i>iconfont 查看font-fam.
全局样式覆盖vant样式的方法
方法1：提高样式的层级，用!important方法2（推荐）：在入口文件调整加载顺序，把全局样式文件写在加载vant组件库样式后面，因为层叠样式表后者会覆盖前者// 加载vant组件库import Vant from 'vant';// 加载vant组件库样式import 'vant/lib/index.css'// 加载全局样式import "./style/index.less"...
今日推荐
周排行