4 醉小义

尚未进行身份认证

学习算法让自己有更大的提升

等级
TA的排名 3k+

Field组件的工作流程

Field介绍对表单数据操作、校验.对组件关联后可以自动对表单数据进行回写、读取、校验。把需要验证表单数据交给Field去处理工作流程图通过事件的方式,来让Field与组件之间的数据进行流动.(就好比数据的回显)方法的分析请先导读官网的Field,讲的很明白了,不懂的可以问题.预备知识forceUpdate-React的方法,当props和state不改变时,可...

2019-08-18 22:39:19

node学习

content1.node的介绍2.模块机制2.1commonjs规范2.1.1commenjs的模块规范2.2node的模块实现2.2.1路径分析2.2.2文件定位2.2.3模块编译核心模块1.node的介绍js缺陷没有模块系统标准库少(文件系统,i/o等操作没有常见api)没有标准接口缺乏包管理工具node特点异步I/O-绝大多数的操作都以异步的...

2019-08-14 20:02:07

JavaScript中自定义实现Array方法

JavaScript中自定义实现Array方法isArray判断是否为数组提供一下方法functionisArray(arr){//方法1returnarr.constructor==Array;//方法2//https://github.com/nianxiongdi/fore-end/issues/4//...

2019-08-11 00:02:00

自定义实现JavaScript的String方法

自定义实现JavaScript的String方法length方法functionString(str){this.str=str;this.length=0;vari=0;while(str[i]){i++;}this.length=i;}varstr=newString('ab...

2019-08-10 16:53:12

清除浮动

浮动产生的副作用背景不能显示边框不能撑开marginpadding设置值不能正确显示清除浮动1.父级设置高度2.增加子元素,设置clear:both3.父级div设置overflow:hidden代码清除浮动...

2019-08-08 19:48:43

Fusion Design之Form组件源码分析1

From介绍请大家先导读Form组件使用和Field组件使用首先先明白一点,这是为了解决什么问题?简化表单的操作,优美的布局,提供方法的api如何进行数据存储的通过Filed组件,统一对数据进行管理,可以自己传,也可以不用传,内部已经定义好了.在进行数据管理的时候,通过onChange方法与Filed数据管理之间进行数据传递Form组件的apiinline-内联...

2019-08-07 21:29:57

完全DOM写表单

自己对dom的理解不够深刻,就练习联系,是根据FusionDesign的例子,去编写一个;分析代码结构看例子去看看dom结构是什么,然后再利用dom方法去创建遇到的问题表单元素如何创建-封装成一个方法进行统一的创建已有的表单元素如何转换为dom结构-分析dom结构的创建方法form提交刷新问题-form.setAttribute('onsubmit',"return...

2019-08-07 11:32:12

开发常用网站

图床-引用ur图片api-调用接口和生产借口文档说明MDN-学习前端chrome插件Octotree-github展示树Allow-Control-Allow-Origin-跨域

2019-07-15 19:00:38

node实现高并发

事件循环i/o异步线程池

2019-07-11 23:50:32

typeof与instanceof

JavaScript数据类型是非常简洁的,它只定义了6中基本数据类型null:空、无。表示不存在,当为对象的属性赋值为null,表示删除该属性 undefined:未定义。当声明变量却没有赋值时会显示该值。可以为变量赋值为undefined number:数值。最原始的数据类型,表达式计算的载体 string:字符串。最抽象的数据类型,信息传播的载体 boolean:布尔值。最机械的数...

2019-06-29 10:59:01

函数式编程-Lodash库学习

介绍Lodash通过降低array、number、objects、string等等的使用难度从而让JavaScript变得更简单。Lodash的模块化方法非常适用于:遍历array、object和string对值进行操作和检测创建符合功能的函数使用chunk-对数组的切分,size代表以几个元素进行切分,默认为1语法_.chunk(array,size...

2019-06-26 20:53:46

基于Fusion Design和eggjs搭建个人博客-附完整源代码

1.介绍1.1FusionDesignAlibabaFusionDesignSystem是一套旨在全面提升设计、开发效率的工作方式。通过协助企业构建设计系统,提供系统化工具协助设计师、前端使用设计系统,提供一站式设计项目协助平台,打通互联网产品从设计到开发的工作流。1.2eggjs基于koa开发的nodejs后端框架,特性如下:提供基于Egg定制上层框架的能力高度...

2019-06-07 12:32:33

react-router添加路由刷新页面后显示404

原因:是因为刷新之后history中的数据没有保存,需要在devServer中设置historyApiFallback:true.

2019-06-01 14:55:22

js中v8引擎的详解-看的吐血

v8引擎出现的原因这里先说一下什么是编译型语言和解释性语言:编译型语言:在程序执行之前必须进行专门的编译过程,有如下特点:只须编译一次就可以把源代码编译成机器语言,后面的执行无须重新编译,直接使用之前的编译结果就可以;因此其执行的效率比较高;编译性语言代表:C、C++、Java、Pascal/ObjectPascal(Delphi);程序执行效率比较高,但比较依赖编译器,因此跨平台...

2019-05-25 23:16:19

Fusion之Input组件源码分析

将依照fusion官网,https://fusion.design/component/basic/input分析input组件,如下:分析源码:Base.jsx//封装一下方法和属性Input.jsx//渲染inputGroup.jsx//对input进一步的封装看官网的api,一步一步的实现所有的方法和属性Input组件:value属性当前值 String/Numb...

2019-05-13 21:38:52

TypeScript学习

概念TypeScript是JavaScript的一个超集,主要提供了类型系统和对ES6的支持,它由Microsoft开发,代码开源于GitHub上。使用我们约定使用TypeScript编写的文件以.ts为后缀,用TypeScript编写React时,以.tsx为后缀。tscfile.ts转换为js文件遇到问题变量变红色 - https...

2019-05-11 15:18:27

关于自定义组件时,数据的传递和事件的调用机制

<!DOCTYPEhtml><html><head><metacharset="UTF-8"/><title>render</title><scriptsrc="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js">&...

2019-04-09 17:27:20

js中arguments参数

描述arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数,第一个参数在索引0处。例如,如果一个函数传递了三个参数,你可以以如下方式引用他们:arguments[0]arguments[1]arguments[2]参数也可以被设置:arguments[1]=‘newvalue’;/...

2019-04-07 21:40:23

神奇的Object.defineProperty

这个方法了不起啊。。vue.js和avalon.js都是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了几行代码看他怎么用。第一次写文章,文章是别人的,练练手。vara={}Object.defineProperty(a,"b",{value:123})console.l...

2019-04-06 14:54:16

React.createContext官网的解读

解决什么问题Context通过组件树提供了一个传递数据的方法,从而避免了在每一个层级手动的传递props属性。何时使用ContextContext设计目的是为共享那些被认为对于一个组件树而言是“全局”的数据,例如当前认证的用户、主题或首选语言。例如,在下面的代码中,我们通过一个“theme”属性手动调整一个按钮组件的样式:functionThemedButton(props...

2019-04-05 18:03:43

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。