现象
最先是由于一个安卓兼容问题引发,在开发环境中没有问题,webpack打包后提测却发现出现了不一样的效果,通过代码对比,发现了css打包后的顺序不一致,我们知道知道css样式是有优先级的,其中顺序也会影响到样式的渲染流程。
烤冷面加金针菇再来点醋
现象是这样的,之前按照常规方法配置eslint-loader,在打包前对代码进行检测。
1 | eslint: { |
1 | npm install sass-resources-loader -save-dev |
1 | module:{ |
注意:vars.scss和minxins.scss中只适合定义常量和function;禁sassResources中引入一个基础base.scss否则每一次import xxx.scss都会重复打包。
React中,父组件需要统一个子组件传递props属性或者给每个子组件设置ref;通过父组件调用this.refs.childrenRef.xxxx去调用子组件的实例方法。
组件主要分为三类:
A最上层为页面控制层,主要提供的功能就是点击下一页按钮,切换到下一页。
b,c是同级子组件,比如头部的提示信息,图片上传以及表单模块C
C组件提供了统一的模块名称,以及点击弹窗提示模块详情,至于D则为真正的表单组件。
页面组件拆分后,我就在想如何在点击下一页或者提交按钮的时候,去校验当前页的表单是否和发输入或获取到每一个表单组件的值发送给后端
==前者==为常用实现方案,在组件渲染的时候将校验的正则写到input属性上。在父级组件上提供统一 doCheck方法调用。这种方案却有着不可扩展的缺点,如果后续某个特殊的表单校验信息并非正则,而是和业务权限相关。那么此时doCheck中将会有非常多的逻辑判断。
相比之下,==第二种方案采用面向对象编程的思想==,通过调用子组件的方法去校验,取值甚至改变子组件的状态具有更好的扩展性和维护性。各组件业务逻辑各种维护。
tag:
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true