- 博客(7)
- 收藏
- 关注
原创 Vue2 及 Vue3 响应式原理(手写简版源码解析)
Vue2响应式原理vue2 依赖于 object.defineProperty 监听对象变化更新视图1. object.defineProperty(target,key,{}) 方法在原对象上修改或定义一个属性第一个参数原目标对象第二个参数原属性 或 新属性第三个参数 属性描述 或 属性存取2.知道方法后2.1 创建一个文件 我这里用普通的html 文件为例 创建 vue2.html 文件2.2 <script> </script>
2022-03-11 17:09:53
1013
原创 前端优化之 长列表渲染
一次性需要渲染大量的数据浏览器渲染过慢甚至渲染崩溃解决方案本文前半部分提供思路供学习着急解决的朋友可以直接滑最底部查看目前最快解决方法1.宏任务分批渲染节点 <div id="list"></div> <script> let total = 10000 let id = 0 let index = 20 function load () { index += 20 if (index &
2022-03-07 11:32:54
1736
原创 React RN 之 createContext换肤处理
1.创建themeContext.js 创建Themes.js文件themeContext.jsimport {createContext} from 'react';import Themes from './Themes';export default createContext(Themes.dark);Themes.jsexport default { dark:{ name:'dark', backgroundColor..
2022-03-01 17:20:24
662
原创 React RN 状态管理之 redux
一切可以不用redux做到的就不要用redux!redux 比较重直接开启过程依赖yarn add react-redux@7.2.6yarn add redux@4.1.2yarn addredux-thunk@2.4.11.创建store 分配 reducer 创建store文件夹 下创建store.jsimport {createStore,applyMiddleware,combineReducers} from 'redux'// 引入thunk 中间件..
2022-03-01 17:05:02
728
原创 react-native 二维码扫描
这里RN版本0.62.2yarn add react-native-qrcode-scanner@1.4.1import QRCodeScanner from "react-native-qrcode-scanner";<QRCodeScanner style={styles.scanner} onRead={this.onSuccess} // 扫描成功回调 reactivate={this.state.reactivate} // 扫
2022-03-01 16:31:00
1760
1
原创 react-native 路由概括 版本(0.63.4)
底部tabbar 路由 侧滑路由 顶部tab切换 、react-native对于初学者确实不太友好,单路由跳转就劝退大把的新手(本人也是菜鸡、根据翻阅的文档和自己经验记录一下)、希望可以帮助初学入手
2022-03-01 16:23:56
922
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人