用户8399150545904
获得徽章 0
#青训营笔记创作活动# Javascript调用Native：
• API注入: Native获取Javascript环境上下文，对其挂载的对象或者方法进行拦截
• 使用Webview URL Scheme跳转拦截
• IOS上window.webkit.messageHandler直接通信
Native调用Javascript：
• 直接通过webview暴露的API执行JS代码
• IOS方法：webview.stringByEvaluatingJavaScriptFromString
• Android方法：webview.evaluateJavascript
Webview 和 Native通信：
1. JS环境中提供通信的JSBridge
2. Native端提供SDK响应JSBridge发出的调用
3. 前端和客户端分别实现对应功能模块
• API注入: Native获取Javascript环境上下文，对其挂载的对象或者方法进行拦截
• 使用Webview URL Scheme跳转拦截
• IOS上window.webkit.messageHandler直接通信
Native调用Javascript：
• 直接通过webview暴露的API执行JS代码
• IOS方法：webview.stringByEvaluatingJavaScriptFromString
• Android方法：webview.evaluateJavascript
Webview 和 Native通信：
1. JS环境中提供通信的JSBridge
2. Native端提供SDK响应JSBridge发出的调用
3. 前端和客户端分别实现对应功能模块
展开
评论
点赞
软件工程中，我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。
组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，
这在创建大型系统时为你提供了十分灵活的功能。
在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件,
一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。
作者：安酱
链接：
juejin.cn
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 #青训营笔记创作活动#
组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，
这在创建大型系统时为你提供了十分灵活的功能。
在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件,
一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。
作者：安酱
链接：
juejin.cn来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 #青训营笔记创作活动#
展开
评论
点赞
#挑战每日一条沸点# 如何更好的使用组件库，了解组件库的一些常用能力底层如何设计实现，以及在进行业务组件库搭建时，需要注意哪些技术点，最后结合组件开发实例演示如何设计一个通用组件，并进行快速托管。
评论
2
组件库介绍
组件库的使用
组件库快速上手
暗黑模式
主题定制
国际化（语言国际化，视图国际化）
全局配置组件默认行为
常见业务问题
自定义组件
业务组件库基础搭建
业务组件开发 good vs bad
示例实践
快速托管
组件库的使用
组件库快速上手
暗黑模式
主题定制
国际化（语言国际化，视图国际化）
全局配置组件默认行为
常见业务问题
自定义组件
业务组件库基础搭建
业务组件开发 good vs bad
示例实践
快速托管
展开
评论
点赞
Linux 作为开源的系统，目前正在各个领域发光发热。不管是前端还是服务端，日常开发都免不了跟 linux 打交道，本门课程整体介绍了 linux 的基础知识点及部分内核结构，旨在帮助大家能够了解及加深对 linux 的认知，方便日常工作的开展
评论
1
#挑战每日一条沸点# 组件库介绍
组件库的使用
组件库快速上手
暗黑模式
主题定制
国际化（语言国际化，视图国际化）
全局配置组件默认行为
常见业务问题
自定义组件
业务组件库基础搭建
业务组件开发 good vs bad
示例实践
快速托管
组件库的使用
组件库快速上手
暗黑模式
主题定制
国际化（语言国际化，视图国际化）
全局配置组件默认行为
常见业务问题
自定义组件
业务组件库基础搭建
业务组件开发 good vs bad
示例实践
快速托管
展开
评论
1
#挑战每日一条沸点# 路由的演变
前后端路由
SPA&路由
react-router实现原理
项目中常见的问题与结合路由的最佳实践
微前端
React.lazy&React.Suspense
SSR&SSG
前后端路由
SPA&路由
react-router实现原理
项目中常见的问题与结合路由的最佳实践
微前端
React.lazy&React.Suspense
SSR&SSG
展开
评论
2
#挑战每日一条沸点# React中的Context解决了react中，props或者state进行多级数据传递，则数据需要自顶下流经过每一级
组件，无法跨级的问题。但是Context在页面间共享数据的时候同样有很多问题：
1.Context相当于全局变量，难以追溯数据的变更情况
2.使用Context的组件内部耦合度太高，不利于组件的复用和单元测试
3.会产生不必要的更新（比如会穿透memo和dependicies等）
4.Context只能存储单一值，无法存储多个各自拥有消费者的值的集合。
5.粒度也不太好控制，不能细粒度的区分组件依赖了哪一个Context
6.多个Context会存在层层嵌套的问题
组件，无法跨级的问题。但是Context在页面间共享数据的时候同样有很多问题：
1.Context相当于全局变量，难以追溯数据的变更情况
2.使用Context的组件内部耦合度太高，不利于组件的复用和单元测试
3.会产生不必要的更新（比如会穿透memo和dependicies等）
4.Context只能存储单一值，无法存储多个各自拥有消费者的值的集合。
5.粒度也不太好控制，不能细粒度的区分组件依赖了哪一个Context
6.多个Context会存在层层嵌套的问题
展开
1
3
#挑战每日一条沸点# 1.JS是单线程的，但是Renderi进程里面有多个线程
2.S线程和GU线程互斥，执行大的计算任务会导致页面卡顿
3.基础数据类型存在栈上，复杂数据类型存在堆上
4.const、let没有变量提升，提前使用会报错
5.JS也有编译的过程，执行之前会生成执行上下文
6.一个执行上下文包括变量环境、词法环境、this
7.变量环境里面有一个指向外部函数执行上下文的指针，形成了作用域链
8.全局执行上下文只有一份
9.this和执行上下文绑定
2.S线程和GU线程互斥，执行大的计算任务会导致页面卡顿
3.基础数据类型存在栈上，复杂数据类型存在堆上
4.const、let没有变量提升，提前使用会报错
5.JS也有编译的过程，执行之前会生成执行上下文
6.一个执行上下文包括变量环境、词法环境、this
7.变量环境里面有一个指向外部函数执行上下文的指针，形成了作用域链
8.全局执行上下文只有一份
9.this和执行上下文绑定
展开
评论
点赞