扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
Web前端可以做的工作，可以分为以下几点：
创新互联专注于潍城企业网站建设,成都响应式网站建设公司,商城系统网站开发。潍城网站建设公司,为潍城等地区提供建站服务。全流程定制开发，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
1、Web前端是什么意思
Web前端是网站前台部分，运行在PC端，移动端等浏览器上展现给用户所浏览的网页。
用我们的话来说，前端就是网页给访问网站的人看的内容和页面，Web前端开发意思就是这些内容的制作，也就是代码的实现。
WEB前端
简而言之Web前端就是实现客户端（手机和电脑）上看到的页面和一些交互效果（比如点击、查看详情、查看更多）等，从事WEB网页开发、HTML5页面开发。
2、Web前端开发具体要做什么
前端开发最主要的是掌握三种基本能力，HTML、CSS，JavaScript。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。
Web 前端开发三大技术 html，css，js
还运用大量的 js 库，可以将前端的交互效果做得更加炫酷，除了基本语言，还要掌握各种开发工具的应用。Dreamweaver：，Sublime，HBuilder等都是比较热门的工具。
前端开发需要掌握的能力很多，知识范围很广，要付出的代价很多。不过，前端的前途也是相当光明的，前端现在正在走向工程化发展，无论权是大小公司企业，对前端开发的需求都是越来越大了，也越来越专业了。
3、朗沃教育Web前端课程做什么
Web 前端除了最基本的 html，css，js 还有大量的技术内容，也会运用到一定的框架，而朗沃教育的 WEB 前端开发一般会学到这些内容。
HTML/CSS 基础和高级
JavaScript 基础语法和高级应用
Node 服务端开发
Web前端框架开发（React 技术栈，Vue 技术栈）
移动端开发（React Native，跨端开发框架之微信小程序开发，Flutter，PWA 等）
前端运维（Docker 与 Linux 基本操作等）
详细课程请浏览朗沃教育Web前端课程。
WEB前端是什么？零基础可以学吗？初期阶段只是了解一些Web前端基础内容，后面会涉及到一些Web前端交互的内容，再涉及到服务器的一些知识，最后再学习Web前端的三大框架，再加上一些前端项目。
系统自带的Dialog实际上就是Push了一个新页面，这样存在很多好处，但是也存在一些很难解决的问题
上面这些痛点，简直个个致命 ，当然，还存在一些其它的解决方案，例如：
很明显，使用Overlay可移植性最好，目前很多toast和dialog三方库便是使用该方案，使用了一些loading库，看了其中源码，穿透背景解决方案，和预期想要的效果大相径庭、一些dialog库自带toast显示，但是toast显示却又不能和dialog共存（toast属于特殊的信息展示，理应能独立存在），导致我需要多依赖一个Toast库
基于上面那些难以解决的问题，只能自己去实现，花了一些时间，实现了一个Pub包，基本该解决的痛点都已解决了，用于实际业务没什么问题
使用 FlutterSmartDialog 包裹下child即可，下面就可以愉快的使用SmartDialog了
使用Overlay的依赖库，基本都存在一个问题，难以对返回事件的监听，导致触犯返回事件难以关闭弹窗布局之类，想了很多办法，没办法在依赖库中解决该问题，此处提供一个 BaseScaffold ，在每个页面使用 BaseScaffold ，便能解决返回事件关闭Dialog问题
当时想解决穿透暗色背景，和背景后面的控件互动的时候，我几乎立马想到这俩个控件，先了解下这俩个控件吧
分析
这种方案，成功实现想要的穿透效果，这里了解下 behavior 的几种属性
有戏了！很明显translucent是有希望的，尝试了几次，然后成功实现了想要的效果
注意，这边有几个坑点，提一下
下面是写的一个验证小示例
这个库花了一些时间去构思和实现，算是解决几个很大的痛点
FlutterSmartDialog一些信息
状态管理
选择ZEGO即构科技可以轻松让小程序、webrtc和app互通连麦直播，ZEGO即构科技毫秒级音视频互动，千万级高并发，70%丢包下仍能保障稳定流畅的观看体验。【点击免费试用，0成本启动】
WebRTC是面向互联网的一种即时通信标准，由于被Chrome、火狐、Safari等主流浏览器支持，并提供了一致和简洁的API，使得开发WebRTC的视频通信应用非常简单和流行。在大多数情况下，我们认为双向视频通信技术和视频直播技术是两种不同的技术，一个做视频通话，一个做单向直播（在以往的直播方案中，绝大部分是采用rtmp协议做直播上行的）。有没有可能使用WebRTC进行视频直播呢？这样既可以利用WebRTC的低延迟和良好的网络适应性，又可以充分利用WebRTC API的简洁性获得更高的开发效率和灵活性。
想要了解更多关于webrtc的相关信息，推荐咨询ZEGO即构科技。ZEGO即构科技自主研发的高音质语音视频引擎，能够提供实时清晰的多人语音视频通话。支持多路视频画面，保障每一路语音视频都清晰流畅提供端到端的SDK、分布式转码、接入鉴权云服务接入、摆脱运维、轻松支撑海量用户运营。
OpenIM文档方面的建设一直远远落后于开发， 也经常被开发者诟病，在接下来一周的时间里，我们重点补齐文档，让开发者更轻松接入。由于app sdk底层都是go来实现，所以本文先写一个模板和框架，在接下来的时间里，会有iOS、Android、Flutter、Uniapp、jssdk同事补充具体的细节，并更新到官网
## 初始化及登录
初始化并登录成功回调，是正常使用OpenIM 服务的前提
| SDK | 描述 |
| :--------------- | :----------------------------------------------------------- |
| [Login] | 登录，如果登录成功，必须退出登录才能再次执行登录操作 |
| [Logout] | 退出登录 |
| [GetLoginStatus] | 获取登录状态， 101：登录成功， 102：登陆中， 103：登录失败， 201：退出登录 |
| [GetLoginUser] | 获取当前登录用户UserID，此时用户登录状态未知 |
| [initSDK] | 初始化 SDK，整个生命周期执行一次，登录相关监听介绍如下： |
OpenIM和调用方利用监听回调机制，和调用方信息互通，把登录状态通过异步回调方式即时传递给调用方，确保信息及时传达而不阻塞其主线程。
## 监听说明
| 登录相关监听 | 回调描述 |
| :------------------- | :----------------------------------------------------------- |
| [OnConnecting] | 连接中，在连接后台时（包括重连）回调 |
| [OnConnectSuccess] | 连接成功 |
| [OnConnectFailed] | 连接失败，如果因网络连接失败会重连，其他情况不重连 |
| [OnKickedOffline] | 被踢下线，可能由于多端登录策略所致，或后台管理员强制其退出登录 |
| [OnUserTokenExpired] | 检测token过期回调 |
## 调用流程
OpenIM调用流程分为如下几步：
（1）初始化：在整个生命周期执行一次
（2）设置监听：包括群组监听，好友监听，用户监听，消息及会话监听，这些监听会在其他章节中描述
（3）登录：登录回调成功后再执行其他操作，否则可能出现资源加载未完成的错误
（4）收发消息等操作；
## 好友管理相关接口
OpenIM提供好友关系托管，比如好友申请，同意，以及好友获取等，OpenIM在客户端本地存储好友关系，并结合消息通知机制，按需调用后台接口，确保本地和服务端数据一致。同时利用监听机制，把数据变化通过异步回调传达调用方。OpenIM在收发消息时，默认不检查好友关系，您可以在配置文件中自行修改。OpenIM好友关系是双向关系，A添加B为好友后，则A在B的好友列表中，B也在A的好友列表中，A删除B，仅仅只是删除A的好友列表，而B的好友列表不受影响。同样，黑名单也类似。
| SDK | 描述 |
| :----------------------------- | :------------------------------------------------------- |
| [GetDesignatedFriendsInfo] | 获取指定好友的信息 |
| [GetFriendList] | 获取所有的好友列表 |
| [SearchFriends] | 通过关键词搜索好友 |
| [CheckFriend] | 检查是否好友关系 |
| [AddFriend] | 发起添加好友请求 |
| [SetFriendRemark] | 设置好友备注 |
| [DeleteFriend] | 删除好友（单向删除） |
| [GetRecvFriendApplicationList] | 获取我收到的添加好友申请列表 |
| [GetSendFriendApplicationList] | 获取我发起的的添加好友申请列表 |
| [AcceptFriendApplication] | 同意好友申请 |
| [RefuseFriendApplication] | 拒绝好友申请 |
| [SetFriendListener] | 设置好友、黑名单相关监听，用于UI层实时感知数据变化并刷新 |
## 监听说明
好友监听器的作用：调用方设置好友监听，好友关系的变化会通过OpenIM消息机制实时同步到需要感知的在线用户，包括用户的其他端，调用方根据回调事件做相关的数据处理。
比如用户B在Android端添加用户A为好友，用户A（所有在线的终端）收到B的好友申请，则A调用GetRecvFriendApplicationList获取收到的好友申请列表，刷新界面。同时，用户B在线其他的终端比如PC端也会收到通知，B调用GetSendFriendApplicationList获取发起的好友申请列表，刷新B发出的好友申请列表。
当然也可以利用回调的参数信息，做增量处理，而不用获取全量的好友申请列表。
以用户B申请添加用户A为例
| 好友及黑名单监听 | 描述 |
| :---------------------------- | :--------------------------------------------------- |
| [OnFriendApplicationAdded] | 好友申请列表增加，主动发起者和被动添加者会收到 |
| [OnFriendApplicationDeleted] | 好友申请列表删除，主动删除者会收到 |
| [OnFriendApplicationAccepted] | 好友申请被同意，主动发起者和被动添加者会收到 |
| [OnFriendApplicationRejected] | 好友申请被拒绝，主动发起者和被动添加者会收到 |
| [OnFriendAdded] | 好友增加，用户好友增加时会收到 |
| [OnFriendDeleted] | 好友删除，用户好友减少时会收到 |
| [OnFriendInfoChanged] | 好友信息改变，用户好友信息（比如昵称等）改变时会收到 |
| [OnBlackAdded] | 黑名单增加，用户黑名单增加时会收到 |
| [OnBlackDeleted] | 黑名单移除，用户黑名单减少时会收到 |
## 项目介绍
OpenIM继续领跑开源IM领域，在广大开发者的支持下，目前github star突破9k。在数据泄露、信息外泄、隐私滥用的时代，IM私有化部署需求旺盛。其中，政企协同办公对IM需求猛增，随着信息化技术的迭代升级以及信创产业加速落地和实践，协同办公软件的发展潜力将进一步被释放。“安全可控“逐步成为第一要素。对于社区交友领域，暴露出的隐私安全问题越来越多，私有化部署确保用户数据不泄露。
OpenIM从服务端到客户端SDK开源即时通讯（IM）整体解决方案，可以轻松替代第三方IM云服务，打造具备聊天、社交、办公功能的app。
github地址：
开发者中心：
## OpenIM团队
创始团队来自资深IM技术团队，我们致力于用开源技术创造服务价值，打造轻量级、高可用的IM架构，开发者只需简单调用 SDK，即可在应用内构建多种即时通讯及实时音视频互动场景。OpenIM优势：开源，安全，可靠，低成本。对于信息安全重视的电子政务，企业协同办公，OpenIM都是非常好的选择。
从公司成立之初就将“开源”作为核心战略来推进，开源充分体现了自由、平等、分享的互联网精神。
OpenIM邀请全球技术极客参与技术优化，让开发者轻松集成，让每一个应用都具备IM功能，同时考虑企业的接入成本、服务器资源以及最重要的数据安全性和私密性。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网