自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 error: bundling failed: Error: Unable to resolve module `./ant-design/react-native` from `App.js`:

None of these files exist:ant-design\react-native(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)ant-design\react-native\index(.native|.android.js|.native.js|.js|.android.json

2020-08-10 21:33:38 40

原创 Formily 5 (异步联动)

神奇的代码技巧const linkage = (key, defaultValue) => (path, value) => { setFieldState(path, state=>{ state.value = value !== undefined ? value : defaultValue })}FormPath.setIn(tree, path,value{})setFieldState // 设置某一项Field的属性setFormState // 设置表

2020-08-08 23:59:01 7

原创 Formily 4(密码校验小结)

密码校验小结密码组件 components Password密码强度x-props={{ checkStrength: true }}组件描述属性description*(password,repassword) 通配一个组 password,repasswordstate.errors 设置错误state.warnings 设置警告设置之后要记得把错误置空...

2020-08-07 23:36:53 19

原创 Formily 学习3

第一次尝试写联动循环联动联动关系 Total = Price * Count;Count = Total / Price;Price = Total / Count总结一下吧const { onFieldValueChange$ } = FormEffectHooks; 获取Field Value Change 的观察者在 SchemaForm 的 effects 属性里 监听订阅onFieldValueChange$().subscribe(()=>{})const { setFiel

2020-08-05 02:12:53 34

原创 Formily 学习2 (Rxjs 知识)

Rxjs 知识Rxjs 官网Rxjs 中文网Rxjs 动画演示Rxjs 入门教程 B站 BV1Mt4y127An一、基础知识被观察对象 Observable观察者 Observer操作函数 operators订阅 Scheduler主体对象广播 Subject二、Formily 结合运用const { onFieldValueChange$, onFormMount$ } = FormEffectHooks;const customEvent$ = createEffectHook

2020-08-04 01:53:28 31

原创 Formily 学习1

复杂表单的解决方案Formily 官网Formily 提供3种模式开发JSON SchemaForm | JSX SchemaForm | JSX 其中推荐使用 JSX SchemaForm 的模式开始学习,一是因为其可以满足绝大多数的应用场景(个别布局适配效果较差),二是便于向·JSON SchemaForm (更适用于后台传值替换)转换看完设计理念和属性、生命周期等概念介绍后,对整个“轮子”的使用还是不能完全掌握(学习成本较高),为了更好的学习,以及体验更爽的表单设计,需要把整个实践教程码一

2020-08-03 02:14:02 47

原创 Formily (UForm) 复杂表单的解决方案

Formily 解决了什么问题?智慧中台躲不过去的坎儿联动 导致的表单逻辑复杂,页面可读性差,可维护性低后台生成表单,甚至生成复杂表单的需求UI 与 逻辑的分割总之解决的是优化Form表单页面,简化逻辑和代码量附: Formily 官网...

2020-08-01 02:14:49 35

原创 如何写优雅的代码(前端代码优化)

前端代码优化使用eslint 规范代码风格;良好的习惯,合理注释;逻辑代码与UI组件分离,组件特异化;尽量写无状态组件;在工作中使用成熟的技术,在练习中使用新的生疏的技术[不要在工作中使用新技术,练好再用];使用网上的代码要研究透彻,并给出详细的注释解释;使用小而精,短而平的方式重构代码,一边开发一边重构,始终走在优化代码的路上。...

2020-07-31 00:49:50 26

原创 React 基础知识小结 (Redux 使用)

Reduxapp (借书人)action (图书管理员)store (书架)reducer (图书管理系统)app 发送请求给 action ,action 通过store 找,来到reducer 得到新的 newstate 给到 store 再给到app目录结构 store 文件夹.-index // store 唯一入口.-reducer // 获取 defaultState 根据获得的action.type 返回相应处理后的 state.-actionTypes // 存 acti

2020-07-30 02:20:39 8

原创 React 基础知识小结

React 基础知识通过 npx create-react-app new-app 新建一个项目public 文件夹下 index.html 文件为最终的绑定文件,其中的<div id="root"></div>标签是整个app绑定的标签import ReactDOM from 'react-dom';react 是一个库不是框架 web应用需要通过ReactDOM绑定到web页面上react native 通过AppRegistry.registerComponent绑

2020-07-28 01:36:58 15

原创 算法题经验小结1

前端算法题-js(1)多刷题leetcode/lintcode把问题分类i . 字符串:熟练使用正则ii. 递归:学会使用flag标识数组[false,false,false,false]对需要便利的数组做标记iii.其他待补充分解问题,把一个大问题分解成几个小问题依次解决从纸上写代码开始,尽量做到少测试,培养思维能力...

2020-07-10 10:49:14 31

原创 React 开始创建一个项目2(重造轮子之 form 组件)

继续完善编码环境一、 优化编码环境使用 prettierrc 来对prettier 的规范修改使用 jsconfig.json 绝对定位引入文件路径import FormPage from 'views/FormPage';{ "compilerOptions": { "baseUrl": "src" }, "include": ["src"]} 生成的脚手架中有 eslint 所以自己的要删除HOC 的方法可以传入不明 props二、待解决问题写的组件怎

2020-07-02 22:11:19 28

原创 React 开始创建一个项目

初始化 create-react-app使用 npx create-react-app my-app命令对项目做初始化生成的项目很干净,啥都没有,需要自己配一、添加一些工具在src增加文件夹view - 展示页面apis - 接口utils - 工具components - 公共组件添加Eslint - Prettier 优化代码使用了 airbnb 和 prettier/prettier 的规范二、遇到的问题eslint 没有生效在添加规范之后,没有生效,按

2020-07-01 14:57:17 39

原创 新人报道

狂奔的蜗牛30岁今年我30岁了,迷茫过,困扰过,但从今天开始我要努力的奔向目标的远方,又到了种一棵树的最佳时机,十年前或现在坚持写博客,多想,多总结;Side Project 私人小项目,程序员的必备工具;重造轮子,独立的组件开发和完善,重写4/5遍,输出API;架构的学习,了解,扩展视野,精通架构;跟着榜样学习;加油,未来可期!...

2020-06-30 18:29:42 24

提示
确定要删除当前文章?
取消 删除