Skip to content

C
Coding Tree

檀越@新空间 / Coding Tree

通知 2
Star 0
Fork 0
C
Coding Tree
提交 040adad3 编写于 作者: 彭世瑜's avatar 彭世瑜
浏览文件
操作

fix

上级 e9fb9468
隐藏空白更改
内联 并排
Showing with 175 addition and 128 deletion
doc/miniprogram.md
浏览文件 @ 040adad3
......@@ -2,40 +2,79 @@
[微信官方文档-微信小程序](https://developers.weixin.qq.com/miniprogram/dev/framework/)
[wechat-miniprogram](https://github.com/wechat-miniprogram)
[微信小程序开发资源汇总](https://github.com/justjavac/awesome-wechat-weapp)
[小程序扩展组件库](https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/component-plus/)扩展组件是对小程序内置组件能力的补充，包括一些常见的功能组件，持续补充中。
[稀土掘金-微信小程序](https://juejin.cn/tag/微信小程序)
[kbone](https://wechat-miniprogram.github.io/kbone/docs/) 一个致力于微信小程序和 Web 端同构的解决方案。
[awesome-wechat-weapp](https://github.com/justjavac/awesome-wechat-weapp) ![](https://img.shields.io/github/stars/justjavac/awesome-wechat-weapp.svg?style=social) 微信小程序开发资源汇总
## 开发框架
[uni-app](https://uniapp.dcloud.io/) | [github](https://github.com/dcloudio/uni-app) ![](https://img.shields.io/github/stars/dcloudio/uni-app.svg?style=social) 一个使用 Vue.js 开发小程序、H5、App 的统一前端框架
[WePY](https://github.com/Tencent/wepy) ![](https://img.shields.io/github/stars/Tencent/wepy.svg?style=social) 一款让小程序支持组件化开发的框架
[mpvue](https://mpvue.com/) [github](https://github.com/Meituan-Dianping/mpvue) ![](https://img.shields.io/github/stars/Meituan-Dianping/mpvue.svg?style=social) 一个使用 Vue.js 开发小程序的前端框架。
[kbone](https://wechat-miniprogram.github.io/kbone/docs/) | [github](https://github.com/Tencent/kbone) ![](https://img.shields.io/github/stars/Tencent/kbone.svg?style=social) 一个致力于微信小程序和 Web 端同构的解决方案。
[Vue Mini](https://vuemini.org/guide/)| [github](https://github.com/vue-mini/vue-mini) ![](https://img.shields.io/github/stars/vue-mini/vue-mini.svg?style=social) 是一个基于 Vue 3 的小程序开发库，它能让你用 Composition API 写小程序。
## UI 组件库
[Vant Weapp](https://vant-contrib.gitee.io/vant-weapp/) | [github](https://github.com/vant-ui/vant-weapp) ![](https://img.shields.io/github/stars/vant-ui/vant-weapp.svg?style=social) 有赞前端团队开源,轻量、可靠的小程序 UI 组件库
[iView Weapp](https://github.com/TalkingData/iview-weapp) ![](https://img.shields.io/github/stars/TalkingData/iview-weapp.svg?style=social) 一套高质量的微信小程序 UI 组件库
[Lin UI](https://doc.mini.talelin.com/) | [github](https://github.com/TaleLin/lin-ui) ![](https://img.shields.io/github/stars/TaleLin/lin-ui.svg?style=social) Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。
[uView UI](https://www.uviewui.com/) | [github](https://github.com/umicro/uView2.0) ![](https://img.shields.io/github/stars/umicro/uView2.0.svg?style=social)是全面兼容 nvue 的 uni-app 生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水
## 开发资源
[Vant Weapp](https://vant-contrib.gitee.io/vant-weapp/): 有赞前端团队开源,轻量、可靠的小程序 UI 组件库
[wechat-miniprogram](https://github.com/wechat-miniprogram)
[megalojs](https://megalojs.org/)
[weapp-qrcode](https://github.com/tomfriwel/weapp-qrcode) ![](https://img.shields.io/github/stars/tomfriwel/weapp-qrcode.svg?style=social) 微信小程序生成二维码工具
[mpvue](https://mpvue.com/): 一个使用 Vue.js 开发小程序的前端框架。
[Vue Mini](https://vuemini.org/guide/) 是一个基于 Vue 3 的小程序开发库，它能让你用 Composition API 写小程序。
[miniprogram-computed](https://github.com/wechat-miniprogram/computed)![](https://img.shields.io/github/stars/wechat-miniprogram/computed.svg?style=social) 小程序自定义组件扩展 behavior，计算属性 computed 和监听器 watch 的实现。在 data 或者 properties 改变时，会重新计算 computed 字段并触发 watch 监听器。
[weapp-qrcode](https://github.com/tomfriwel/weapp-qrcode) 微信小程序生成二维码工具
[mobx-miniprogram-bindings](https://github.com/wechat-miniprogram/mobx-miniprogram-bindings) ![](https://img.shields.io/github/stars/wechat-miniprogram/mobx-miniprogram-bindings.svg?style=social) 小程序的 MobX 绑定辅助库
[echarts-map](https://github.com/mouday/echarts-map) 包含 echarts 用到的 map 地图文件
[Day.js](https://day.js.org/zh-CN/) | [github](https://github.com/iamkun/dayjs/) ![](https://img.shields.io/github/stars/iamkun/dayjs.svg?style=social) Moment.js 的 2kB 轻量化方案，拥有同样强大的 API
[uni-app](https://uniapp.dcloud.io/) | [github](https://github.com/dcloudio/uni-app) 一个使用 Vue.js 开发小程序、H5、App的统一前端框架
[wxa-plugin-canvas](https://github.com/jasondu/wxa-plugin-canvas) ![](https://img.shields.io/github/stars/jasondu/wxa-plugin-canvas.svg?style=social) 小程序海报组件-生成朋友圈分享海报并生成图片
[uView UI](https://www.uviewui.com/): 是全面兼容nvue的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水
[wxml-to-canvas](https://github.com/wechat-miniprogram/wxml-to-canvas) ![](https://img.shields.io/github/stars/wechat-miniprogram/wxml-to-canvas.svg?style=social) 小程序内通过静态模板和样式绘制 canvas ，导出图片，可用于生成分享图等场景
[mp-html](https://github.com/jin-yufeng/mp-html) ![](https://img.shields.io/github/stars/jin-yufeng/mp-html.svg?style=social) 一个强大的小程序富文本组件
[echarts-for-weixin](https://github.com/ecomfe/echarts-for-weixin) ![](https://img.shields.io/github/stars/ecomfe/echarts-for-weixin.svg?style=social) 是 Apache ECharts (incubating) 的微信小程序版本
[echarts-map](https://github.com/mouday/echarts-map) ![](https://img.shields.io/github/stars/mouday/echarts-map.svg?style=social) 包含 echarts 用到的 map 地图文件
## 开源项目
[wechat-app-mall](https://github.com/EastWorld/wechat-app-mall) ![](https://img.shields.io/github/stars/EastWorld/wechat-app-mall.svg?style=social) 微信小程序商城
[Gitter](https://github.com/nslogx/Gitter) ![](https://img.shields.io/github/stars/nslogx/Gitter.svg?style=social) GitHub 微信小程序客户端(Taro 框架 + Taro UI)
[winxin-app-watch-life.net](https://github.com/iamxjb/winxin-app-watch-life.net) ![](https://img.shields.io/github/stars/iamxjb/winxin-app-watch-life.net.svg?style=social) 微慕小程序开源版-WordPress 版微信小程序
[小程序扩展组件库](https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/component-plus/)扩展组件是对小程序内置组件能力的补充，包括一些常见的功能组件，持续补充中。
[wxml-to-canvas](https://github.com/wechat-miniprogram/wxml-to-canvas):小程序内通过静态模板和样式绘制 canvas ，导出图片，可用于生成分享图等场景
[taro-music](https://github.com/lsqy/taro-music) ![](https://img.shields.io/github/stars/lsqy/taro-music.svg?style=social) 基于 taro + taro-ui + redux + react-hooks + typescript 开发的网易云音乐小程序
[miniprogram-computed](https://github.com/wechat-miniprogram/computed) 小程序自定义组件扩展 behavior，计算属性 computed 和监听器 watch 的实现。在 data 或者 properties 改变时，会重新计算 computed 字段并触发 watch 监听器。
[Bee](https://github.com/woniudiancang/bee) ![](https://img.shields.io/github/stars/woniudiancang/bee.svg?style=social) 是一个餐饮点餐商城微信小程序
[mobx-miniprogram-bindings](https://github.com/wechat-miniprogram/mobx-miniprogram-bindings) 小程序的 MobX 绑定辅助库
[Day.js](https://day.js.org/zh-CN/) Moment.js 的 2kB 轻量化方案，拥有同样强大的 API
[weapp-library](https://github.com/imageslr/weapp-library) ![](https://img.shields.io/github/stars/imageslr/weapp-library.svg?style=social) 一个在线借书平台微信小程序
[Lin UI](https://doc.mini.talelin.com/) Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。
\ No newline at end of file
[Garbage](https://github.com/qi19901212/Garbage) ![](https://img.shields.io/github/stars/qi19901212/Garbage.svg?style=social) 一个使用小程序云开发的垃圾分类小程序
index.html
浏览文件 @ 040adad3
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<head>
<meta charset="UTF-8" />
<title>Coding Tree</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="编程学习路上的笔记与知识整理收集">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="icon" href="img/logo-icon.png">
<meta name="description" content="编程学习路上的笔记与知识整理收集" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<link rel="icon" href="img/logo-icon.png" />
<link rel="stylesheet" href="static/js/vue@4.12.2.min.css">
<link rel="stylesheet" href="static/js/vue@4.12.2.min.css" />
<style>
/* 文字大小 */
body {
font-size: 16px;
}
/* 代码区域文字大小 */
.markdown-section>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) code {
font-size: 0.9rem;
}
.sidebar ul li a {
font-size: 14px;
}
:root {
--toc-width: 300px;
}
/* 左侧导航 */
.sidebar {
width: 220px;
}
/* 更新时间 */
.last-update-time-wrap {
padding: 20px 0;
}
.last-update-time {
border-left: 4px solid var(--theme-color, #42b983);
color: #858585;
margin: 2em 0;
padding-left: 20px;
}
/* 右侧目录 */
.page_toc {
margin-top: 20px;
max-height: calc(100vh - 100px);
overflow-y: auto;
/* height: 100px; */
}
.page_toc::-webkit-scrollbar {
width: 4px
}
.page_toc::-webkit-scrollbar-thumb {
background: 0 0;
border-radius: 4px
}
.page_toc:hover::-webkit-scrollbar-thumb {
background: hsla(0, 0%, 53.3%, .4)
}
.page_toc:hover::-webkit-scrollbar-track {
background: hsla(0, 0%, 53.3%, .1)
}
/* 文字大小 */
body {
font-size: 16px;
}
/* 代码区域文字大小 */
.markdown-section
> :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)
code {
font-size: 0.9rem;
}
.sidebar ul li a {
font-size: 14px;
}
:root {
--toc-width: 300px;
}
/* 左侧导航 */
.sidebar {
width: 220px;
}
/* 更新时间 */
.last-update-time-wrap {
padding: 20px 0;
}
.last-update-time {
border-left: 4px solid var(--theme-color, #42b983);
color: #858585;
margin: 2em 0;
padding-left: 20px;
}
/* 右侧目录 */
.page_toc {
margin-top: 20px;
max-height: calc(100vh - 100px);
overflow-y: auto;
/* height: 100px; */
}
.page_toc::-webkit-scrollbar {
width: 4px;
}
.page_toc::-webkit-scrollbar-thumb {
background: 0 0;
border-radius: 4px;
}
.page_toc:hover::-webkit-scrollbar-thumb {
background: hsla(0, 0%, 53.3%, 0.4);
}
.page_toc:hover::-webkit-scrollbar-track {
background: hsla(0, 0%, 53.3%, 0.1);
}
img {
vertical-align: middle;
}
</style>
</head>
</head>
<body>
<body>
<div id="app">Please wait...</div>
<script>
window.$docsify = {
name: 'Coding Tree',
loadSidebar: true,
// 导航栏
loadNavbar: true,
// loadNavbar: true,
repo: 'mouday/coding-tree',
alias: {
'/.*/_sidebar.md': '/_sidebar.md'
},
//搜索插件
search: {
placeholder: '搜索',
noData: '没有结果！',
},
// 显示更新时间
timeUpdater: {
// text: ">最后更新时间: {docsify-updated}",
text: "<div class='last-update-time-wrap'><div class='last-update-time'>最后更新时间: {docsify-updated}</div></div>",
formatUpdated: "{YYYY}-{MM}-{DD} {HH}:{mm}",
},
// 目录
toc: {
scope: '.markdown-section',
headings: 'h1, h2, h3, h4, h5, h6',
title: '目录',
},
// 解决本地缓存不更新问题
requestHeaders: {
'cache-control': 'no-cache',
},
}
window.$docsify = {
name: "Coding Tree",
loadSidebar: true,
// 导航栏
loadNavbar: true,
// loadNavbar: true,
repo: "mouday/coding-tree",
alias: {
"/.*/_sidebar.md": "/_sidebar.md",
},
//搜索插件
search: {
placeholder: "搜索",
noData: "没有结果！",
},
// 显示更新时间
timeUpdater: {
// text: ">最后更新时间: {docsify-updated}",
text: "<div class='last-update-time-wrap'><div class='last-update-time'>最后更新时间: {docsify-updated}</div></div>",
formatUpdated: "{YYYY}-{MM}-{DD} {HH}:{mm}",
},
// 目录
toc: {
scope: ".markdown-section",
headings: "h1, h2, h3, h4, h5, h6",
title: "目录",
},
// 解决本地缓存不更新问题
requestHeaders: {
"cache-control": "no-cache",
},
};
</script>
<script src="static/js/docsify@4.12.2.min.js"></script>
......@@ -137,8 +143,7 @@
<!-- 下载地址 -->
<!-- https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js -->
<link rel="stylesheet" href="static/js/toc.css">
<link rel="stylesheet" href="static/js/toc.css" />
<script src="static/js/toc.js"></script>
</body>
</html>
\ No newline at end of file
</body>
</html>
weekly/2.md
浏览文件 @ 040adad3
......@@ -24,6 +24,9 @@
- https://mp.weixin.qq.com/s/CdGtieHRM6liPoaNUQxQJA
盘点12个yyds的微信小程序开源项目
- https://mp.weixin.qq.com/s/jrPAVeTEFoe_rJvjDGL0Wg
## 后端
SpringBoot 接口数据加解密技巧，so easy!
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或