高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年微信笔记小程序工具(实用3篇)

微信笔记小程序工具 第1篇

小程序根目录下的 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象

下面介绍一下常用的配置选项

用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理

有多少个页面,此处就应该有多少个选项数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。

==开发小技巧==

直接在pages选项中写页面路径,即可创建相应的页面

默认项目如图所示

用于设置小程序的状态栏、导航条、标题、窗口背景色。

默认小程序展示如下

修改之后展示如下

各种属性展示示意图如下

如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象,其属性值如下:

其展示形式如下图所示

修改相应的图片名字如下

2、项目目录下创建resource文件夹,将图片放置进去

3、中配置底部选项卡

调整首页为第一个页面 --- 初始化页面

展示形式如下

各类网络请求的超时时间,单位均为毫秒。

可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以 info 的形式给出,其信息有 Page 的注册,页面路由,数据更新,事件触发等。可以帮助开发者快速定位一些常见的问题

插件所有者小程序需要设置这一项来启用插件功能页

小程序接口权限相关设置。字段类型为 Object,结构为:

PermissionObject 结构为

代码如下

展示效果如下

指明 的位置;默认为 '' 即在 同级目录下名字的 文件

当小程序需要使用 接口跳转到其他小程序时,需要先在配置文件中声明需要跳转的小程序 appId 列表,最多允许填写 10 个。

微信笔记小程序工具 第2篇

创建自定义组件,接受一个 Object 类型的参数

比如在首页里需要一个产品列表的组件,可以自定义该组件

如何使用该组件呢?

在首页的pages/home/文件中注册组件

在首页的pages/home/中使用该组件,就像正常的标签一样使用

组件之间的传值在后续课程中会讲解

微信笔记小程序工具 第3篇

WXSS 具有 CSS 大部分特性,同时,WXSS 还对 CSS 进行了扩充以及修改,以适应微信小程序的开发。

与CSS相比,WXSS扩展的特性有:①rpx 尺寸单位;②@import 样式导入。

注意:rpx单位是微信独有的,是根据屏幕适配而自适应,比如我们以iphone6来说,一般 1px=2rpx。

七、小程序通信模型

小程序中通信的主体是渲染层和逻辑层,其中:WXML模板和WXSS样式工作在渲染层,jS脚本工作在逻辑层。

八、小程序运行机制

加载解析页面的 .json 配置文件 → 加载页面的.wxml 模板和wxss 样式 → 执行页面的 .js 文件,调用 Page() 创建页面实例 → 页面渲染完成。

猜你喜欢