東₂₀₂₃²⁰²³

微信小程序自定义组件实现缩略图和原图分离及可缩放效果

问题现象：后端传到前端的数据显示到页面上为NaN问题分析：NaN的意思是非数字，由此可知解析的时候将非数字解析成了数字对数据及代码进行检查，后台返回的数据并不需要计算，而是直接绑定到页面上即可<view> <text>服务器时间</text> <text>{{serverinfo.server-time}}</text></view>再次分析数据绑定代码， {{serverinfo.server-time}}

实现思路：微信小程序的默认标题栏只显示页面标题，并由json文件中的navigationBarTitleText参数设定，这里就状态栏、标题栏及胶囊菜单说明一下。状态栏，这部分由设备决定，不同的设备这部分的布局是不同的标题栏，默认就是页面对应json文件中的navigationBarTitleText的直胶囊菜单 ，系统默认，不可删除【划重点】小程序的自定义导航部分实际上是对状态栏及标题栏部分的占用位置不作默认填充，换句话说就是直接由设备顶部（top:0,left:0）开始渲染你的wxml。

目录基础思考动手自定义页面结构渲染页面样式绑定事件转为组件创建组件所需的目录及页面复制组件内容声明组件js转换使用引入组件使用组件基础参考：小程序开发文档-自定义组件小程序开发文档-Component 构造器在不考虑第三方自定义插件的基础上完成此开发思考组件其实可以理解为抽取的一个公共模块，它取之于页面，又用之于页面，我们首先将需要组件在一个页面中完整实现（html，css，js）页面某一块儿被抽取公共模块需要考虑数据的传导。在页面中完成样式调整的时候部分样式是否对当前页面有依赖，作为组

问题：开发工具开发完成后真机调试按钮出现问题（其他问题参考解决思路）1. 发现问题先来对比一组图上图左侧为模拟器上的效果，按钮横向排列，右侧为垂直排列。2. 分析问题看一下控制按钮的样式（已设置其父dom宽度100%）：.todolist-button button{ width: 15%; margin-left: 5%; padding: 0; m...

环境： 微信小程序首先看一下官方资料：引入css：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html#%E6%A0%B7%E5%BC%8F%E5%AF%BC%E5%85%A5引入js：https://developers.weixin.qq.com/miniprogram/de...