- 博客(7)
- 收藏
- 关注
RSS订阅原创 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
1188
原创 前端优化之 长列表渲染
一次性需要渲染大量的数据浏览器渲染过慢甚至渲染崩溃解决方案 本文前半部分提供思路供学习 着急解决的朋友可以直接滑最底部查看目前最快解决方法 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
1966
原创 React RN 之 createContext换肤处理
1.创建themeContext.js 创建Themes.js文件 themeContext.js import {createContext} from 'react'; import Themes from './Themes'; export default createContext(Themes.dark); Themes.js export default { dark:{ name:'dark', backgroundColor..
2022-03-01 17:20:24
790
原创 React RN 状态管理之 redux
一切可以不用redux做到的就不要用redux！ redux 比较重直接开启过程 依赖 yarn add react-redux@7.2.6 yarn add redux@4.1.2 yarn addredux-thunk@2.4.1 1.创建store 分配 reducer 创建store文件夹 下创建store.js import {createStore,applyMiddleware,combineReducers} from 'redux' // 引入thunk 中间件..
2022-03-01 17:05:02
787
原创 react-native 二维码扫描
这里RN版本0.62.2 yarn add react-native-qrcode-scanner@1.4.1 import QRCodeScanner from "react-native-qrcode-scanner"; <QRCodeScanner style={styles.scanner} onRead={this.onSuccess} // 扫描成功回调 reactivate={this.state.reactivate} // 扫
2022-03-01 16:31:00
1892
1
原创 react-native 路由概括 版本(0.63.4)
底部tabbar 路由 侧滑路由 顶部tab切换 、react-native对于初学者确实不太友好，单路由跳转就劝退大把的新手(本人也是菜鸡、根据翻阅的文档和自己经验记录一下)、希望可以帮助初学入手
2022-03-01 16:23:56
1039
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人