随笔分类 -  react工作经验

1 2 3 4 5 ··· 7 下一页
（通常写法: this.propName = xxx）也使用 Object.assign(this, { [propName]: xxx, ... }) 来替换新对象法 ---》设置修改数据值
该文被密码保护。
posted @ 2022-06-09 19:00 _various 阅读(0) 评论(0) 推荐(0)
react 切换路由用React hooks恢复滚动条位置或回到顶部 (试用react hooks方式 / 自定义hooks方式解决)参考
该文被密码保护。
posted @ 2020-06-12 22:14 _various 阅读(0) 评论(0) 推荐(0)
react create-react-app项目---有关环境变量（如何判断当前环境是开发环境还是生产环境等...）
该文被密码保护。
posted @ 2020-06-12 09:09 _various 阅读(0) 评论(0) 推荐(0)
react dva2.0 改进参考及React中-dva.js中： 为了方便在视图层 dispatch action 并处理回调，比如 #175，我们在 dispatch里针对 effect 类型的 action做了返回 Promise 的特殊处理,及umi.js中配置参考 （ dva: { immer: true } ----类似immutable.js 及配置antd主题颜色和边框等.. ）
该文被密码保护。
posted @ 2020-05-19 18:24 _various 阅读(0) 评论(0) 推荐(0)
React中的修改数据状态和Vue中的修改数据状态，对应的更新对比 注意点 和 React生命周期速查表（中文文档） 和 react中文文档生命周期
该文被密码保护。
posted @ 2020-04-27 15:14 _various 阅读(0) 评论(0) 推荐(0)
JS中定时器setTimeout、setInterval和clearTimeout、clearInterval使用以及在React/Vue中使用注意事项（在定时器使用前先清空定时器，及在组件卸载时候再次清除定时器-setInterval是必要的，setTimeout同样建议需要...具体看下文）-及setTimeout比setInterval使用更加灵活及代替方案参考及面向对象思维编写定时器类参考
该文被密码保护。
posted @ 2020-04-03 17:33 _various 阅读(0) 评论(0) 推荐(0)
1.React中面向对象形式封装滚动加载类 2.ES5使用面向this指向DOM元素问题解决 3.Loash中提供了函数节流和防抖函数结合滚动加载的应用写法 4.this.constructor的重要应用和 对象的属性/方法查找规则--(属性就包含方法--属性的值为函数方法)
该文被密码保护。
posted @ 2020-03-21 20:02 _various 阅读(0) 评论(0) 推荐(0)
React/Vue等框架工程化项目管理npm基本命令使用》npm或cnpm(npm国内淘宝镜像提速) 或使用yarn代替npm （提速，更稳定，更推荐）--启动项目时候确保已安装依赖管理包(node_modules文件夹),未安装要先安装依赖管理包npm install管理包报错建议删除node_modules重新安装依赖管理包--npm脚本命令npm run scripts中的命令使用及简写
该文被密码保护。
posted @ 2020-03-02 11:26 _various 阅读(0) 评论(0) 推荐(0)
Vue/React等项目中工程化中，修改配置文件比如webpack等配置文件之后，则需要重新启动服务---》才有效果，否则很可能无效果 比如常用的:webpack配置ajax http请求跨域代理---->解决ajax开发中的跨域问题（上线后端使用ngix配置解决线上的跨域问题...或者前端自己来控制，上线不需要后端配置代理跨域做法参考）及其他修改配置文件等...
该文被密码保护。
posted @ 2020-02-12 17:02 _various 阅读(0) 评论(0) 推荐(0)
React/Vue中当有时候当我们无法清空表单 / 及组件等...的状态，可以试试 让表单 / 及组件等...重新加载，重新初始化状态的方法（组件重新加载状态则会重新初始化...）。----》注意：这不是最佳的解决方案，而是没有其他解决方案，有其他更好的方案则优先选择其他更好的清空状态方案！！
该文被密码保护。
posted @ 2020-01-16 17:05 _various 阅读(0) 评论(0) 推荐(0)
<React.Fragment>的用法（空标签包裹分组的功能，渲染的时候不会向 DOM 添加额外节点） 及 还有一种用法是三元表达式后面需要跟DOM/组件/JSX片段等...不能直接跟{ }表达式， 此时不想添加多余的dom标签，此时可以用<React.Fragment>标签包裹....
该文被密码保护。
posted @ 2020-01-15 15:24 _various 阅读(0) 评论(0) 推荐(0)
React/Vue组件写法（单闭合和双闭合） 及 React中双闭合this.props.children的用法（子组件中： { this.props.children } 就是父组件中包裹的 xxx..DOM / 组件 / JSX等.... ） 及 普通html dom也有单闭合标签和双闭合标签两种写法：双闭合标签中间可以包裹东西,内部包含东西
该文被密码保护。
posted @ 2020-01-15 11:23 _various 阅读(0) 评论(0) 推荐(0)
react中使用redux或vue中使用vuex全局管理数据状态，一般不需要判断已经有没有数据，再去发送ajax http请求获取数据。除非要做缓存之类的优化，通常情况下需要重新发送ajax获取数据，更新redux或vuex的数据，确保页面渲染的是最新的数据。
该文被密码保护。
posted @ 2020-01-14 21:42 _various 阅读(0) 评论(0) 推荐(0)
注意： 在组件属性 或者 DOM 只写属性名，省略属性值的写法--------》其实就相当于 该属性的值为true----->(通常用于属性值为布尔值的属性)
该文被密码保护。
posted @ 2020-01-14 21:06 _various 阅读(1) 评论(0) 推荐(0)
react中使用图片资源注意点和Vue中区别补充：由于图片资源有两种展现-img标签和background背景图片.因此在项目开发中（任何框架）也可以把img标签改成background背景图片的形式,可以使用相对或绝对路径，不需要import/require形式,图片放非public等静态文件夹下，也会经过webpack处理进行base64转化及webpack打包小图片进行Base64转码优缺点
该文被密码保护。
posted @ 2020-01-13 10:52 _various 阅读(2) 评论(0) 推荐(0)
React组件生命周期及生命周期对应接收的参数参考（***主要重点看React组件生命周期）---参考于React中文开发手册-----及 注意点： React / Vue中在组件卸载生命周期通常应用和 必要的清理操作例如：清除定时器、对绑定的事件进行解绑操作、解除订阅操作等...
该文被密码保护。
posted @ 2020-01-08 14:41 _various 阅读(1) 评论(0) 推荐(0)
使用redux(react) /vuex（vue）进行全局的数据状态管理（除了方便各个组件间的数据交互）还有的其他好处 及React / Vue要想各个模块中来回切换的时候数据不重新初始化（就是保存之前的状态）->可以把数据存到redux全局的store中(react) / 存储到vuex中(vue)。那么只有网页刷新的时候，这些数据才会重新初始化(组件局部数据，组件销毁重新加载会初始化...)
该文被密码保护。
posted @ 2020-01-06 14:37 _various 阅读(4) 评论(0) 推荐(0)
前端开发中按钮短时间内多次点击造成多次重复ajax http请求/重复提交 这类场景问题的解决思路 及 (React/Vue中)定义数据/变量最佳方案参考: -》判断依据：到底需不需要DOM重新渲染(render),即变量有没有在DOM中用到及有关DOM地方用到（如render下return前等...）及浅析函数防抖与函数节流及lodash中节流(Throttle)和防抖(Debounce)
该文被密码保护。
posted @ 2020-01-03 17:32 _various 阅读(0) 评论(0) 推荐(0)
React 数组变化不引起视图更新---》当setState的值为数组/对象引用类型的时候，建议每次setState都是一个全新的对象(替换原对象法)-》注意：在修改/设置redux(reducer中)/vuex数据中时候，值为数组/对象引用类型的时候，也建议每次修改/设置的都是一个全新的对象(替换原对象法) ---》上述若值为基本数据类型则没有这个问题 以及对比Vue的数据响应变化注意点
该文被密码保护。
posted @ 2020-01-02 13:30 _various 阅读(0) 评论(0) 推荐(0)
react和react-native的两种传递方式：bind(this, args...)传参和箭头函数包裹一层传参及事件方法默认接收event事件对象参数（事件监听addEventListener中事件方法也会默认接收event事件对象参数）及 通过bind(this, args...) 来传参时候注意：默认的event事件参数对象放在事件方法最后，箭头函数包裹一层方式传参event顺序可自定义
该文被密码保护。
posted @ 2019-12-25 14:11 _various 阅读(0) 评论(0) 推荐(0)

1 2 3 4 5 ··· 7 下一页