2021SC SDUSC
Amis前端代码分析
罧
这个作者很懒,什么都没留下…
展开
-
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 · 242 阅读 · 0 评论 -
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 · 277 阅读 · 0 评论 -
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 · 396 阅读 · 0 评论 -
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 · 655 阅读 · 0 评论 -
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 · 189 阅读 · 0 评论 -
2021SC@SDUSC amis-低代码前端框架代码分析八
2021SC@SDUSC amis-低代码前端框架代码分析八代码分析总结 代码分析 inputnumber.js class NumberControl extends react_1.default.Component { constructor(props) { super(props); this.handleChange = this.handleChange.bind(this); } handleChange(input原创 2021-12-22 20:23:39 · 511 阅读 · 0 评论 -
2021SC@SDUSC amis-低代码前端框架代码分析 六
2021SC@SDUSC amis-低代码前端框架代码分析五代码分析总结为什么Data URL是个好东西 代码分析 image.js exports.toDataURL = (0, memoize_1.default)((url) => { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.onload = function () {原创 2021-12-13 19:36:33 · 614 阅读 · 0 评论 -
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 · 652 阅读 · 0 评论 -
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 · 422 阅读 · 0 评论 -
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 · 443 阅读 · 0 评论 -
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 · 312 阅读 · 0 评论 -
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 · 300 阅读 · 0 评论 -
2021SC@SDUSC amis-低代码前端框架综述
2021SC@SDUSC 前言用JSON 写页面有什么好处代码下载测试运行任务分工 前言 amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。 在经历了十几年的发展后,前端开发变得越来越复杂,门槛也越来越高,要使用当下流行的 UI 组件库,你必须懂 npm、webpack、react/vue,必须熟悉 ES6 语法,最好还了解状态管理,比如 Redux,如果没接触过函数式编程,光入门都很费劲,而入门之后会发现它还有巨大的 生态,相关的库有 2347 个,原创 2021-09-29 22:40:35 · 620 阅读 · 0 评论