微信小程序：添加全局的正在加载中图标效果
摘要：在发送请求的时候，显示一个正在加载中的小图标。在加载下一页的时候也显示正在加载中。同时数据请求回来了，把加载中进行关闭。 开发 API 界面 在哪里添加这两段代码会比较方便呢？一个项目有几百个接口，如果发请求之前都要手动写一次，请求成功了又要手动关闭一次，太繁琐了，如果后期不想要这个效果，则要全部删
阅读全文
posted @
2020-11-20 11:47
周文豪
阅读(1777)
推荐(0) 编辑
微信小程序：下拉刷新
摘要：1、 先触发下拉刷新事件，在页面的json文件中开启下拉刷新 2、 将现有的数据全部清空，再重新发请求，即下拉刷新的时候将整个数组清空掉， 3、 重新发请求的时候，要把页码再重置为1， 数据请求回来，需要手动关闭等待效果，不然，数据已经请求回来，仍然是下拉刷新的效果。 如果没有调用下拉刷新的窗口，也
阅读全文
posted @
2020-11-20 11:25
周文豪
阅读(688)
推荐(0) 编辑
微信小程序：上滑触底加载下一页
摘要：给商品列表页面添加一个上滑触底加载下一页的效果，滚动条触底之后就发送一个请求，来加载下一页数据， 先在getGoodsList中获取总条数 由于总页数需要再另外的一个方法中使用，所以要把总页数变成一个页面全局参数。 数据请求回来，要对data中的数组进行拼接，而不是全部替换，如果你把新的数据替换原来
阅读全文
posted @
2020-11-19 17:34
周文豪
阅读(1596)
推荐(0) 编辑
微信小程序：页面全局参数（注意不是小程序的全局变量globalData）
摘要：为什么要使用页面全局参数：方便使用数据。 由于总页数需要在另外的一个方法中使用，所以要把总页数变成一个页面全局参数。因为取数据使用this.xxx即可，中间不用加data,给页面全局参数赋值也方便，直接使用this.xxx=值即可，不需要使用setData() 页面全局参数与data同层级。 Pag
阅读全文
posted @
2020-11-19 17:28
周文豪
阅读(1649)
推荐(0) 编辑
微信小程序：快速生成less文件类嵌套的结构
摘要：全部选中标签结构，按住ctrl+shift+p,选中插件Generate CSS tree(提前安装CSS Tree),先删除undefined，将img替换成image，删除标签名view。 完整的样式如下：
阅读全文
posted @
2020-11-17 17:57
周文豪
阅读(210)
推荐(0) 编辑
微信小程序：优化接口代码-提取公共接口路径
摘要：方法一、将公共部分提取出来定义为baseURL变量 简化url,把里面公共部分提取出来。如https://api-hmugo-web.itheima.net/api/public/v1/categories提取出来后变成/categories，公共部分为https://api-hmugo-web.i
阅读全文
posted @
2020-11-17 17:44
周文豪
阅读(886)
推荐(0) 编辑
微信小程序：自定义组件（父组件向子组件传递数据和子组件向父组件传递数据）
摘要：为什么要学习自定义组件？ 1、用上我自己的单词abc,我希望在页面中展示椭圆形的图片， 2、打开手机淘宝，假如现在要做一个企业级项目，里面有很多页面，首页存在导航模块，点击天猫，进入第二个页面，而第二个页面中也存在导航模块，再点击天猫国际，进入的新的页面中同样存在导航模块，如果每一个页面导航模块重新
阅读全文
posted @
2020-11-17 16:15
周文豪
阅读(1385)
推荐(0) 编辑
微信小程序：小程序中使用Less
摘要：配置: 首选项 -> 设置 -> 用户 -> 扩展 (找到EasyLess插件，编辑setting.json文件进行配置) 点击vscode左下角的à设置à点击右上角的à添加以上代码（将less文件编译成.wxss文件） 新建index.less文件，内容如下： 编译之后生成index.wxss文件
阅读全文
posted @
2020-11-17 15:10
周文豪
阅读(4220)
推荐(0) 编辑
微信小程序：页面生命周期
摘要：小程序生命周期分为应用生命周期和页面生命周期 1、Onload：页面加载时触发，一般在onLoad中发送异步请求来初始化页面数据。 2、onShow：页面显示时触发 3、onReady：页面初次渲染完成时触发。 4、onHide：是页面隐藏时触发，注意不是应用隐藏，切后台时，页面就会隐藏。即整个小程
阅读全文
posted @
2020-11-17 15:04
周文豪
阅读(1668)
推荐(0) 编辑
微信小程序：应用生命周期
摘要：小程序的生命周期分为应用生命周期和页面生命周期。 应用指的是一个文件，是小程序的入口文件app.js，入口文件最外层方法名称是App,页面的js文件最外层是page,组件的js文件的最外层是component， 生命周期就是一些事件，只不过它触发的时机不是我们来定义的，而是应用或程序自己定义的， 1
阅读全文
posted @
2020-11-17 14:59
周文豪
阅读(222)
推荐(0) 编辑
微信小程序中input标签高度设置
摘要：如果没有设置高度所以显示的是控件自身的高度。 微信小程序input控件原始设置： 上图发现： 我只覆盖了官方input的height，而没有覆盖min-height; .query input{ border: 1px solid #ccc; border-radius: 10rpx; width:
阅读全文
posted @
2020-11-17 10:52
周文豪
阅读(3183)
推荐(0) 编辑
微信小程序开发小技巧：
摘要：小技巧：输入view.tabs_content就可以生成下面的代码。 输入p10，就可以得到： 输入jc:c得到：文字水平对齐 输入d:f得到： 输入ai:c得到： 输入bb得到： currentColor表示颜色等于当前的字体颜色。
阅读全文
posted @
2020-11-16 21:09
周文豪
阅读(87)
推荐(0) 编辑
微信小程序：单选框radio和复选框CheckBox
摘要：单选框radio： 可以通过color属性来修改颜色。 复选框checkbox:
阅读全文
posted @
2020-11-16 20:53
周文豪
阅读(761)
推荐(0) 编辑
微信小程序：Navigator导航组件
摘要：导航组件：类似超链接标签。 url：要跳转的页面路径，可以放绝对路径，也可以放相对路径，绝对路径指从pages作为根目录开始找到你要的页面。 找到你要找的页面的相对地址的方法：在vscode中，该页面右键，选择“复制相对路径”，然后将反斜杠改为正斜杠，也不要后缀名。如pages\demo1\demo
阅读全文
posted @
2020-11-16 20:47
周文豪
阅读(446)
推荐(0) 编辑
微信小程序：事件绑定（bindtap和catchtap的区别）
摘要：一、事件介绍 小程序中绑定事件，通过bind关键字来实现。如bindinput，bindtap(绑定点击事件)，bindchange等。 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数
阅读全文
posted @
2020-11-16 09:24
周文豪
阅读(3305)
推荐(0) 编辑
微信小程序：条件渲染wx：if和hidden
摘要：一、条件渲染：wx:if,wx:elif,wx:else 花括号中的true或false可以改成变量从而来动态显示。 二、hidden 只显示hidden2 当标签不是频繁切换显示（控制是否渲染到页面）的时候使用wx:if,当标签频繁的切换显示的时候使用hidden（已经渲染到页面，只是控制是否显示
阅读全文
posted @
2020-11-15 21:29
周文豪
阅读(669)
推荐(0) 编辑
微信小程序：block标签
摘要：代码中存在block标签，但是渲染的时候会移除掉。 例子： 如果将view改为block： 当你要渲染某些数据时，如果不想额外的加一层外边的标签，此时可以使用block标签来进行占位。
阅读全文
posted @
2020-11-15 20:47
周文豪
阅读(2835)
推荐(0) 编辑
微信小程序：列表渲染
摘要：wx:for,（wx:for-item,wx:for-index）,wx:key. 列表循环包括数组循环和对象循环 一、数组循环 此时控制台报错如下：属性“wx:key”可以提高性能。 Wx:key=”唯一的值”，数组中对象的唯一属性，如id；如果是普通数组，则用*this表示循环项。 此时控制台没
阅读全文
posted @
2020-11-15 20:38
周文豪
阅读(825)
推荐(0) 编辑
微信小程序：数据绑定
摘要：data中的数据不仅仅可以当成文本来显示，还可以当成属性来显示。 注意：属性值要用单引号或双引号引起来。 在微信开发者工具的控制台中点击Wxml会看到 使用Boolean类型充当属性的时候，字符串和花括号之间一定不要存在空格，否则会导致识别失败。
阅读全文
posted @
2020-11-15 20:18
周文豪
阅读(128)
推荐(0) 编辑
管理