weapp mark

Отметка

Это чисто развлекательный и обучающий проект. Я время от времени записываю проблемы и идеи, возникающие во время разработки, и время от времени обновляю его. Если у вас есть какие-либо предложения, сообщите мне (проблемы). Проект имеет свои инкапсулированные компоненты, которые можно просмотреть в структуре проекта.

Все данные о фильмах и телевидении предоставляются Douban API. В настоящее время бесплатный интерфейс поиска Douban не доступен. Предоставленный мной интерфейс развернут в Vercel. Его нельзя добавить в бэкэнд WeChat без регистрации. Проект также предоставляет для использования фиктивные данные. Функции личностного развития мини-программы слишком ограничены и не могут быть запущены в полной мере. Если хотите, вы можете клонировать проект и запустить его самостоятельно.

? Опыт сканирования

? Филиалы

1. main - Используя облачную разработку мини-программ WeChat, можно разработать полную мини-программу без какого-либо фона.
2. master — фоновый сервис поддерживается облачным сервисом LeanCloud.
3. cdn-ui — без поддержки фоновых сервисов, все статические JSON-файлы личных блогов используют HTTP-запросы.

Интеллект-карта онлайн

Что следует отметить:

Чтобы использовать пользовательский компонент Компонент, базовая версия библиотеки мини-программы должна быть выше 1.6.3;

Чтобы использовать wxParse, базовая версия библиотеки мини-программы должна быть 1.6.6 или выше.

Простая двусторонняя привязка мини-программ, библиотека мини-программ базовой версии 2.9.3 и выше

? Функции

• Облачная функция реализует вход в WeChat
• Запланированные задачи облачной функции реализуют ежедневные карты
• Запрос агрегации облачных функций реализует сбор карточек
• Макет таблицы с несколькими столбцами в виде сетки
• Макет сетки реализует каскадный поток
• Облачная функция сканирует GitHub
• О фоновом воспроизведении звука на странице
• Используйте шаблон и компонент соответственно для реализации общедоступных компонентов.
• Анимация свойств CSS3

? Нормы поведения

Спустя долгое время я забыл, какие спецификации, которые я установил для себя ранее, привели к тому, что код стал очень противоречивым. Могу ли я создать резервную копию спецификаций проекта для себя?

CODE_OF_CONDUCT.md

? Бегать

Клонируйте этот проект и используйте инструмент веб-разработки WeChat, чтобы открыть корневой каталог проекта.

Установить зависимости

yarn # or npm install

Инструменты строки меню -> Сборка npm

Облачная среда разработки

После открытия облачной среды разработки синхронизируйте проект /cloudfunctions/ с облаком (см. Инициализация облачной среды разработки) и измените app.js

 wx . cloud . init ( {
  traceUser : true ,
  env : 'dev-oucwt' // 此处替换为你自己的云环境 ID
} ) ;

Примечание. Отладку необходимо включать при предварительном просмотре среды разработки на реальной машине.

Мок API

Обратитесь к официальной документации API Mock/Rules для импорта и экспорта, а также импортируйте макетock/mock.config.json. Возможность Mock, предоставляемая инструментами разработки, в настоящее время не поддерживает предварительный просмотр для мобильных устройств.

Примечание. Если у вас нет AppID, возможно, вы не сможете увидеть данные и просмотреть их на своем телефоне. Инструментам разработки необходимо отключить проверку безопасных доменных имен. Панель инструментов --> Подробности --> Настройки проекта --> Установите флажок Не проверять безопасные доменные имена... и сертификаты HTTPS .

?ПримечанияПримечания

Vercel размещает Next для реализации GitHub Trending API

Мини-программа использует IconFont

Случай таблицы (коллекции) ассоциации разработки облака

Мысли при написании проекта

Обратите внимание при написании

Мини-программа использует внешние шрифты

Мини-программа с пользовательской оценочной реализацией компонента-tempalte (точность 0,1)

Компонент пользовательской оценки мини-программы — реализация компонента (точность 0,1)

? СтруктураСтруктура

 ├── apis
├── assets
├── components  组件化 Component
│    ├── cover-page 可下拉关闭的半屏组件
│    ├── pre-image 图片预加载
│    ├── rating 评分
│    └── tabs
├── cloudfunctions
├── pages
│    └── common  模板 template
│        ├── actionsheet 操作菜单
│        ├── cell 列表单元
│        ├── dropmenu 下拉菜单
│        ├── loading 加载/加载更多
│        ├── rating  评分
│        ├── share 底部分享菜单
│        ├── wxParse  富文本、HTML 和 MD 解析，小程序基础版本库 1.6.6 及以上
│        └── component.js  wux 针对 template 的组件化，写得挺好，借鉴一下
├── style
│    ├── weui.wxss
│    ├── animate.wxss CSS 动画
│    └── font-awesome.min.wxss Font Awesome 字体图标
├── utils
│    └── wxCloud.js 云函数二次封装
├── app.js
├── app.json
└── app.wxss

Болевые точки

• Мини-программы не поддерживают глобальные компоненты и требуют, чтобы компоненты были представлены на каждой странице. Например, настройка глобального поля подсказки.

? Ссылка

1. Официальный стиль пользовательского интерфейса WeChat
2. Анализ форматированного текста, HTML и Markdown wxParse
3. Пользовательский компонент wux для шаблона
4. Облачный сервис LeanCloud обеспечивает фоновую поддержку
5. Среда разработки облачных сервисов (официальная)
6. Мини программное решение (официальное)