计算机魔术师的blog

我们可以自定义配置文件可以tarBar节点配置好完整属性，在创建自定义文件，编写代码，然后将我们刚刚配置的list节点放入的index.js的data中在index.wxml通过循环遍历改list数据实现效果，这种流程有几个好处在版本不兼容时等一些特殊情况，还是能基本显示效果，不用同时两处配置，在app.json节点配置list复制到index.js的datahttps。.........

获取列表数据，渲染列表数据结构到页面，美化样式，下拉刷新请求数据（ 经典参数：请求数据关键字、页码数、每页数据量、其他属性等， 经典接口返回数据：状态meta(是否查询成功）、所含数据总数、）下拉刷新节流阀上拉刷新重新加载数据为列表项添加链接......

主要是有三种方式进入到商品页面商品楼层点击（传参query查询)分类页面点击（传参cid分类）搜索页面点击（传参query查询）添加商品页面编译模式在component文件下创建my_goods组件将对应结构和样式迁移过去............

保存历史记录到本地由于每次编译都会被清空，所以我们需要保存记录到本地缓存在 初始化 导入本地数据效果四、按下trash键清空历史绑定事件处理函数函数定义效果五、点击搜索历史跳转到商品详情页每个标签绑定事件定义事件函数效果.........

使用uni-app官方搜索组件可快速搭建 输入框通过官方组件提供的搜索组件以及自定义结构如下效果：设置背景方法二（在官方组件内设置）在找到官方组件效果（一样）二、 input事件处理在input组件中，输入的值都在对该函数所传的参数中（不是e.value，官方将input事件绑定事件结构为value值）三、搜索框自动获取焦点实现在用户点击搜索框 跳转到搜索页面时，搜索框自动获取焦点（可输入）可以看到，每次输入键入一次数据都会触发一次input请求，我们设置在五百毫秒内用户......

对于搜索图标，uni官方给我们了相应的组件这些官方组件都放在了文件uni_modules目录下了，直接使用即可样式效果：在滑动三级分类时，会发现显示的不完整，且此时搜索框是会可以被滑动，这是因为我们在scroll-view滑动组件中设置的高度是手机可用的高度，而此时搜索框组件占用了一部分高度，对应的，底部也会减少一部分高度，所以我们在设置其滑动组件高度时可以减去搜索框对应使用高度各个高度如下成功解决通过自定义属性增强组件的通用性（自定义背景颜色，圆角程度）在组件中动态绑定style，

在上文 【小程序项目开发 – 京东商城】uni-app 商品分类页面（上）5.1 章节接口数据格式可以看到，我们的数据，在一级分类下，存贮了二级分类，二级分类又存贮了三级分类，嵌套存贮。请求数据时在函数为其赋值（默认为第一个数据，动态数据变化在在active激活项函数也对其进行动态数据绑定效果：样式效果：注意：在样式image组件的属性mode尽量不要使用，样式会很难调整样式效果：注意：对scrollTop 赋值前后值不变情况 下会没有效果，如果默认值为0，函数

之所以为了创建分支，也是养成良好的项目开发习惯，这样在开放项目井井有条也可以跳过本节内容，不影响阅读观感🌹查看分支（前面有*代表着当前分支）由于我们要开发的是cate 页面，所以我们将小程序编译模式修改启动页面 在cate，这样就不用每次都需要点击跳转了三、API获取手机型号等数据我们需要将整个scroll-view 的高度和手机屏幕高度一样，我们可以调用API,得到该手机设备的信息（如手机型号）注意：是可使用的窗口高度，而不是屏幕高度（包括navigationbar和tarbar）.

效果图：一、效果图：二、数据获取:三、UI 界面渲染四、跳转到商品页4.1、处理接口URL地址五、配置页面组件navigator跳转页面六、分支合并与提处理URl链接则使用循环他与for区别在于 （for&forEach文章讲解 & 箭头函数）两者最大的区别成功修改接受页面参数，并渲染为窗口标题在goods_list.vue文件中六、分支合并与提交（选读*）将本地home分支合并到master分支代码推送到远程仓库删除分支git bran

在main.js 项目入口文件中，为挂载一个 方法，表示自定义挂载函数在函数上是赋值 用 在函数内穿的是一个字典，里面赋值是将封装好的代码 用于home页面，二、获取分类导航数据在data节点定义 数据在method 定义调取数据函数在生命周期函数onload调用函数调取成功在需要循环标签的属性节点需要在前面加上 提示后面的是变量或变量表达式开发中可将页面复制到分栏，进行样式与结构开发前情提要：由于需要对其选项判断是否为分类选项，所以不能.....................

之所以为了创建分支，也是养成良好的项目开发习惯，这样在开放项目井井有条也可以跳过本节内容，不影响阅读观感🌹查看分支（前面有*代表着当前分支）请参考 @escook/request-miniprogram 的官方文档进行安装、配置、使用官方文档：按照官方流程，我们首先安装对应包，使用命令行工具cmd进入到项目根目录下 进行初始化一个文件复制官网的导入命令输入在入口文件进行相关配置导入对应包并进行挂载，以及定义 响应拦截器和请求响应器(在uni-app开发中，尽量都是以uni作为顶级对象）.

与pages节点同级位置注意！：配置好了节点一定要保存，保存后在创建页面选项才有 分包选项分包根目录创建 页面文件创建成功

uni-app开发之配置tabBar新建tabBar分支（选读）查看分支（前面有*代表着当前分支）在HBuilderX 依次创建页面放入我们的（存放静态资源文件，如我们需要的图标）文件，替换源目录的文件修改根目录的 配置文件，新增节点tabBar配置如下：........................

uni-app安装&配置 HBuilderX scss插件下载 项目搭建 编译配置 git管理 Gitee托管服务重要文件解读> 🎏**components** -- uni-app组件目录> 🎏**pages** -- 存放页面> 🎏**static** -- 静态资源，如图像，视频等> 🎏**App.vue**-- App的全局配置文件，生命周期函数等（在小程序中相当于把app.js分成了两个文件,关于app的配置，如生命周期等都在app.vue,其他则在main.js> 🎏**.....

小程序中的组件是由宿主环境提供的，开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了 9 大类，分别是：- **① 视图容器****② 基础内容****③ 表单组件****④ 导航组件**⑤ 媒体组件⑥ map 地图组件⑦ canvas 画布组件⑧ 开放能力⑨ 无障碍访问视图容器类组件view组件scroll-viewswiper和swiper-item基础内容组件textrich-text......

入门级文章 从介绍_注册账号_安装开发工具_文件讲解_代码构成构成 到宿主环境，超级详细！这里主要讲解文件最重要的部分 >🎏pages 存放页面的文件>🎏utils 存放工具性质的模块（脚本文件，如wxs脚本过滤文件）>🎏app.js 小程序的入口文件>🎏 app.json 小程序的全局配置（配置窗口样式版本，窗口路径,tabBar导航条等）>🎏app.wxss 小程序的全局样式>🎏project.config.json 小程序的项目配置>...................