web前端的春天 or 噩梦

「 微信应用号可以做什么」
简单说,微信“小程序”可以为开发者提供基于微信的表单、导航、地图、媒体和位置等开发组件,让他们在微信的网页里构建一个 HTML 5 应用。同时微信还开放了登录和微信支付等接口,让这个“小程序”可以和用户的微信账号打通。
简单地说,目前微信“钱包”中的“大众点评”、“京东商城”、“滴滴出行”等第三方服务就是应用号的一种雏形。
还有支付宝里的 “生活缴费”,“城市服务”等,都是这种范畴,只不过是直接集中在app里面。
根据参与本次内测的“小道消息”创始人 Fenng 提供的信息,微信小程序向开发者开放了下列 API 接口:我们再来刷一张图:
- 微信的目的似乎很简单,就是希望把用户使用App的动作都集中在微信上。
- 从开放接口看,这不就是 web app?混合app么?。
- 小程序就是一个依托微信,来开发网页APP的关系户。
- 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
web前端的春天 or 噩梦的更多相关文章
- Web前端发展简史
Web前端发展简史 有人说“前端开发”是IT界最容易被误解的岗位,这不是空穴来风.如果你还认为前端只是从美工那里拿到切图, JS和CSS一番乱炖,难搞的功能就去网上信手拈来,CtrlC + Ctrl ...
- [转载]Web前端和后端之区分,以及面临的挑战
原文地址:Web前端和后端之区分,以及面临的挑战[转]作者:joyostyle 在我们实际的开发过程中,我们当前这样定位前端.后端开发人员. 1)前端开发人员:精通JS,能熟练应用JQuery,懂CS ...
- Web前端和后端之区分,以及…
原文地址:Web前端和后端之区分,以及面临的挑战[转]作者:joyostyle 在我们实际的开发过程中,我们当前这样定位前端.后端开发人员. 1)前端开发人员:精通JS,能熟练应用JQuery,懂CS ...
- [转载]Web前端和后端之区分,以及面临的挑战【转】
原文地址:Web前端和后端之区分,以及面临的挑战[转]作者:joyostyle 在我们实际的开发过程中,我们当前这样定位前端.后端开发人员. 1)前端开发人员:精通JS,能熟练应用JQuery,懂CS ...
- Web前端兼容性指南
一.Web前端兼容性问题 一直以来,Web前端领域最大的问题就是兼容性问题,没有之一. 前端兼容性问题分三类: 浏览器兼容性 屏幕分辨率兼容性 跨平台兼容性 1.浏览器兼容性问题 第一次浏览器大战发生 ...
- Web前端需要熟悉大学里【高大上】的计算机专业课吗?
作为一名刚刚大学毕业,进入新的学习阶段的研究生,我必须说大学的专业课非常重要!不管你信不信,事实就是如此! 一.大学学习的专业课非常重要,它决定了我们能走到什么高度 前端的发展非常快,我常常觉得刚刚关 ...
- web前端开发分享-目录
1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端 ...
- Web前端温故知新-CSS基础
一.CSS定义与编写CSS 1.1 CSS的定义 全名:Cascading Style Sheets -> 层叠样式表 定义:CSS成为层叠样式表,它主要用于设置HTML页面中的文本内容(字体. ...
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十二】
2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HT ...
随机推荐
- Linux 内核概述 - Linux Kernel
Linux 内核学习笔记整理. Unix unix 已有40历史,但计算机科学家仍认为其是现存操作系统中最大和最优秀的系统,它已成为一种传奇的存在,历经时间的考验却依然声名不坠. 1973 年,在用 ...
- 关于ubuntu实机与虚机互相copy
我的开发环境是在ubuntu上的,但是ubuntu上没有官方支持的QQ,有些不太方便,所以在上面虚了一个Win7(先是win10,但是win10最新版本太坑了,不说了),不过经常会出现复制文件,或者文 ...
- jquery和Js的区别和基础操作
jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...
- TODO:Laravel 内置简单登录
TODO:Laravel 内置简单登录 1. 激活Laravel的Auth系统Laravel 利用 PHP 的新特性 trait 内置了非常完善好用的简单用户登录注册功能,适合一些不需要复杂用户权限管 ...
- PHP源码分析-变量
1. 变量的三要素变量名称,变量类型,变量值 那么在PHP用户态下变量类型都有哪些,如下: // Zend/zend.h #define IS_NULL 0 #define IS_LONG 1 #de ...
- UWP开发之Mvvmlight实践六:MissingMetadataException解决办法(.Net Native下Default.rd.xml配置问题)
最近完成一款UWP应用,在手机端测试发布版(Release)的时候应用莫名奇妙的强行关闭,而同样的应用包在PC端一点问题都没有,而且Debug版在两个平台都没有问题,唯独手机的Release版有问题. ...
- 解决IE8下不兼容rgba()的解决办法
rgba()是css3的新属性,所以IE8及以下浏览器不兼容,这怎么办呢?终于我找到了解决办法. 解决办法 我们先来解释以下rgba rgba: rgba的含义,r代表red,g代表green,b代表 ...
- [Django]用户权限学习系列之User权限基本操作指令
针对Django 后台自带的用户管理系统,虽说感觉还可以,但是为了方便用户一些操作,特别设计自定义的用户权限管理系统. 在制作权限页面前,首先需要了解权限和用户配置权限的指令,上章讲到权限的添加,删除 ...
- 简约而不简单的Django新手图文教程
本文面向:有python基础,刚接触web框架的初学者. 环境:windows7 python3.5.1 pycharm专业版 Django 1.10版 pip3 一.Django简介 百度百 ...
- Ubuntu14.04配置Mono+Jexus
总所周知,ASP.NET是微软公司的一项技术,是一个网站服务端开发的一种技术,它可以在通过HTTP请求文档时再在Web服务器上动态创建它们,就是所谓动态网站开发,它依赖运行于 IIS 之中的程序 .但 ...