《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的是一个由百度开源的低代码前端框架amis。 在经历了十几年的发展后，前端开发变得越来越复杂，门槛也越来越高，要使用当下流行的UI组件库，你必须懂npm、webpack、reactvue，必须熟悉ES6语法，最好还了解状态管理，比如Redux，如果没接触过函数式编程，光入门都很费劲，而入门之后会发现它还有巨大的生态，相关的库有2347个，很多功能相似，挑选成本高。 然而前端技术的发展不会停滞，等学完这些后可能会发现大家都用Hooks了、某个打包工具取代Webpack了。使用amis只需要简单配置就能完成所有页面开发，你不需要了解ReactVue、Webpack，甚至不需要很了解JavaScript，即便没学过amis也能猜到大部分配置的作用，对于大部分常用页面，应该使用最简单的方法来实现，甚至不需要学习前端框架和工具。 amis的亮点不需要懂前端：在百度内部，大部分amis用户之前从来没写过前端页面，也不会JavaScript，却能做出专业且复杂的后台界面，这是所有其他前端UI库都无法做到的；不受前端技术更新的影响：百度内部最老的amis页面是4年多前创建的，至今还在使用，而当年的AngularVueReact版本现在都废弃了，当年流行的Gulp也被Webpack取代了，如果这些页面不是用amis，现在的维护成本会很高；享受amis的不断升级：amis一直在提升细节交互体验，比如表格首行冻结、下拉框大数据下不卡顿等，之前的JSON配置完全不需要修改；amis内置大量组件，包括了富文本编辑器、代码编辑器、diff、条件组合、实时日志等业务组件，绝大部分中后台页面开发只需要了解amis就足够了；还可以通过自定义组件来扩充组件，实际上amis可以当成普通UI库来使用。 低代码可视化编辑器 amis的定位是一个低代码的前端框架，所以这里我们只介绍低代码部分，如果你想使用纯JSON配置来完成页面开发，那么请查看一下文档说明，当然你也可以使用90低代码10代码开发的混合模式，既提升了效率，又不失灵活性。注意： 1。目前amiseditor未开源，但可以免费使用（包括商用） 2。要使用编辑器必须熟悉React 1。在项目中使用amiseditor 安装依赖npmiamiseditor 使用方法import｛Editor｝fromamiseditor；render（）｛return（Editor｛。。。props｝）｝ 属性说明：value：any值，amis的json配置。onChange：（value：any）void。当编辑器修改的时候会触发。preview？：boolean是否为预览状态。autoFocus？：boolean是否自动聚焦第一个可编辑的组件。plugins插件类集合 2。添加自定义组件 加自定义编辑器的方式有两种：registerEditorPlugin注册全局插件。不注册，但是调用的时候时候通过plugins属性传入。 效果都一样，重点还是怎么写个Plugin，示例：import｛BasePlugin｝fromamiseditor；exportclassMyRendererPluginextendsBasePlugin｛rendererNamemyrenderer；暂时只支持这个，配置后会开启代码编辑器schemaschemasUnkownSchema。json；用来配置名称和描述name自定义渲染器；description这只是个示例；tag，决定会在哪个tab下面显示的tags〔自定义，表单项〕；图标iconfafauser；用来生成预览图的previewSchema｛type：myrenderer，target：demo｝；拖入组件里面时的初始数据scaffold｛type：myrenderer，target：233｝；右侧面板相关panelTitle自定义组件；panelControls〔｛type：tabs，tabsMode：line，className：mtnxs，contentClassName：noborderplnoneprnone，tabs：〔｛title：常规，controls：〔｛name：target，label：Target，type：text｝〕｝，｛title：外观，controls：〔〕｝〕｝〕；｝ 定义好plugin后，可以有两种方式启用方式1，注册默认插件，所有编辑器实例都会自动实例话。import｛registerEditorPlugin｝fromamiseditor；registerEditorPlugin（MyRendererPlugin）；方式2，只让某些编辑器启用（）（Editorplugins｛〔MyRendererPlugin〕｝） 示例只做了简单的说明，可用属性还有很多，具体还是先看npm包里面的。d。ts文件。 3。编辑器效果网页版 移动端 拖拽组件 查看代码 从网页到移动端，包括App、小程序等，amis可以满足的页面需求，但在一些特殊场景，比如有些页面追求个性化的视觉效果，amis就不适用，实际上绝大部分前端UI组件库也都不适合，只能定制开发。更多有关amis的内容可自行前往阅读。 开源地址：https：gitee。combaiduamis
新诛仙手游万剑山风光如画，更暗藏动人故事？新版本解锁剧情相比其他同类MMORPG手游，新《诛仙》手游在画面渲染方面，可以说是做出了端游级水平。而最近游戏中最热门的网游打卡地，莫过于早前实装的新地图万剑山。初入万剑山时，首先映入……提醒大家多吃两瓜三肉常喝两水忌一件事，助你舒服过三伏天今年的小暑是7月16号，也就是意味着正式进入三伏天了，三伏天是小暑到大暑的这段时间。伏的意思是指阴气被阳气压制在地下出不来，这个时间段气温很高，也没有什么风，如果坐在家里，不开……致敬詹姆斯湖人官方暂停期间致敬詹姆斯总得分升至历史第二3月24日NBA常规赛，湖人主场对阵76人。本场比赛，詹姆斯因左膝酸痛缺阵，身着便服在场边观战，但依旧是全场关注的焦点。湖人官方在暂停期间为詹姆斯播放了致敬视频，内容为他……韩旭20分13板，李梦24分8助！四川8382内蒙古，夺得W3月12日晚间，本赛季WCBA总决赛第三场的比赛正式打响，四川女篮主场迎战内蒙古女篮，由于此前两队战成1：1平，本场比赛的胜利者将最终赢得WCBA总冠军。第一节比赛，两队……暗黄熬夜脸过来集合！如何改变黄气？别人素颜是纯白茉莉花，是白月光，而熬夜脸素颜就像村口四五十岁大姨。。。推荐给熬夜脸的宝子们一款面膜，绝对可以说是打开暗黄皮的新世界！提亮嘎嘎猛，素颜一整个自信起来！……您的神秘宝箱已送到，看看里面都有什么吧冬天的天总是灰蒙蒙的。风越来越大，几朵小云就变成灰白色的浓云，慢慢地升了起来，扩大了起来，渐渐的遮满了整个天空。每当这个时候，就是要下雪的前兆。风呼呼的吼了起来，陡然间，落下了……开春穿西服务必别搭配小脚裤，换成这3种下装，会更优雅洋气穿衣打扮是大多数人都很关注的话题，虽然还没到春天，但像风衣、西服、毛衣这些春装都可以安排起来了，尤其是西服。春季是西服的主场，从版型单一的黑色西服到当下百花齐放的西服款式……外地游客意外受伤西安医护暖心救治获点赞阳光讯（记者郑亚雷）如今，旅游过年已逐渐成为备受欢迎的新年俗，作为十三朝古都的西安，受到了无数外地游客的青睐，在秦始皇兵马俑体验沉睡千年的地下军团，在大唐不夜城与钟鼓楼中欣赏古……美图心语，绝美秋色，人间仙境，迷人眼醉人心美图心语，绝美秋色，人间仙境，迷人眼醉人心。文松风梅骨菊韵图片源自网络，侵权立删这深秋的绚丽多彩的风景，美若仙境的风景，静静地飞来的如画如诗般的风景，横空出世……欢迎来补充象棋大师的绰号笔者搜集整理了一些象棋特大、大师、名手的绰号，肯定有不全的地方，欢迎棋友们来补充：谢侠逊棋坛总司令、百岁棋王彭述圣彭高棋周德裕七省棋王董文渊双枪将……中老年人想保持不老健康长寿，有3个饮食秘方，你能做到几个？点击右上方红色【关注】，及时获取我们为您推送的健康资讯人到中年，尤其在意身体的衰老。从饮食的角度来看，确实有一些秘方可以帮助抗衰老，延年益寿，今天简要介绍其中三种秘诀。……OPPOFindX5Pro闪亮登场，OPPOFindX3已成OPPOFindX5Pro标准版选用6。55英寸有机发光二极管柔性屏（120Hz刷新率），支持100DCIP3广色域和HDR10显示效果。这时候重点是这块屏幕采用了最极致的边框……