- 博客(9)
- 收藏
- 关注
原创 web work 。。。
Web Worker在Web应用开发中有广泛的应用,比如可以使用Web Worker来进行数据处理、计算任务和异步请求等操作,从而提高Web应用的性能和用户体验。处理Worker消息:在Worker中使用onmessage事件监听来自主线程的消息,使用postMessage()方法向主线程发送消息。Web Worker可以通过postMessage()方法向主线程发送消息,主线程也可以通过该方法向Worker发送消息。Web Worker是单独的线程,与主线程相互独立,可以同时运行多个Worker。
2023-03-28 13:59:56 116
原创 通信,,,,,,
跨级组件通信:如果两个组件处于不同层次结构中,可以使用React的Context API来实现跨级组件通信。子父组件通信:子组件可以通过调用父组件传递的回调函数来将数据传递回父组件。兄弟组件通信:如果两个组件没有直接的父子关系,可以使用一个共同的父组件作为中介来实现兄弟组件之间的通信。在父组件中保存共享的状态,并将这些状态通过props传递给兄弟组件。父子组件通信:父组件可以通过props将数据传递给子组件。在子组件中可以通过调用父组件传递的回调函数来将数据传递回父组件。
2023-03-28 13:42:30 54
原创 封装hook
每个Hooks函数都处理一个特定的逻辑,并返回一个状态或状态集合,以便组件可以访问和使用它们。实现通用的Hooks逻辑,可以重复使用:Hooks函数应该是通用的,可以被多个组件使用,并且可以处理多种情况。将Hooks函数封装在一个独立的文件中:为了方便复用和维护,你可以将Hooks函数封装在一个独立的文件中。在面试过程中,你需要展示你对Hooks的理解和使用能力,以及你如何将Hooks函数封装成可重用的模块。接受参数来定制Hooks的行为:有些情况下,Hooks函数需要根据传入的参数来执行不同的逻辑。
2023-03-28 13:21:39 589
原创 原型问题,,
A: 在 JavaScript 中,每个对象都有一个原型对象,该原型对象也有自己的原型对象,以此类推,形成了一条从对象到 Object.prototype 的原型链。A: 在 JavaScript 中,每个对象都有一个关联的原型对象,它包含对象的方法和属性。当你尝试访问一个对象的属性或方法时,JavaScript 会首先查找该对象本身是否具有该属性或方法,如果没有,则会继续在对象的原型链中查找,直到找到该属性或方法为止。A: 可以使用对象的 proto 属性来访问 JavaScript 对象的原型。
2023-03-28 13:14:35 75
原创 前端优化相关
前端持续集成和部署:我通常使用Travis CI来实现前端持续集成和部署,它可以通过配置文件来实现自定义构建、测试和部署流程。我会在Webpack配置文件中配置入口文件、输出路径、使用的Loader和Plugin等,以实现打包、压缩、合并、代码分离等功能。前端模块化和组件化:我通常使用ES6模块和React组件来实现前端模块化和组件化,以提高代码的可维护性和复用性。前端持续集成和部署:如何使用持续集成和持续部署(如Travis CI、Jenkins等)来自动化前端代码的构建、测试和部署?
2023-03-28 13:02:15 74
原创 react题
本地存储:使用自定义hook封装本地存储逻辑,如localStorage或IndexedDB等,可以在多个组件中共享存储数据,避免重复存储和读取数据。1.减少dom操作,将多次操作变为一次,比如要操作1000个div,dom需要操作1000次,而虚拟dom往数组里放1000个文本,一次渲染出来。状态管理:使用useState或useReducer等hook封装状态管理逻辑,可以在多个组件中共享状态,避免状态的重复维护和传递。二:跨平台:虚拟dom本质是js对象,js对象可以变安卓,可以变dom。
2023-03-24 18:08:46 103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人