- 博客(14)
- 收藏
- 关注
RSS订阅原创 【antd-form】动态设置form表单的值
antd的form表单下面有一个inputNumber组件，然而在使用setState更改输入框value时，无法动态显示到view上面。查找原因发现虽然输入框的value被改变了，但无法动态显示出来。解决方法：不要使用initialValue来给表单赋值，因为这样这个值只在初次挂载的时候回显示出来，而后无法跟着输入框的value改变。正确方案应当使用this.props.form.setFi...
2019-07-31 19:01:55
9008
转载 【React】了解父子/兄弟组件通信一个很好的例子
http://huziketang.mangojuice.top/books/react/lesson14
2019-07-23 14:23:53
200
原创 【前端】一点想法
对于一个前端项目，如果是很小的一个页面，比如学校里面的课程设计大作业的UI，不需要用到框架的，就在HTML文件里面定义内容，CSS里面定义样式，JS里面定义交互。然后日常生活中我们在工作中接触到的前端项目，几乎都是需要用到框架的。“一切皆是组件”，我们将页面划分为一个个组件，然后在组件里面render页面的内容。...
2019-07-23 12:41:55
146
转载 【react】父子组件通信
记录传送门：https://blog.youkuaiyun.com/weixin_43606158/article/details/90058867
2019-07-22 17:19:58
119
转载 【Vue记录】为什么在 HTML 中监听事件?
你可能注意到这种事件监听的方式违背了关注点分离 (separation of concern) 这个长期以来的优良传统。但不必担心，因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上，它不会导致任何维护上的困难。实际上，使用 v-on 有几个好处：扫一眼 HTML 模板便能轻松定位在 JavaScript 代码里对应的方法。因为你无须在 JavaScr...
2019-07-18 16:10:13
208
转载 【Vue记录】事件修饰符
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。.stop.prevent.captu...
2019-07-18 15:59:39
242
转载 【Vue记录】v-if&v-show
v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始...
2019-07-18 14:39:48
125
转载 【Vue记录】生命周期钩子函数与箭头函数
不要在选项属性或回调上使用箭头函数比如 created: () => console.log(this.a) 或 vm.$watch(‘a’, newValue => this.myMethod())因为箭头函数是和父级上下文绑定在一起的，this 不会是如你所预期的 Vue 实例，经常导致 Uncaught TypeError: Cannot read property of u...
2019-07-18 10:02:09
1112
转载 【vue学习记录】数据与方法
当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。// 我们的数据对象var data = { a: 1 }// 该对象被加入到一个 Vue 实例中var vm = new Vue({data: data})// 获得这个实例上的属性// 返回源数据中对应的字段...
2019-07-18 09:43:59
193
转载 【记录】JS编码规范
传送门：https://github.com/fex-team/styleguide/blob/master/javascript.md笔记：1.文件结尾处，保留一个空行2.使用四个空格作为一个缩进级，不允许使用两个空格或者tab3.switch 下的 case 和 default 必须增加一个缩进层级4.二元运算符两侧必须有一个空格，一元运算符（！、++、–、+、-、sizeof、~）...
2019-07-17 18:26:23
172
转载 【笔记】import与export
传送门https://stackoverflow.com/questions/36795819/when-should-i-use-curly-braces-for-es6-import/36796281#36796281
2019-07-17 16:16:22
580
原创 【记录】create-react-app安装依赖项
例如，React Router：使用 npm 安装其他依赖项：npm install --save react-router-dom或者使用 yarn:yarn add react-router-dom这适用于任何库，而不仅仅是 react-router-dom 。...
2019-07-17 16:09:01
497
原创 前端小白成长记-React组件化的思想
React组件化的思想1.将项目中的页面按照功能（或者是位置等等）划分为一个个块儿。2.如果有的块儿时每个页面或者大多数页面共有的部分，比如导航栏、菜单栏、翻页模块之类的，就写在公共组件里面，然后再需要的页面进行渲染。如果是某个页面特有的模块，就给每一个页面单独写一个文件，里面定义该模块的组件并于公共组件结合进行渲染。3.某个页面内若是有新的弹窗，则在父页面下建立新的文件进行组件的定义，避免...
2019-07-10 10:36:08
417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人