Tsunami黄嵩粟 - 博客园

2021年8月22日

摘要：引用(包含) 把模板定义到外部，然后多个页面间可以共用使用定义的模板WXML结构显示。 https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html WXML 提供两种文件引用方式import和include 阅读全文

posted @ 2021-08-22 17:24 Tsunami黄嵩粟阅读(189) 评论(0) 推荐(0)

视图结构 wxml 列表渲染 for

摘要： WXML是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。 wxml是一个严格的标记性语言，有开始就必须有结束，单标签就一个有结束符 5.1、数据绑定在js逻辑层中定义数据源，在wxml通过插值表达式调用定义好的数据源中数据可以在初始化后，通过一个setData方法来进行后阅读全文

posted @ 2021-08-22 17:16 Tsunami黄嵩粟阅读(117) 评论(0) 推荐(0)

小程序的文件结构及配置小程序配置 app.json

摘要：程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：文件必填作用 app.js 是小程序逻辑-小程序入口文件 app.json 是小程序公共配置文件 app.wxss 否小程序公共样式表一个小程序page页阅读全文

posted @ 2021-08-22 17:10 Tsunami黄嵩粟阅读(273) 评论(0) 推荐(0)

小程序

摘要：小程序是什么官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ 微信小程序，简称小程序，英文名 MiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用阅读全文

posted @ 2021-08-22 01:23 Tsunami黄嵩粟阅读(2052) 评论(0) 推荐(0)

真实上线

摘要：第1步：需要在开发项目中 npm run build 就会多一个build目录上线到真实服务器先打包压缩build文件现在nginx上面创建目录 mkdir 在根目录下面创建再造一个前端目录 web pwd显示路径前端node代码也压缩再创建node文件目录通过filezilla软件来进阅读全文

posted @ 2021-08-22 01:13 Tsunami黄嵩粟阅读(42) 评论(0) 推荐(0)

2021年8月21日

react redux-saga

摘要： https://redux-saga-in-chinese.js.org/ redux-saga是一个用于管理redux应用异步操作的中间件，redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理，可以用来代替redux-thunk中间件。 reducer负责处理action 阅读全文

posted @ 2021-08-21 20:14 Tsunami黄嵩粟阅读(40) 评论(0) 推荐(0)

react Hook

摘要： https://react.docschina.org/docs/hooks-intro.html Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 import React, { useState } from 阅读全文

posted @ 2021-08-21 19:50 Tsunami黄嵩粟阅读(25) 评论(0) 推荐(0)

react 数据请求分层

摘要：封装一个接口请求类数据模型请求uri配置设置数据统一存储于redux中，在本项目中创建一个store目录，此目录中就是redux仓库源定义仓库入口 reducer methods方法 action操作组件中连接redux数据，高阶组件组件使用阅读全文

posted @ 2021-08-21 19:46 Tsunami黄嵩粟阅读(96) 评论(0) 推荐(0)

react mock数据

摘要：为什么要做假数据，因为后端开发接口没有哪么快，此时就需要自己来模拟请求数据。模拟的数据字段，需要和后端工程师沟通。创建所需数据的json文件 json-server 此命令可以帮助我们快速创建一个web服务 npm i -g json-server 启动json文件使用配置文件来启动json- 阅读全文

posted @ 2021-08-21 19:43 Tsunami黄嵩粟阅读(133) 评论(0) 推荐(0)

react移动端组件antd-mobile

摘要：使用react移动端组件antd-mobile完成底部导航功能实现。官网：https://mobile.ant.design/docs/react/introduce-cn antd-mobile 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。安装 npm 阅读全文

posted @ 2021-08-21 19:39 Tsunami黄嵩粟阅读(2470) 评论(0) 推荐(0)