weex

17年的总结来的更晚一点，其实是一直在犹豫要不要写，主要感觉去年一年折腾的有点凶残，连续换工作以及地点，一路走来有纠结，有痛苦，有快乐，有兴奋，有迷茫，有得有失，所以想了很久，还是来记录下这一年的关键点。 离职 -- 新路线 16年的总结在这里 16年总结 ，其实在发布这个文章之前，就已经跟阿里那边再谈新的offer，会以P7的级别入职阿里--闲鱼部门。这个offer也是犹豫了很久，毕竟要离开北京这个生活工作了很久的城市，换到杭州去，还是很纠结的。感觉吸不到那个熟悉好配方的雾霾还是会不习惯的。跟家里人商量了好几次，综合考虑了各个方面，最终决定接受这个offer，当时考虑的几个方面是： 在罗辑思维我开始遇到上升的瓶颈，公司并不大，也不会存在各种评级的标准，那么我作为一个架构的上升通道就很窄，因为已经存在一个前端负责人，所以这种title就不会再有了，虽然Leader表示可以可以单独让我再拉起一个前端团队，但是我觉得这样并不好，因为整个前端团队人并不多，分散力量做事情没有必要。 当时受到 rank的文章 影响，以及weex，RN的火爆，我自己判断未来三端融合的趋势会更加明显，所以我当时提出了要把三端团队整合在一起的想法，但是被Leader否决了，那么这条路线的上升通道也被锁死了。 同时我也复盘了下自己的职业路径，发现一个问题就是，我没有BAT这种级别公司的工作经验

也是第一次开始接触weex，过程有些艰难，所以记下来，方便后面查看 weex致力于是开发者能基于通用跨平台的web开发语言和开发经验，来构建android、iso和web应用。简单的来说，在继承的WeexSDK之后，可以使用javascript语言和前端开发经验来开发移动应用的（官方文档上的话） 其实还需要安装java环境，jdk什么的，由于我之前就有，所以这就没有安装了，下载一个jdk，然后配置一下环境，在命令行中输入一个java，有内容返回，就说明成功了 首先安装环境 1，nodejs（看到weex的应该都明白这个） 2，安装 npm i -g weex-toolkit weex -v //查看weex版本 3，创建项目 weex create project-name // （weex init project-name 这种类型的创建方式已经被废弃很久了，所以就安安心心的使用create吧） 4，安装android-studio环境 （由于android-studio要基于java的jdk环境，所以还有安装java对应的环境才可以运行） 官网上下载（ https://developer.android.google.cn/studio ） 安装完成后获取sdk去 配置环境变量 获取方法： 打开软件，在设置中找到sdk，复制下来在电脑的高级设置中添加环境变量 用户变量中

1官网： https://weex.apache.org/zh/guide/introduction.html 2.weexui https://alibaba.github.io/weex-ui/#/cn/ 3.相关视频： https://www.bilibili.com/video/av20117163/?spm_id_from=333.788.videocard.6 4基于对weex的封装 https://bmfe.github.io/eros-docs/#/zh-cn/ios_config 其他参考文章： 1. Weex原理之带你去蹲坑 https://www.jianshu.com/p/ae1d7a2b0a8a 来源： https://www.cnblogs.com/aibabel/p/11881245.html

1、前言 跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。 为什么我们需要跨平台开发？ 本质上，跨平台开发是为了增加代码复用，减少开发者对多个平台差异适配的工作量，降低开发成本，提高业务专注的同时，提供比web更好的体验。嗯～通俗了说就是：省钱、偷懒。 目前移动端跨平台开发中，备受关注的方案大致归纳为以下几种情况： 1）react native、weex均使用JavaScript作为编程语言，目前JavaScript在跨平台开发中，可谓占据半壁江山，大有“一统天下”的趋势； 2）kotlin-native开始支持 iOS 和 Web 开发，（kotlin已经成为android的一级语言）也想尝试“一统天下”； 3）flutter是Google跨平台移动UI框架，Dart作为谷歌的亲儿子，毫无疑问Dart成为flutter的编程语言。作为巨头新生儿，在flutter官网也可以看出，flutter同样“心怀天下”（可支持Web端、Android端、iOS端等）。 本篇主要以react-native、weex、flutter，深入聊聊当前最火的这3种跨平台移动开发方案的实现原理、现状与未来。至于为什么只讲它们，因为对比ionic、phoneGap

本文主要对WEEX、React Native、Flutter和PWA几大热门跨平台方案进行简单的介绍和对比。内容选自《WEEX跨平台开发实战》 （WEEX项目负责人力荐，从入门到实战，教你玩转移动前端跨平台开发！） 传统的原生Android、iOS开发面临着诸多难以解决的问题，例如开发周期长、迭代缓慢等，因此很多公司备受困扰。近年来，伴随着“大前端”概念的提出和兴起，涌现出一大批移动跨平台开发框架和模式，为解决传统移动开发问题找到了新的方向。 从早期的PhoneGap、Inoic等Hybrid混合技术，到现在耳熟能详的React Native、WEEX和Flutter等跨平台技术，借助这些优秀的跨平台开发框架，在不牺牲性能和体验的前提下，开发进度和多端研发的问题得到有效解决。 WEEX是由阿里巴巴研发的一套移动跨平台技术框架，最初是为了解决移动开发过程中频繁发版和多端研发的问题而开发的。使用WEEX提供的跨平台技术，开发者可以很方便地使用Web技术来构建具有可扩展的原生性能体验的应用，并支持在Android、iOS、YunOS和Web等多平台上部署。具体来说，当在项目中集成WeexSDK之后，就可以使用JavaScript（JS）和主流的前端框架来开发移动应用了。 同时，WEEX框架的结构是解耦的，渲染引擎与语法层分离，也不依赖任何特定的前端框架，目前，开发者可以使用Vue

方式一、使用localStorage在数据存储 1、要在浏览器刷新的时候重新存储起来 if (window.localStorage.getItem(authToken)) { store.commit(types.SETLOANNUMBER, window.localStorage.getItem('loanNumber')); } 方式二、使用vue-cookie插件来做存储 1、参考地址 传送门 2、安装包 npm install vue-cookie --save 3、在store中存储起来 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex) var VueCookie = require('vue-cookie'); export default new Vuex.Store({ state: { token: VueCookie.get('token') }, mutations: { saveToken(state, token) { state.token = token; // 设置存储 VueCookie.set('token', token, { expires: '30s' }); } }, actions: { } }) 4、在登录页面中设置到存储中 import {

在4月21日的Qcon全球开发大会上，阿里巴巴资深总监、淘宝移动平台、阿里百川负责人庄卓然宣布了两条重磅消息。一是移动开发技术方案Weex开始内测，并将于6月份全面开源；二是阿里百川和极客邦达成战略合作，以期共同打造移动开发者生态。 毫无疑问，对于移动开发者来说，这两则消息都是巨大的福利。Weex是什么？为什么要开源？阿里百川又是要做什么？在随后的演讲中，庄卓然给出了非常清晰的答案。 Weex即时内测，6月开源 众所周知，移动端的开发所面临的复杂程度远超以往。例如，分别在iOS和安卓上开发一个H5的APP，需要兼容不同厂商的标准，以达到相对完美的适配，毕竟很多手机厂商都有自己定制UI的ROM。 庄卓然给出了一个公式，移动开发的复杂度=应用数量×平台数量×要适配的各种各样的机型。在过去的时间里，手机淘宝还在多个方面进行了尝试，如动态发布以及增量更新等等。 事实上，手淘具备相当丰富的场景，而APP并不是所有的内容都由庄卓然的团队进行开发，比如店铺的装修页，店铺的页面的风格及样式都是由经营者决定，手淘技术团队只需开发并提供相应的工具。 在去年的双11大促中，手淘需要为iOS、安卓、H5甚至是Windows系统用户提供不同的体验。因此，庄卓然和他的团队一直在思考，为什么通过一种标准的方式去书写代码，以获得如丝般顺滑的Native体验？ Weex应运而生。 对于Weex，庄卓然是这样形容的，

4月21日，由InfoQ主办的QCon全球软件大会在 北京举行。超过150名国内外技术专家将为大家带来一场技术盛宴。在大会的开幕式上，极客邦科技与InfoQ中国创始人霍泰稳，和阿里巴巴资深总监，淘宝 移动平台及新业务事业部、阿里百川负责人庄卓然（花名南天）共同宣布，极客邦科技与阿里百川达成战略合作，共建移动开发者生态。 同时，庄卓然还宣布，阿里百川移动应用全新技术解决方案Weex正式开放内测，并将于6月全面开源。Weex在官网提供了Android Demo下载，iOS版正在准备中。 在过去一年里，极客邦科技迎来了高速发展，除了面向5年以上经验技术人的InfoQ之外，还创建了面向初级开发者的在线学习平台StuQ、面向企业内部开发者的内训服务GIT、面向高级技术管理者和决策者的EGO，以整合全球优质学习资源，帮助技术人和企业成长作为自己的使命。 阿里百川是阿里巴巴集团无线开放平台，通过“技术、商业及大数据”的开放，提供移动场景下的高内聚、开放式、行业领先的技术产品矩阵、成熟的商业组件和完善的服务体系，帮助移动开发者快速搭建APP、加速APP商业化进程，全方位赋能移动开发者及移动创业者。 两者的结合，将为中国的移动开发者营造更优秀的社区氛围和成长环境。 Weex：阿里对移动开发最佳实践的最新思考 在上午的Keynote上，庄卓然向参会者做了《从万物生长到繁荣有序——重新思考移动开发

官方地址 ：http://alibaba.github.io/weex/ 参考资料 ： https://open.taobao.com/doc2/detail?spm=a21l5.77726.340855.2&&docType=1&articleId=104742 #Android集成指南 https://www.sdk.cn/news/3154 #关于Weex你需要知道的一切 http://blog.csdn.net/jasonblog/article/details/51863173 #Weex入门与进阶指南 http://www.tuicool.com/articles/bY7Jba6 #阿里Weex框架Android平台初体验 （调试发现界面是个空白） http://www.infoq.com/cn/news/2016/06/weexone #开发者用Weex花两天时间复刻出One Weex基本信息 官方支持iOS、Android、HTML5。 Write Once, Run Everywhere。一次编写可生成三平台代码。 DSL模板学习超简单，直接写HTML、CSS、JS。这意味着可以直接用现有编辑器和IDE的代码补全、提示、检查等功能。 轻量级、可扩展、高性能。 集成花样多，可在HTML5页面嵌入，也可嵌在原生UI中。 与Vue.js的关系

前言 iPhone X 上市也一月有余了，「齐刘海」的设计给全世界的 IOS 和 M 站开发人员出了一道兼容题目，默认效果问题虽不严重，但是足以逼疯强迫症患者。幸得项目「空窗期」，实践下 iPhone X 的适配。还记得之前的一篇文章吗？ 《【Weex】网易严选 App 感受 Weex 开发》 ，此处将以此 demo 为基础做展开 Weex 适配。Native 和 H5 的适配此处就不再做赘述了。「专业 IOS 开发同学就当个笑话看看吧，反正你都会，此文是写给不会原生的朋友的」 默认的样子 如果不仔细看，还以为是 iPhone 7 的效果，这也是官方「故意为之」的。 如果你用惯了 iPhone X，无意识地打开了一个类似上图的 app，着实会有点难以接受。 全屏操作 打开 iPhone X 的全屏模式其实很简单，只需要在 Xcode 里配置 iPhone X 的 LaunchImage 即可，也可以直接改配置文件。 可能 Weex Toolkit 构建出来的 Platform 内不含这两个配置图片，不过没关系，右击选择「Show in Finder」，更改 「Contents.json」 配置文件。 { "images" : [ { "extent" : "full-screen", "idiom" : "iphone", "subtype" : "2436h",