weex

前言 据广大用户的需求，需要把我们anyRTC的SDK，封装到uni-app来使用，并且实现音视频通话。这边文章图文讲解一下怎么封装原生插件，并且在下一章uni-app实现音视频通话。 anyRTC开发者中心 1.uni-app是什么？ 一个使用Vue.js开发所有前端应用框架,开发者编写一套代码,可发布到ios、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 如果你还没有了解uni-app是什么： 点击这里：这篇文章举例说明。 2.uni-app的特点 1、跨平台更多 真正做到“一套代码、多端发行”！ 条件编译：优雅的在一个项目里调用不同平台的特色功能！ 2、运行体验好 组件、api与微信小程序一致 兼容weex原生渲染 3、通过技术栈，学习成本低 vue的语法、微信小程序的api 内嵌mpvue 4、开放生态，组件更丰富 5、支持通过npm安装第三方包 6、支持微信小程序自定义组件及SDK 7、兼容mpvue组件及项目 8、App端支持和原生混合编码 9、DCloud将发布插件市场 3.uni-app封装原生插件 3.1 Android离线SDK下载： 点击下载 ，两个SDK均可。 下载完成，解压备用： 3.2 新建Android项目 打开Android Studio，建立一个No Activity项目。在菜单栏选择 File>New

👆 想要了解更多不掺水的原创，请戳上方蓝色字体： 政采云前端团队 关注我们吧～ 前言 <FDay> 前端技术分享会，是政采云前端团队（ZooTeam）的月度分享会。2019 年的 10 月期，我们有幸邀请到了 Winter（程劭非） ，为我们的前端同学做了一期关于前端团队成长的主题分享。之前也邀请过其他大牛来政采云 <FDay> 分享，如阿里云 IoT 高级技术专家@额台，宋小菜大前端负责人@Scott 等，可惜当时都没做现场记录。Winter 这一期，我们的同学现场做了一下分享记录，全程 Winter 大大妙语连珠，大家笑声阵阵，现场速记难免存在细节遗漏，文章部分内容存在简略，但相信依然能传递一些有价值的认知和思考，帮助到列位看官。 什么是一个好的前端团队？氛围好？技术强？机会多？一千个读者心中有一千个哈姆雷特，相信每个人都有不同的答案。就拿刚毕业的应届生就业来说，有人想去大厂，因为大厂基础设施完善，有大牛带，成长快；也有人想去小公司，因为小公司的基础设施不完善，就会有很多的机遇，有晋升的空间。本次分享 Winter 从前端团队的基石、前端团队的核心因素和前端团队的亮点三方面来谈一谈这个话题。 分享嘉宾简介 Winter（程劭非），先后任职于微软、盛大、阿里巴巴，阿里时期担任手机淘宝前端负责人，带领团队产出 Weex 等跨平台的移动端解决方案。极客时间《重学前端》系列课程作者。

　　 开篇 　　不想做将军的士兵不是好士兵，这句话可以有很功利的理解方式，对应到我们自己很可能是：不想做CTO的程序员不是好程序员！几年前对这句话的理解与现在有很多不同，因为我现在已经是一名中小型公司的CTO了，这句话真实的理解方式其实应该是：我们每个程序员要有远大的梦想（理想），这个涉及到我们的格局，只有格局足够高了才能走的更远，如韩信受胯下之辱而不怒为例就是，后面受委屈的时间多着呢，忍得住才能走的更远，看得到远方也就不会为如今的愁苦困扰了，所以来个佛系三连：随便吧，就这样，也可以。 　　一般来说，中小型公司（好的创业团队），研发人员基本为50-100人的配置，原则上不会让CTO统管产品、UI、运营等，如果你看见一个公司CTO会统管以上一切，很有可能他是产品出生、市场出生、运营出生、销售畜生，但就不会是技术出生，这个角色真正的称呼是COO。我这边团队大概在80人左右，也会有自己的产品，但是公司级业务都是统一的产品团队在握到手里，有时候老板是最大的产品经理，有时候市场是，更多的时候还是产品自己是，各个部门都有一个太极阴阳平衡在里面，如果这种平衡失衡的话，公司一般来说是走不远的，这里后面有章节会介绍到，这里不赘述。 　　这个是CTO并不是终点系列，大家已经可以猜到，其实后面更多的是自己工作中的一些吐槽，或者说一些经验。人嘛，都需要一个发泄总结的平台于是便拿起了我这个尘封已久的账号

前言 uni-app 是 DCloud 出品的新一代跨端框架，可以说是目前跨端数最多的框架之一了，目前支持发布到：App（Android/iOS）、H5、小程序（微信小程序/支付宝小程序/百度小程序/字节跳动小程序），目前市面上类似的框架还有：Taro（京东出品）、Megalo（网易出品）。 uni-app 的 nvue 说白了就是 weex 的那一套东西，uni-app 集成了 weex 的 SDK，也就实现了 App 端的原生渲染能力。 weex 支持的东西，在 nvue 里大多都是支持的，所以这里就不详细讲述 weex 的相关组件和 api 调用，只讲述一些在实际开发过程中遇到的一些小问题。 Hello World 开始创建第一个 nvue 页面。 目录结构： index.nvue 代码如下： <template> <div> <text>{{text}}</text> </div> </template> <script> export default { data() { return { text: 'Hello World' } } } </script> 如此真机运行可能遇到如下错误： 造成这个问题的原因是 uni-app 项目里必须有一个 vue 的页面，新建一个 vue 页面然后重新运行就不会有问题了。 image 设置 border-radius 在 nvue

前言 uni-app 是 DCloud 出品的新一代跨端框架，可以说是目前跨端数最多的框架之一了，目前支持发布到：App（Android/iOS）、H5、小程序（微信小程序/支付宝小程序/百度小程序/字节跳动小程序），目前市面上类似的框架还有：Taro（京东出品）、Megalo（网易出品）。 uni-app 的 nvue 说白了就是 weex 的那一套东西，uni-app 集成了 weex 的 SDK，也就实现了 App 端的原生渲染能力。 weex 支持的东西，在 nvue 里大多都是支持的，所以这里就不详细讲述 weex 的相关组件和 api 调用，只讲述一些在实际开发过程中遇到的一些小问题。 Hello World 开始创建第一个 nvue 页面。 目录结构： index.nvue 代码如下： < template> < div> < text> {{text}} </ text> </ div> </ template> < script> export default { data() { return { text: 'Hello World' } } } </ script> 如此真机运行可能遇到如下错误： 造成这个问题的原因是 uni-app 项目里必须有一个 vue 的页面，新建一个 vue 页面然后重新运行就不会有问题了。 image 设置 border

算法 LeetCode easy 和 medium 类型的题目刷一遍，一般面试的题目不出意外基本在里面。 Leetcode 官方也有类似的一些专题比如练习模式 有精力的可以看一遍《剑指offer》这本电子书。结合 Leetcode ，理解其思维逻辑，不容易忘记，这一关问题就不大了 基础 大厂最看重的是基础，基础扎实，其他稍微有点瑕疵问题也不大. iOS基础 RunLoop 。 建议 RunLoop 源码通读一遍，这块内容经常被考查。结合该篇文章 深入理解RunLoop 肯定会加深你的理解. 内存。 MRC和ARC的区别。内存管理原理是什么。几个关键字的实现和不同点比如 strong , weak , assign , retain , copy , unsafe_unretained 。因为涉及到内存，所以会引申到堆栈这一块. Block 。 Block 的实质，在 MRC 和 ARC 中的差别， Copy 关键字，和函数指针的联系。 __block 关键字 Runtime 相关。 消息转发几个步骤，消息怎么发送？ 多线程. GCD ， Operation 。一般会给你一个场景，问你怎么处理。还有就是线程安全这一块 锁。这块经常和多线程一起进行考察 KVO 原理 属性，协议，分类，扩展 Delegate , Block , Notification 网络 http1.1 、

（转自公众号：浙江兰德网络） F2 是一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node, 小程序，Weex），完备的图形语法理论，满足你的各种可视化需求，专业的移动设计指引为你带来最佳的移动端图表体验。 官网地址： https://f2.antv.vision/zh/examples/basic O2OA上使用F2样例 this . define ( "init" , function (){ var action = this . Actions . load ( "x_processplatform_assemble_bam" ); o2 . load ( "../o2_lib/antv/f2.js" , function (){ action . StateAction . summary ( function ( json ){ var summaryData = json . data ; const data = [ { genre : '待办' , sold : summaryData . taskCount }, { genre : '已办' , sold : summaryData . taskCompletedCount }, { genre : '待阅' , sold : summaryData . readCount

一、为什么要使用虚拟dom。 我们来回顾一下前端开发刀耕火种的时代。 ①之前的前端开发需要手动操作dom，还要考虑浏览器兼容性等问题，非常的麻烦，后来有了JQuery等库，简化了dom操作，我们也不需要考虑浏览器兼容性等问题，但是随着前端项目的复杂，dom操作也变得复杂，我们既要考虑操作数据，也要考虑操作dom，为了简化dom操作，则出现了各种mvvm框架， ②mvvm框架帮我们解决可视图和状态的同步问题。也就是当数据发生变化自动更新视图，当视图发生变化，自动更新数据。 ③在过去，为了简化视图的操作，我们可以使用模板引擎，但是模板引擎没有解决跟踪状态变化的问题，就是当数据发生变化后，无法获取上一次的状态，只好把界面上的元素删除，然后在重新创建，jquery写的一个列表，当新增删除排序时，添加一个过渡效果，操作时列表会先被删除，然后重建，耗费性能。模板引擎没有解决跟踪状态变化的问题，所以有了虚拟dom，虚拟dom的好处是当状态发生改变时，不需要立即更新dom，只需要创建一个虚拟dom树，来描述dom，虚拟dom内部将弄清楚如何有效的（diff）更新dom，内部会使用diff算法来找到状态的差异，只更新变化的部分。虚拟dom只会更新数据发生变化的dom元素， ④总结：虚拟dom可以维护程序的状态，可以跟踪上一次的状态，我们可以通过对比前后两次状态的差异，来更新真实的dom。

本文将围绕支付宝在移动端架构的演进逐步展开，分享我们在“App 动态性”“提升研发效率”等方面所做的思考和具体实践。同时，针对 mPaaS 小程序能力的开放，也将展开介绍我们如何实现“小程序代码只写一次，多端投放”，而这将给开发者带来完全不同的开发体验。 支付宝 App 发展历程 首先让我们先回顾看看支付宝 App 在近几年的具体发展历程。 支付宝一开始仅仅只是一个单体应用的工具型 App，让用户可以在手机完成支付宝相关的业务查询和操作。2013 年后，支付宝逐步转型为平台型 App， 平台型 App 具有“服务化、模块化、工具组件化”的特点。这个时候支付宝的业务不仅仅是支付，还需要给客户提供很多生活相关的服务，例如余额宝、缴电费等。2015 年后支付宝成长为超级 App，此时支付宝里面需要支持大量复杂的业务。2018 年，随着小程序的推出，支付宝开始开放自己的商业能力，用自己流量助力合作伙伴，因此整个 App 面临开放、动态化、高可用的挑战，面对这些挑战，我们把它总结为以下三个方面： 1.动态性及体验 • 面对多样的需求，如何保证业务的快速迭代？ • 保证 App 动态更新的前提下，如何保障用户体验？ 2.研发效率 • 如何做到代码一次编写，多端复用？ • 没有客户端开发经验，如何提升开发效率？ 3.开放生态 • 如何将能力开放给更多开发者？ • 如何连接更多生态平台，丰富自身

入门： https://uniapp.dcloud.io/quickstart 开发工具：HBuilderX ,HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能，清爽的界面，强大的功能和于一身。 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 优势：跨平台，一套代码，多端发行；运行体验更好，兼容weex原生渲染；通用技术，学习成本低，上手快；开放生态，组件更丰富 4.具体知识点 uni-app使用vue的数据绑定方式解决js和dom界面交互的问题。 pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等 manifest.json 文件是应用的配置文件，用于指定应用的名称、图标、权限等。 参考资源 ： https://github.com/aben1188/awesome-uni-app uni-app 保持登录状态 https://www.wandouip.com/t5i413547/ 来源： oschina 链接： https://my.oschina.net/pengchanghua/blog/4280012