随笔分类 -  react工作经验

上一页 1 2 3 4 5 6 7 下一页
react中使用 jsx强大之处： js和DOM元素、组件、CSS样式等.....可以各种混写----> React会正常转换显示对应的内容 ----》props属性传递的值 可以是具体的值（基本数据类型或引用类型数组/对象...）, 也可以是方法，还可以是DOM，组件, JSX片段等（容易忽视的），很大程序上可以实现this.props.children来传递DOM/组件/JSX片段的功能
该文被密码保护。
posted @ 2019-12-24 17:30 _various 阅读(3) 评论(0) 推荐(0)
React中如何把一个组件中所以的 属性和值 快速递到另外一个组件? （包括路由属性等其他需要的属性，可以一次性传递，避免一个个传递带来的麻烦）-----> 通过扩展运算符...结合this.props ----> <Com pro1={xxx1} pro2={xxx2}...其他需要传递的属性（可有也可以没有） { ...this.props } />
该文被密码保护。
posted @ 2019-12-24 15:56 _various 阅读(1) 评论(0) 推荐(0)
前端开发如何进行调试及在Chrome控制台多行输入和在Chrome中调试文章参考及前端调试的主流浏览器有Chrome谷歌（最佳前端最好用调试工具，必备必须安装浏览器），Firefox火狐（推荐安装），Safari，Opera，IE5大浏览器（主要安装Chrome和Firefox）及有时候Chrome无法访问时候，Firefox火狐等浏览器可以正常访问及6.React等框架闭包应用进行就近输出调试法
该文被密码保护。
posted @ 2019-12-23 23:04 _various 阅读(1) 评论(0) 推荐(0)
在React / Vue路由中(URL地址)，" / "代表的是根路由（默认访问的路由），项目启动起来默认访问的是跟路由" / " 及 通过redirect路由重定向来重定向路由 及 有时候要让路由跳转到首页，可以设置跳转的路径为" / "（根路由）
该文被密码保护。
posted @ 2019-12-23 21:22 _various 阅读(0) 评论(0) 推荐(0)
前端开发中常用的路径--- 绝对路径、相对路径、根目录 （特别注意点：根目录用" / "表示， 以根目录" / " 开头去访问资源路径，也是绝对路径的访问方式） 及 最新React / Vue脚手架中如何配置快捷路径 / 配置绝对路径（这里配置的块级路径其实就是绝对路径） 和 React使用公共文件夹public静态文件夹 方式 和 vue中使用静态文件夹 static和assets的区别
该文被密码保护。
posted @ 2019-12-23 17:59 _various 阅读(2) 评论(0) 推荐(0)
react中主要常用的父子组件间的传值 个人总结（父组件向子组件传值 和 子组件向父组件传值）及 react中父子组件间的传值其他文章参考及 react兄弟组件间的数据传值 --及 父组件调用子组件中的方法 / 或者 子组件中的属性数据（可以通过ref的使用： ref写在DOM上获取的是dom, 若写在组件上，则获取的是组件实例，ref有两种方式：字符和回调函数方式(更推荐函数方式)）和注意点！！
该文被密码保护。
posted @ 2019-12-23 16:38 _various 阅读(3) 评论(0) 推荐(0)
URL（包括浏览器中的url访问地址 和 前后端发送ajax http请求的url地址等...）中“#” “？” &“”号的作用 及 React / Vue框架中 URL中传参的几种方式（url传递数据的的几种方式） 及 对应适用场景注意点
该文被密码保护。
posted @ 2019-12-21 17:50 _various 阅读(2) 评论(0) 推荐(0)
1. 在web网站开发中，前端什么时候需要后端发送ajax http请求？（通常情况下，增删改查操作都需要向后端发送ajax http请求！！） 2. img图片标签的src属性也可以向后端发送ajax http请求--》对应案例应用： React中点击图片切换验证码---> 及 url中的 ? 加时间戳的作用： 清除缓存，不调用缓存里的内容，重新获取，确保每次请求的结果都不一样
该文被密码保护。
posted @ 2019-12-21 17:21 _various 阅读(2) 评论(0) 推荐(0)
React和Vue数据流和组件化框架及React文档和Vue文档及 React/Vue开发建议（模块化开发）-（ajax的http请求及API前后端请求接口尽量拆分到单独的文件管理，不建议放在组件中，其他该拆分的【方法/属性/常量/逻辑等..（通用或者不通用）】也要拆出去单独模块管理）及React和Vue中非全局数据 和 全局数据状态管理redux和vuex 及 react中redux各种生态圈
该文被密码保护。
posted @ 2019-12-20 13:52 _various 阅读(9) 评论(0) 推荐(0)
CSS 预处理器（Sass less stylus） 和 CSS预处理器的主要目的： ( CSS无法进行嵌套，CSS中无法定义变量及没有合理的样式复用机制等..) - 及CSS模块化（CSS Modules）的使用，解决类名冲突的问题 及Vue样式<style scoped>设置scoped作用 Vue/React中使用CSS模块化 及CSS中@import的作用是从其他样式表导入样式
该文被密码保护。
posted @ 2019-12-19 14:28 _various 阅读(0) 评论(0) 推荐(0)
React / Vue开发需要用到的Chrome扩展插件程序 及 如何在chrome浏览器中添加 扩展程序 插件 和 如何FQ访问谷歌网站（最简单的就是使用“谷歌访问助手” 扩展程序插件） 及 Chrome谷歌网上应用商店可以搜索扩展程序插件 及 还可能需要安装使用chrome查看原型图文件开发插件(Axure RP Extension for Chrome)
该文被密码保护。
posted @ 2019-12-16 10:40 _various 阅读(5) 评论(0) 推荐(0)
React中 基于react封装的企业级应用框架（dva.js 和 umi.js）--更推荐umi.js企业级react应用框架
该文被密码保护。
posted @ 2019-12-06 09:33 _various 阅读(1) 评论(0) 推荐(0)
React中 setState()更新数据操作，该合并（可以合并）的时候要合并—redux中dispatch更改数据同理（注意当不能合并的时候，则不合并，比如有先后关系，或其他逻辑需要处理的时候等...具体看情况而定）
该文被密码保护。
posted @ 2019-12-04 11:09 _various 阅读(0) 评论(0) 推荐(0)
React官方网站(英文官网和中文官网) 常用UI 组件库参考 及 React最常用的UI组件库是蚂蚁金服的antd（ 除了本身的antd UI组件库外，还包含: Ant Design Pro( 开箱即用的企业级中后台前端/设计解决方案) ---> 搭建好的后台管理系统框架） 及 React UI组件库 （material-ui）等其他React UI组件库资料参考....
该文被密码保护。
posted @ 2019-12-04 11:00 _various 阅读(4) 评论(0) 推荐(0)
react中 redux-form 清空或者修改一个表单控件里（有name字段）的值---会给组件传一个change的props，把change方法挂载在this.props上 及 initialValues 属性是设置表单初始值，其对象中key 要和<Fiedld>的name一对应->因此可以通过设置initialValues值（清空initialValues值） 来达到清空表单数据的效果
该文被密码保护。
posted @ 2019-12-03 17:46 _various 阅读(1) 评论(0) 推荐(0)
React中组件生命周期函数中的this指向组件实例： render()以及componentDIdMount()、componentDIdUpdate()等其他生命周期函数中的this都是指向组件实例， 自定义组件方法的this会因调用者不同而不同
该文被密码保护。
posted @ 2019-11-27 18:19 _various 阅读(1) 评论(0) 推荐(0)
****react组件中的constructor和super深度解析 和 react class类组件中constructor(props) 中的接收的参数props是指 该组件的属性，将该组件的属性封装在参数props中----》就像无状态函数式组件中的props属性 function(props) { return ( ...JSX )}
该文被密码保护。
posted @ 2019-11-27 17:55 _various 阅读(1) 评论(0) 推荐(0)
React有状态组件（通过class定义类的方式）和无状态组件(函数式组件)( function( props ) { return ( ... ) } , 无状态组件是一个函数，接收一个props参数(父组件传递过来的属性),返回一段JSX ) 的区别详解
该文被密码保护。
posted @ 2019-11-27 16:14 _various 阅读(0) 评论(0) 推荐(0)
React中路由访问不存在路径的处理方式( 1. 访问不存在的路径，渲染错误页面 2.访问不存在的路径，让它重定向跳转到项目默认的展示页面 ) 及 通配符的使用*表示任意的路径， 或者 " /* " 及 <Switch>组件作用 和 <Route>省略path属性（经典路由配置模式应用： 网站需要登录-没登录访问登录页，登录访问登录后首页）, <Redirect>省略from属性...
该文被密码保护。
posted @ 2019-11-26 20:28 _various 阅读(3) 评论(0) 推荐(0)
react中 组件(class类组件或者是函数组件)render渲染函数中return null代表的是页面啥也不显示----> 也可以写成 return "" (空字符串也是啥也不显示)----》 return 什么页面就会显示什么 ，具体看具体需求业务而确定
该文被密码保护。
posted @ 2019-11-26 17:36 _various 阅读(1) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 下一页