![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
LX@2019
前端工程师
展开
-
react 组件之间通讯传值的多种方法实现
react组件传值,大概有下面几种方法:propscontextreduxreact-router 路由切换时通过url传值(少量非机密数据,其实也是props传)。今天记录一下通过redux来传值的实现。我们先写一个createAction的函数:export function setAnalysisParams(params) { return { type: S...原创 2019-03-28 09:46:56 · 733 阅读 · 0 评论 -
javascript面向对象编程实战 - 手把手教你做小插件
javascript面向对象编程一直都是初学者的难点,都看过很多文章,却没有动手写过,还是理解不深刻,今天我看文章的时候手写了一个及小的插件,正好练练手。详细的js面向对象编程可以看阮一峰老师的文章 阮一峰-面向对象编程我正好在看文章时,动手写了一个loading的插件,也可以用在项目中去。分享出来。 github链接loading效果是这样的:直接看代码吧,执行特别简单:var...原创 2019-03-28 09:50:51 · 129 阅读 · 0 评论 -
react 表单-双向绑定的实现
react 表单 双向绑定的实现在 react 开发中,经常遇到 input 输入框改变值的时候,要定义一个函数,该函数内部执行 setState 的操作,才能改变 input 的值。如果表单元素多了以后,就会定义很多的这种函数,使代码变得冗余。下面在 react 中实现一个类似于 vue 的表单双向绑定的逻辑。修改表单的值,只需如下操作:this.state.inputval = ...原创 2019-03-28 09:51:58 · 2106 阅读 · 0 评论 -
vuejs 数据绑定原理
Vuejs 使用get和set来实现数据绑定,心血来潮仿了一下,很粗糙,原理大概相同。usevar vm = new V({ el: '#container', template: '<div>{{name}}: {{age}}</div>', data: { name: 'zlx', ...原创 2019-03-28 09:52:41 · 326 阅读 · 0 评论