web前端的春天 or 噩梦

「 微信应用号可以做什么」

简单说,微信“小程序”可以为开发者提供基于微信的表单、导航、地图、媒体和位置等开发组件,让他们在微信的网页里构建一个 HTML 5 应用。同时微信还开放了登录和微信支付等接口,让这个“小程序”可以和用户的微信账号打通。

简单地说,目前微信“钱包”中的“大众点评”、“京东商城”、“滴滴出行”等第三方服务就是应用号的一种雏形。

还有支付宝里的 “生活缴费”,“城市服务”等,都是这种范畴,只不过是直接集中在app里面。

根据参与本次内测的“小道消息”创始人 Fenng 提供的信息,微信小程序向开发者开放了下列 API 接口:我们再来刷一张图:

  1. 微信的目的似乎很简单,就是希望把用户使用App的动作都集中在微信上。
  2. 从开放接口看,这不就是 web app?混合app么?
  3. 小程序就是一个依托微信,来开发网页APP的关系户。
  4. html 、css3、js 又泥煤的更重要、更露脸了(笑 ?)

「 对 原生APP 开发人员的影响」

1. Android 、IOS 开发者饭碗会丢吗?

呵呵,这个问题讨论了多少年了?HTML5 API第一版标准出来的时候,都在展望设想,现在呢?手机主流不还是原生APP 的天下,虽说一定程度上网页应用占了不少河山,原生app里面也嵌入了大量web app 页面程序。但归根结底还是原生APP的范畴。一谈到体验、性能问题,就是硬件在发达,还是会想到原生app。

另外 App 天生的优势,和硬件直接打通、自由奔放,功能、体验更加友好。

微信是一个大平台,在怎么折腾还是小马哥 说了算,哪天说给你接口封了就封了,说给你下了就下了,你只不过是去上边尝了尝鲜。

所以,Android 、IOS 开发人员完全不必担心会丢饭碗(短时间内),小程序也不会取代原生APP。

2.原生app人员应该学习HTML5、JavaScript吗?

我以前文章早就说过,以后会很长时间甚至可能一直都是 “前端年”,丝毫不夸张。如果身为技术人员不拥抱变化,不get新技能,可能工种不会淘汰你,时间就会淘汰了你,

而且现在 Hybrid App 开发方式如此流行和轻便,各种框架+语言 都可以无压力操作原生接口开发,比如 DeviceOne 、react native(火爆程度直逼安卓原生,甚至有超越趋势),而且体验也是极好的。

所以劝只会原生开发的小伙伴,有空学习 JavaScript吧!

「 对 web前端开发人员的影响」

身为 web前端开发里最帅的人,今天我从 专业前端开发者的角度,来分析下 【微信-小程序】会对我们有什么样的影响。

首先,它的出现不会影响到我的颜值(放心了);

然后,我们前面说了,这基本上就是 我们现在总是接触到的 Hybrid App方式,你颤抖了吗?HTML+CSS+JavaScript 快要一统河山了?单单从这方面来讲的话,我们web 前端工程师 是应该高兴还是高兴,还是忧虑呢?

我们先简单分析一下 开发移动混合APP 的方式,根据此网络图分析:

  • 左边一类(A)是继续坚持使用HTML+CSS进行界面布局,通过对页面渲染进行优化和对标准JS进行原生扩展来实现跨平台App开发。框架例如 MUI 、SUI、jquerymobile、ioinc。
  • 右边一类(B)是放弃使用HTML+CSS的界面布局,选择一种第三方的中间语言(如JS,C#等)来映射成Android和iOS的系统调用,从而实现跨平台。这种方式的界面布局需要通过中间语言组合系统UI组件来完成,渲染性能比HTML+CSS的方式要好,但这样也失去了HTML+CSS布局的标准性和灵活便捷。但为了性能一切都忍了,至少目前这种方式已经占据了市场和开发狗的心。 如 Deviceone 、 React Native。

A类特点

简单 快速,模版布局现成,一般熟练 html5 css 的前端开发人员根据api都可以胜任、调用基本的原生接口 如相机、扫描、地理定位也够用。但渲染太耗内存、性能堪忧。

B类特点

完全映射底层接口。通过中间件打通视图 和底层借口,利用中间语言 JS 来开发应用程序。渲染性能比HTML+CSS的方式强悍许多,但布局和开发已经不是原生的 html+css+js了,这增加了难度和便捷性。

但此方式还是比原生app开发周期短很多,属于web开发范畴,只不过开发方式包装了一些技巧。性能直逼原生(原生小伙伴们,还不学前端?)

微信‘小程序’: web前端的春天 or 噩梦?

前面喷了那么多,都是为我们这个问题来的。小程序的发布对  web前端的春天 or 噩梦呢?

  • 不言而喻,上边经过我的分析,傻子也能看出来是满篇的好处和福利了 也就是春天。html+css+js +各种前端框架经验,你他喵的 小程序简直是web前端开发人员的定制福利。
  • 值得担忧的问题:福利好自然压力大,以后前端开发又得多掌握一份技能 和 一套微信体系开发工具了,微信开发必须在微信提供的 宝宝箱 sdk里开发,而且也不是原生js语法 和react  、angular语法,它是 WXML 和 WXSS ,微信自体系。
  • 进入全面 js时代,也不远了 Any application that *can* be written in JavaScript, will eventually be written in JavaScript。

    “能用js写的东西,就全部用js写 ”,所以 以后入门门槛 会更高,后端 、原生app开发人员也都要掌握一些 JavaScript 技能。
    本身这些混合开发框架 就是用c++ /c 语言调用的硬件接口来映射给js 调用的,所以以后前端人员的竞争可能会变大,越来愈多的后端 或者原生APP开发人员会进入 JavaScript 的学习大军,那么本来普遍逻辑能力就强的他们,会不会侵蚀一部分前端开发的福利呢?

那么以前企业项目 可能需要 一个wap、wap app、企业号,以后 会 + 一个 ‘应用号’开发。 工作量大了,企业成本也增高了,那么涉及到我们个人, 工资会不会随着业务量、工作量的增长而增长,这个才是关键问题。

总结:

拥有用户的微信,无疑成为了移动互联网最大入口。它的一举一动,滋生无数机会。

所以我们是无奈的,接受就好,让市场来考验,让用户来决定。

APP开发人员不必跟风媒体恐慌,你只要保持自我,不断学习,肯定是不会被淘汰的。

web开发人员高兴之余,也不要忘形,因为这意味着以后你会承担更多的压力和工作量,和更多其他行业进来的竞争者们,大家都准备好了吗?

本文转载自:http://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ==&mid=2247483840&idx=1&sn=64e5721436ec85d4a6f633ca76f90e3c&chksm=eca79ac4dbd013d2712ee201f6b7f984d3ea6ad01a594d8b987c4d9674ec3f26d0253c55d886&scene=27#wechat_redirect

时间: 2024-08-01 12:09:13

web前端的春天 or 噩梦的相关文章

微信‘小程序’: web前端的春天 or 噩梦?

最近大家看到这张图是不是都快吐了?这两天一睁眼就被这张图刷屏了 喵了咪的,点到哪里都是这个报道和新闻 最近因为工作 和生活略忙,爱吹文章的我,更新频率也低了,在这里抱个歉,希望大家理解和包容,希望"粉丝们"(装逼完成.跑-.),不要离开我这么帅的人! 此文观点声明先: 只通过技术角度分析讨论 [小程序]对程序员.web前端.后端人员技术路线的影响 不从产品角度 展望[小程序]以后的发展和方向– 这个都被媒体或专业市场分析人员分析烂了 「 微信应用号是什么?」 张小龙曾表示,用户关注一个

Web前端发展简史

Web前端发展简史 有人说“前端开发”是IT界最容易被误解的岗位,这不是空穴来风.如果你还认为前端只是从美工那里拿到切图, JS和CSS一番乱炖,难搞的功能就去网上信手拈来,CtrlC + Ctrl V的话,那就正中了这份误解的下怀.经过十几年的发展,web前端早已脱离了原来边缘化的形态,扮演了移动互联网开发链条中最关键的角色,是应用或产品能否打动用户的踹门砖.那么什么是前端开发,其又包含了哪些内容? 前端开发的定义 从狭义的定义来看,“前端开发”是指围绕HTML.JavaScript.CSS这

如何能提高CSS编写技巧 提高Web前端开发效率

如何能提高CSS编写技巧?怎么学好Web前端开发?很多人在学习Web前端时,刚开始都会学习HTML和CSS,HTML用于文本内容,CSS用于样式设计,掌握这两部分知识就可以进行简单的页面制作.不过如果耗时过长作品一般未免有些得不偿失,因此你需要掌握一些技巧,以提高CSS编写效率. 1.使用flex进行布局 flex弹性布局的出现是有原因的.浮动和inline-block虽然也能实现很多的布局效果,但它们本质上是文本和块元素布局的工具,而不是面向整个网页的.flex可以很容易的按照我们预期的方式创

一张图掌握移动Web前端所有技术(大前端、工程化、预编译、自动化)

你要的移动web前端都在这里! 大前端方向:移动Web前端.Native客户端.Node.js. 大前端框架:React.Vue.js.Koa 跨终端技术:HTML 5.CSS 3.JavaScript 跨平台框架:React Native.Cordova 前端工程化:Grunt.Gulp.Webpack 前端预编译:Babel.Sass.Less 自动化测试:Jasmine.Mocha.Karma 一图在手,应有尽有! 更多信息参考:https://item.jd.com/12170351.h

一个8年web前端从业者的迷茫

来自一个8年前端从业者的迷茫 本人aming,创办了切图网 qietu.com,很少写这种自传性的帖子,希望能看完,因为会涉及到一些前端经验之谈. 8年前端从业者,8年光景不长,但是在web前端这个行业也不少了 ,我也是一个创业者,没有就职过BAT 是一个遗憾, 现在身边有些同学就职BAT 当高管,所以我想现在进到BAT应该还是有机会的 :) , 不过我还是毅然选择了创业. 理由很简单, 我骨子里不愿意给别人打工,我知道越早跳出来越容易,不然等到职位越来越高,薪水越来越高的时候,你不一定还有那个

Web前端面试题目及答案汇总

前端新人在面试前都比较焦虑,担心回答不上面试官的问题,也担心自己紧张,其实这都是心理没底的表现,今天和大家分享web前端开发常见面试题及答案,希望可以帮助即将面试的前端同学顺利通过面试. HTML/CSS部分 1.什么是盒子模型? 在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分.这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或

Web 前端开发学习之路(入门篇)

字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== 以下引用知乎 @李路 的话. 以我的经验,大部分技术,熟读下列四类书籍即可. 入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列实践,结合

web前端笔记1

web1.0时代:(联合) web2.0时代:(互动) 互联网没有崩溃,比以往更加重要.更加注重用户的交互作用. web3.0时代:(技术革新.统一通信协议) 语义化实现.(发展阶段) web4.0(AI人工智能) web前端工程师: 侠义:html.css.js 实习生要求:

web前端工程师应该会的9个软技能

做为一名web前端工程师(http://www.maiziedu.com/course/web-px/),往往我们可能只专注于修炼自己的内功,而忽视了软技能.硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等.所有的公司都有属于自己的文化,并努力将这些文化传承下去,所以他们必须确保每一位新员工能够适应这个环境. 许多硬技能很容易获得并可很快的提高,而软技能由于和你性格等联系紧密,可想要改变他们是一件很困难和缓慢的事情.这里有七个核心的软技能,适用于大多数的企业,它们不