径直向前-CSDN博客

原创前端面试技巧（面试官部分）

招聘目的为团队选拔合适的人才需要看的能力学历及工作经历（通过自我介绍了解）10分信息的真实性（通过简历内容了解）10分基础及技术（面试题和提问）35分沟通表达 15分拓展学习能力 15分未来规划（了解稳定性以及职业发展）10分对我们的问题 5分通过面试观察的点去判断是否符合公司的岗位需求前端面试提问从简单到困难去了解候选人的基本素质，从工作经历中的相关项目经历，可以询问对应的要点去了解项目的难易程度，个人所承担的职责，解决问题的方式，对使用框架技术的理解等问题，也可以判断出经历是

2020-08-19 15:21:59 514

原创从一份简历要求上摘抄下来的，以此为标准做好一个程序员

具备优秀的能力：可以独当一面完成任务对于分配的任务，可以头脑清楚的分析出各个需求点和关键点，发现风险和不确定的地方及早确认；而不是拿到手就做，边做边想，最后发现方向错了对于有疑问的地方，可以自己独立与其他人沟通确认，提供有价值的信息以寻求帮助；而不是自己想当然做出决定，等着别人发现问题可以对大任务和复杂任务可以进行分解，拆解成多个可验证的子任务再做；而不是最后提交一个复杂无比巨大的PR，没人可以Review及时主动向人更新自己的任务进度，发现的问题以及需要帮助的地方；而不是闷头憋大招对于

2020-08-14 18:55:12 229

原创 Formily 学习6（自增列表联动）

自增列表onChange 事件是从 FormEffectHooks 里获取的 onFieldChange$ 是一个可观察对象需要subscribe 来获取观察结果SchemaForm 的effects属性绑定的是Form的 onChange事件Form的set get的方法可以通过effects 绑定的函数传入，也可以通过createFormActions 获取ArrayTable 写入 Field 的时候除了需要声明 type 为数组 array 之外，也要给个 name 方便用 Form

2020-08-14 12:05:07 2547

原创前端的一些问题（面试会问，工作中会遇到的）

面试问题进程和线程什么区别浏览器是如何渲染页面的V8是如何解析js的什么是闭包，闭包原理，js的垃圾回收机制异步的原理，js与内核之间的交互深拷贝，浅拷贝区别，如何深拷贝，有什么问题cookie localstorage sessionstorage 区别nginxwebpack虚拟dom 及其实现原理组件如何去区分这些问题在工作中有什么用呢工作中的作用闭包…异步的原理宏任务&微任务js 是单线程的，主线程同时只做一件事，是从一个任务队列里去取任务做同步代

2020-08-13 21:49:15 1472 1

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

2020-08-10 21:33:38 1167

原创 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 1782

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

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

2020-08-07 23:36:53 717

原创 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 1555

原创 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 1183

原创 Formily 学习1

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

2020-08-03 02:14:02 2350

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

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

2020-08-01 02:14:49 1215

原创如何写优雅的代码（前端代码优化）

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

2020-07-31 00:49:50 319

原创 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 90

原创 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 128

原创算法题经验小结1

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

2020-07-10 10:49:14 116

原创 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 134

原创 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 145

原创新人报道

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

2020-06-30 18:29:42 137

Qg520jungle的博客