weex用什么ide(weex中文)

web网页开发的发展前景咋样？

1、市场前景

前端程序员缺口非常大，因为它正式成为一个岗位才几年，国内最早出现前端招聘岗位在2012年左右。随着现代互联网应用的火爆，前端难度加大，导致后台程序员不能完全搞定，所以企业们急切需要真正懂前端技术的“前端人员”。

近十年以来，IT行业发展火热，衍生了很多新职业，例如UI设计师、开发工程师、软件测试工程师等等，在众多备受瞩目的新生职业中，Web前端工程师是其中的一员。

随着互联网的迅猛发展，各种互联网项目也不断兴起，对用户体验提出了更高的要求，前端开发也由此逐渐成为了重要的研发角色。从2012年至今，“Web前端工程师”的需求持续走高，薪酬也是水涨船高，所以，有不少人立志要成为前端开发工程师。

2、就业形势

Web前端可选择的岗位有：前端开发工程师、资深前端开发工程师、网站重构工程师、前端架构师等等。

虽然近两年大数据、人工智能等很火，但Web前端开发依然是十分热门的，特别是随着谷歌、YouTube、FireFox等大型企业纷纷将视线转向HTML5，前端开发已经进入HTML5时代，所以，Web前端在今后十年仍有很大的发展空间。

据统计，我国HTML5前端工程师人员的缺口将达到10多万，因此，Web前端工程师是一个非常有“钱”途的职业，并且薪酬会根据技能的深入而有不同程度的增长，其中北京、上海、广州、深圳等地前端工程师的薪资待遇更是一路飙升。

3、说完了前景状况，接下来就是学习前端了，前端入门虽简单，但也并不是人人都能从事这个行业的，如何鉴定自己适不适合学前端呢？

1. 你是否能耐得住性子？学习web前端接触得最多就是各种繁复的字母代码，需要你耐得住性子安安静静地坐下来研究技术。如果你做事经常三分钟热度，容易半途而废、或是性格急躁急于求成，编程可能不太适合你。

2. 你是否有持之以恒的毅力？web前端不仅知识点多，而且前端发展得快，新的框架和思想被不断的提出，对于新手来会有不小的心理压力，过快的节奏让新手学起来比较吃力，想要学习web前端就要做好做好长期学习，更新自己知识库的准备，持之以恒的毅力才能让你在长途跋涉的工作过程中坚持下来。

3. 是否具备基本的逻辑思维？选择工科专业的人一般逻辑思维能力一般要强于文科生，web前端需要用逻辑思维处理问题的能力。针对甲方用代码实现，首先要自己理解透彻，编写出来的程序才能拒绝bug。

如果以上提到问题，你都能从容攻克，那么你是适合学习web前端的。

4、到这里呢，先恭喜你进入前端行业，接下来就是如何学习前端了，前端的学习路线是什么呢？

零基础学习路线：

1、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。

2、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。

3、jQuery、Ajax等。jQuery没有过时，它仍然是前端基础的一部分。

4、ES6语法。这部分属于JS新增的语法，面试必问。其中，关于 promise、async 等内容要尤其关注。

5、HTML5和CSS3。要熟悉其中的新特性。

6、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。

7、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。

8、Node.js。属于加分项，如果时间不够，可以先不学，但至少要知道 node 环境的配置。

9、自动化工具：构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。

10、前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控、虚拟DOM等。

11、编辑器相关。Sublime Text 是每个学前端的人都要用到的编辑器。另外，前端常见的IDE有两个：WebStorm 和 Visual Studio Code。WebStorm 什么都好，可就是太卡顿；VS Code就相对轻量很多。个人总结一下：用VS Code 的人越来越多，用 WebStorm 的人越来越少。

12、TypeScript（简称TS）。ES 是 JS 的标准，TS 是 JS 的超集。TS属于进阶内容，建议把上面的基础掌握之后，再学TS。

目前编写一款简单的手机应用APP一般用什么编程语言？

编写手机App，用什么语言？

从简单到复杂，可以分三级：

简单方案：HTML5

其实就是把网页封装成App。编程语言就是网页三件套：HTML+CSS+Javascript

有多种工具和框架，如Cordova, uni等等。

这种方式实现“App”最容易，且跨平台，对于iOS和Android做一套就行了。代价是功能弱，性能低，换句话说就是“卡”。

中等方案：原生跨平台框架

这类方案在iOS和Android之上自行实现一套原生框架。通用的Flutter, ReactNative都是流行的原生跨平台框架。适用于 游戏 的Cocos2D，Corona SDK也可以算在这一级里。

这类方案实现App难度中等，因为跨平台，一次开发，iOS和Android都能运行。功能和性能也是中等，比不上原生App，但比HTML5的又好很多。

复杂方案：原生开发

直接在iOS和Android上各自开发一套原生App。

iOS可以使用Objective C或Swift。

Android可以使用Java或Kotlin。

还是来一个图表吧，虽然简单，却很明了：

推荐用Flutter，简单。

以前自己用android原生写过7天酒店签到程序，不过当时的安卓还是比较难写的，不像现在越来越容易上手。

Flutter

Flutter是一个由谷歌开发的开源移动应用软件开发工具包，用于为Android、iOS、 Windows、Mac、Linux、Google Fuchsia开发应用。

Flutter应用是使用Dart语言编写的，虽然是新的一种语言，但是难度不算大，上网搜下相关教程学习下，应该就能很快上手。

Flutter效果

这里是我上个月仿照教程弄的一个简单APP，效果图如下：

点击"Next"就切换下一张，点击"Pre"就切换前一张，点击“Reset”就全部滑落下来。

我女儿最喜欢中间的Reset效果，哈哈。

希望这个答案能帮到你。

现在Flutter正式版已经出来了，原生性能，安卓iOS多平台支持，谷歌大厂背书，大家可以比较放心的学习。编程语言用的是Dart，可以看做是加了语法糖版本的Java，学习起来也比较容易，如果想做手机app，可以考虑使用它。

如果只是自己做着玩的话推荐用H5开发，开发工具HBuilder或者HBuilderX。

先科普下什么是IOS和Android吧。

IOS只是操作系统而已，是苹果的操作系统。

开发IOS上运行的APP的话，现在流行的语言是Object-C和Swift。

Android也是操作系统，是谷歌基于Linux内核开发出来的手机操作系统。

开发Android上运行的APP的话，现在流行的语言我觉得仍然还是JAVA。

如果想要真的做一款APP的话，不仅仅会一门语言就够了，涉及的东西比较多，如下是我给你的学习推荐路线。

学习路线：

1：先学习js，然后学习下html 、css。

学习这些可以上菜鸟教程或者W3School网站学习。

开发工具使用vscode或者Notepad++都可以的。

2：了解Mui常用组件（官网：），

熟悉常用API(官网：)。

3：服务端的开发，要么用java开发，要么用.net webapi开发，推荐理由，java目前是主流，.net webapi简单容易。

java 开发工具IntelliJ IDEA，.net 开发工具 vs。

4：数据存储使用mysql。

补充说明：如果是想做专业开发APP的话还是建议用java开发客户端，ios APP则用swift开发。

当然现在为了一套代码多个平台，使用H5开发专业APP的也有。

会了就可以正式撸代码实现自己简单的APP了。

回答完毕，谢谢。我是只说代码的大饼。

那当然首选是h5套壳了。关于语言方面，我建议还是用PHP吧。随着进一步学习，可以学习uinapp一键多端。H5、小程序、App、小程序支持多个平台上架、微信抖音支付宝百度，希望可以帮助你

目前有三种app开发方式：原生app、混合app、webapp。

原生app：安卓需要java语言，ios需要 objec t-c，wp需要的.net语言。这种app用户体验最好，性能也是最好的，开发成本高，开发周期长，一款app需要开发多个语言版本；

混合app：需要h5，javascript，了解每个混合框架，比如appcan、hbulider、phonegap等等，以及封装的中间件。这种开发方式的用户体验、性能没有原生的好，但是他的开发周期短，开发成本低，对开发人员技能掌握比较高，开发一套程序可以兼容到多个设备上；

webapp：需要h5、javascript语言，不能调用底层设备，用户体验效果次之，开发简单，开发成本低，开发周期短，可以兼容多个设备。

综上所述三种开发各有优缺点，要根据具体的项目需求来选择适合自己的开发语言和开发场景。

uniapp了解下，多端应用。app的话要考虑安卓和苹果，但学了二种学习成本比较高。用uniapp就解决了。

现在中小型企业都在逐渐采用跨平台开发的模式 效率高 成本低 作为个人更是开发不二的选择 你问的iOS和安卓是原生开发 需要不同的开发语言和框架 学习成本也很高 既然你说你是小白 如果采用原生开发 可能得大概花一年半载才能开始上手

采用跨平台开发 只需要学习一下html css JavaScript 然后选择跨平台开发框架 比如react flutter uniapp 都可以 跨平台就是指你这一套代码编写的app可以到不同平台运行 比如iOS安卓都OK 但其实很多还可以编译到各类小程序平台运行 所以很方便

我这里推荐uniapp 一个基于vue的跨端开发框架 我自己也用这个开发了很多项目 确实很快 也提供了原生渲染能力 不做 游戏 等软件 基本没啥问题 社区插件市场也很热闹 基本有问题可以很快解决 希望可以帮到你。

按照开发方式可分为原生开发、混合开发、webapp开发，不同的开发方式学习的编程语言不一样，下面我们来一个一个分析一下：

一、原生开发

原生开发的编程语言主要为针对IOS运行环境的为编程语言为Swift或Object c，安卓环境为Java或Kotlin，WP环境为NET。原生开发的运行效率最高，用户体验最好，但是需要学习不同平台的编程语言，学习门槛较高。

二、混合开发（伪原生开发）

混合开发技术主要采用一套特别的渲染引擎来渲染UI界面和交互，按照渲染引擎可分为html与dart，其编程语言主要是Javascript或Typescript、Dart。

目前基于html渲染的开发框架有react native、weex、uniapp，基于dart的开发框架只有flutter。

混合开发由于调用了原生的控件来渲染UI，所以加载和体验与原生差不多，学习成本比较低，只要会js，选择一个框架开发就行了，或者学习dart语言，进行flutter开发。

三、webapp开发

webapp开发主要利用原生环境中的浏览器控件来装载服务器上的html页面，实际这个app就是一个自定义的浏览器app，所以只要会html，就会开发webapp，由于app内部加载的是远程的网页，所以加载速度和体验最差。

以上是我个人的总结，有不对的欢迎指出，谢谢。

本人用c#，除了单片机用c，cad CATIA，多媒体主要Adobe，它干完所有，不需要性能的视图混合dom代码。

WEEX开发总结

1:上拉加载更多使用的函数;

在最开始使用的是loading这个组件;在短链接的情况下就会出现;滑动就加载;无论是否滑动到底部;

在使用list中的loadmore这个函数的时候;就会出现在短连接的情况下无法触发loadmore函数;

是这样处理的兼容性

2:ref中的topnode;是做的回到顶部的兼容;

在短连接中;使用dom.scrollToElement(el,{});这个方法是没有作用的,在长链接夏是正常的;就使用window.scroll(0,0);做兼容处理;

3:关于appear 和 disappear 方法的兼容;

;

在短连接的情况下;会直接执行appear函数;无论是否可见;disappear函数在短连接的情况下是不触发的;

具体的处理方案长链接正常使用;短连接的情况使用window.onscroll;来解决;

4:关于list中header组件的使用;

使用header组件,在长链接的情况下实现滑动到该位置,该模块吸顶,但是在短连接的情况下是不行的;

需要用正常的方式就行判断;

5:底部定位遮盖的问题;

这个空标签的使用是因为底部导航是固定定位;一般咱的处理方式是要给遮盖的那部分模块父级设置margin或者padding;但是在长短连接的还有安卓IOS的情况下会有不同的兼容问题

6:跳转以及数据请求的链接问题;

数据请求问题还有跳转问题;对于参数需要使用encodeURIComponent;进行编码;不要全部编码;

7:关于IOS8对于弹性盒模型的兼容问题;

实现上下左右居中;

实现justify-content:space-around;的效果;

8:其他问题:

在IOS上;如果你在CSS中设置了宽;'width:0;';你想要动态的改变这个元素的宽的话,该元素在IOS长链接的情况下,会首先闪一下变成你要设置的宽;最后会再次变成0;

还用对于行内元素;使用动画设置高宽的时候;无论是否设置display:block;均会报错;说style为not defind;

9:轮播图指示器的问题

在现在的开发环境下,使用的为vue2.5.3版本的;使用的时候就会报错;具体原因不清楚;但是使用行内样式;但是不要写px单位就会正常

native怎么向weex传参 和 weex怎么使用native的传参

都没有人来回答这个问题，心好累。找了两天，终于解决了

android端 你的activity上的代码

/**

* WXSample 可以替换成自定义的字符串，针对埋点有效。

* template 是.we transform 后的 js文件。

* option 可以为空，或者通过option传入 js需要的参数。例如bundle js的地址等。

* jsonInitData 可以为空。

* width 为-1 默认全屏，可以自己定制。

* height =-1 默认全屏，可以自己定制。

*/

MapString, Object options = new HashMap();

options.put(WXSDKInstance.BUNDLE_URL, url); // 传递bundleUrl

options.put("aa", "aaa"); // 传递自定义参数 aa

options.put("bb", "ccc"); // 传递自定义参数 bb

mWXSDKInstance.render("MyApplication", WXFileUtils.loadAsset("main.js", this), options, null, -1, -1, WXRenderStrategy.APPEND_ASYNC);

main.we / main.vue 文件，也就是上面代码中的main.js文件中的this.$getConfig()来获取传进来的参数

module.exports = {

data: {

aa: '',

bb: '',

bundleUrl: ''

},

methods: {

// 获取 native的传参

getOptions: function() {

this.aa = this.$getConfig().aa;

this.bb = this.$getConfig().bb;

this.bundleUrl = this.$getConfig().bundleUrl;

}

}

}