layout	title	tags
post	GitHub 精选开源项目周刊第4期	每周精选

大家好，我是你们的章鱼猫。今天推送的是 GitHub 精选开源项目推荐周刊第 4 期，周刊内推荐的项目来自 GitHub 精选公众号粉丝的自荐，我们希望能够帮助更多的同学更好的开发和推广开源项目。

快点查查——微信小程序

项目介绍：

该小程序借助了腾讯位置、高德地图、和风天气、一言等提供的 API 服务。通过这类第三方服务接口，来为用户快速定位附近的公交、地铁、公厕、学校、景点、美食等任何关键信息，同时提供了天气查询、天气舒适度建议。另外附加了一点文学气息：页面刷新会显示随机经典古诗句哦！

功能描述:

1.快速定位附近的公交、地铁、公厕、学校、景点、美食、网咖等信息，并且提供文字导航和语音导航

2.实时查询当前位置的天气情况，并且提供穿衣指南、健身指南等温馨提示

3.页面刷新后会随机显示景点古诗词，还可以用来涨知识呢

扫描如下二维码试用

**项目地址：**https://github.com/tomato-cc/wxmap

**项目作者：**https://github.com/tomato-cc

react-visual-editor 可视化拖拽工具

项目介绍：

项目基于 React 组件之间的原始约束设计，不会添加多余 dom 节点，以组件可视化拖拽，嵌套形式，完全还原真实开发中页面代码的实现过程，组件可以自由拖拽嵌套，配合dom树与设计面板的实时交互，实现组件实时追踪，使设计面板快速响应你对组件的操作，所见即所得，可以完美还原 UI 设计搞，并支持多款型号手机（可配置），和 PC 效果展示，模板功能可以使你分享你的页面或者页面中局部任何部分组件组合，减少相似页面的重复操作，可以选择以 React 源码生成的形式生成页面代码，也可以以 JSON 动态更新的形式实现 noCode。

功能描述：

项目支持的功能特别多和全面。

现有功能描述
- 任意拖拽嵌套：通过组件预览面板拖拽组件，到设计面板实现任意嵌套，或者拖拽到DomTree中指定容器节点，DomTree与设计面板中的组件也可随意拖拽嵌套
- 实时预览：设计面板中会实时展示组件的属性效果和样式效果，并且与真实页面无异，所见即所得
- DomTree展示：页面组件dom树的展示并实现组件dom实时追踪
- 可视化属性配置：结合React 特性和JS语法定制了可视化的组件属性配置，实现复杂数据结构的可视化配置
- 可视化样式配置：通过样式配置面板修改样式，实时在页面中显示样式效果
- 模板功能：可以选中局部或者整个页面做为可复用的模板，提高页面配置效率减少重复工作
- 组件约束：根据组件特性，可以配置组件的父组件约束与子组件约束，解决组件间的错误嵌套和报错
- 预览与代码生成：可随时预览页面的真实效果，和页面的jsx代码与样式代码
- 多平台支持 ：支持PC与移动端多型号设配切换展示
- 组件库替换：通过简单的配置可以对接任何React组件库
新版功能(增加功能)
- 组件调用方式：新版重构为react组件，可以简单的集成到任何项目中
- 辅助线展示：添加辅助线展示方便查看组件位置
- 边距查看：选中组件与hover组件之间各边的距离实时展示，方便UI还原
- 选中组件拖拉改变大小：选中的组件支持拖拉修改组件的宽高
- 可视化样式配置：通过样式配置面板修改样式，实时在页面中显示样式效果