罧-CSDN博客

原创 2021SC@SDUSC amis-低代码前端框架代码分析十三

2021SC@SDUSC amis-低代码前端框架代码分析十三代码分析总结代码分析table view.js用于表格类型的展现效果，界面可定制化能力更强可指定表格的行列数及宽高，颜色，部分行列可合并，用户可自行定制class TableView extends react_1.default.Component { constructor(props) { super(props); } renderTd(td, colIndex, rowI

2021-12-27 15:34:16 252

原创 2021SC@SDUSC amis-低代码前端框架代码分析十二

2021SC@SDUSC amis-低代码前端框架代码分析十二代码分析总结代码分析log.js用于显示日志的组件，比如显示命令行的输出结果class Log extends react_1.default.Component { constructor(props) { super(props); this.isDone = false; this.autoScroll = false; this.state

2021-12-27 00:56:17 287

原创 2021SC@SDUSC amis-低代码前端框架代码分析十一

2021SC@SDUSC amis-低代码前端框架代码分析十一代码分析总结代码分析IFrame.js这段代码定义了它的布局属性，长宽高，自适应性，对于信息的处理class IFrame extends react_1.default.Component { constructor() { super(...arguments); this.IFrameRef = react_1.default.createRef(); this

2021-12-24 16:12:32 420

原创 2021SC@SDUSC amis-低代码前端框架代码分析十

2021SC@SDUSC amis-低代码前端框架代码分析十代码分析总结代码分析class ColorField extends react_1.default.Component { render() { const { className, classnames: cx, defaultColor, showValue } = this.props; const color = (0, helper_1.getPropValue)(this.pro

2021-12-22 22:32:37 693

原创 2021SC@SDUSC amis-低代码前端框架代码分析九

2021SC@SDUSC amis-低代码前端框架代码分析九代码分析总结代码分析breadcrumb.js面包屑导航class BreadcrumbField extends react_1.default.Component { render() { const { className, itemClassName, separatorClassName, classnames: cx, items, source, data, separator, render

2021-12-22 21:17:36 203

原创 2021SC@SDUSC amis-低代码前端框架代码分析八

2021SC@SDUSC amis-低代码前端框架代码分析八代码分析总结代码分析inputnumber.jsclass NumberControl extends react_1.default.Component { constructor(props) { super(props); this.handleChange = this.handleChange.bind(this); } handleChange(input

2021-12-22 20:23:39 519

原创 2021SC@SDUSC amis-低代码前端框架代码分析七

2021SC@SDUSC amis-低代码前端框架代码分析七代码分析总结代码分析inputdate.jsexports.default = DateControl; DateControl.defaultProps = { format: 'X', viewMode: 'days', inputFormat: 'YYYY-MM-DD', timeConstraints: { minutes: { ste

2021-12-15 20:40:39 747

原创 2021SC@SDUSC amis-低代码前端框架代码分析六

2021SC@SDUSC amis-低代码前端框架代码分析五代码分析总结为什么Data URL是个好东西代码分析image.jsexports.toDataURL = (0, memoize_1.default)((url) => { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.onload = function () {

2021-12-13 19:36:33 626

原创 2021SC@SDUSC amis-低代码前端框架代码分析五

2021SC@SDUSC amis-低代码前端框架代码分析五代码分析总结代码分析log.js这段代码，用于显示日志的组件，比如显示命令行的输出结果const react_1 = (0, tslib_1.__importDefault)(require("node_modules/react/index")); const factory_1 = require("src/factory.tsx"); const ansi_to_react_1 = (0, tslib_1.__importDe

2021-12-05 23:15:21 671

原创 2021SC@SDUSC amis-低代码前端框架代码分析四

2021SC@SDUSC amis-低代码前端框架代码分析四代码分析总结代码分析compat.js关于适配性的代码分析(0, factory_1.addSchemaFilter)(function FormPropsFilter(schema, renderer) { if (renderer.component !== FieldSet_1.FieldSetRenderer) { return schema; } if (Array.isAr

2021-11-21 21:20:36 436

原创 2021SC@SDUSC amis-低代码前端框架代码分析三

2021SC@SDUSC amis-低代码前端框架代码分析三概述概述接下来看连接部分 if (api.method === 'get') { if (!~raw.indexOf('$') && !api.data && autoAppend) { api.query = api.data = data; } else if ( api.attachDataToQuery === false && a

2021-11-21 21:04:17 452

原创 2021SC@SDUSC amis-低代码前端框架代码分析二

2021SC@SDUSC amis-低代码前端框架代码分析一目录2021SC@SDUSC amis-低代码前端框架代码分析一概述代码分析概述css代码难度不大，但是种类繁多，一个个看实在意义不大，主要看几个重要的分析代码分析@use 'sass:math';//下一个断点@function breakpoint-next( $name, $breakpoints: breakpoints, $breakpoint-names: map-keys($breakpoints))

2021-11-21 20:40:53 324

原创 2021SC@SDUSC amis-低代码前端框架代码分析一

2021SC@SDUSC amis-低代码前端框架代码分析一目录2021SC@SDUSC amis-低代码前端框架代码分析一概述代码分析总结概述amis是一个低代码前端框架。本人首先分析布局，关于页面布局多为scss代码。所以本人主要讲解scss代码部分，后续再分析其它类型代码。代码分析base 包里包含了三个scss代码第一个_normalize.scss源代码注释为英文，我改用中文来分析html { line-height: 1.15; // line-height C

2021-10-22 00:00:42 314

原创 2021SC@SDUSC amis-低代码前端框架综述

2021SC@SDUSC 前言用JSON 写页面有什么好处代码下载测试运行任务分工前言amis 是一个低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。在经历了十几年的发展后，前端开发变得越来越复杂，门槛也越来越高，要使用当下流行的 UI 组件库，你必须懂npm、webpack、react/vue，必须熟悉 ES6 语法，最好还了解状态管理，比如Redux，如果没接触过函数式编程，光入门都很费劲，而入门之后会发现它还有巨大的生态，相关的库有 2347个，

2021-09-29 22:40:35 637

king_shenlin的博客