前端,想说爱你不容易!

发布时间:2019-08-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了前端,想说爱你不容易!脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

摘要:微信应用小程序的内测,给国内的开发带来不小的冲击,尤其是对前端来说,估计以后前端可以忙微信小程序了。结合这个,来吐下关于前端发展的槽。欢迎交流,反馈!

看了标题,你可能想到这是来吐槽前端的,确实没错!但本文并不完全是吐槽,大多都是写的最近前端开发的感受。由于自己目前从事web前端开发,这里的前端特指web前端。而关于为什么要写这篇文章,起因是最近看了微信团队的最新内测的微信应用号功能。

先来看下,什么是微信应用号?

这个微信应用号是什么呢?往简单的说就是在微信的壳里面写个小应用,当然调用的都是微信提供的API,按照微信的方式来开发一个小应用。简单看了下微信案例的DEMO,代码结构很清晰,有CSS,JS,还有自定标签类似XML格式,这么看来,前端仔跑不掉了,可以来踩坑微信应用号了...

微信小程序

前端,想说爱你不容易!

看了微信小程序代码,突然让我想起来,这个好像在哪儿见过。仔细想想,想起原先阿里前不久搞的WEEX,简直了,相似程度令我咂舌,这都是要上天的节奏?

WEEX:

前端,想说爱你不容易!

注:WEEX是阿里推出的一个用于构建移动跨平台的ui框架

对比一下写法,基本思想一致:用自定义的标签,结合点CSS,然后弄点JS,一组合,然后就能跑起来了。其实我的内心OS是这样的:这样特么的也行?一个字,服!

贴上我们老大说的一段话:

目前看来,微信这一套应该是类似 weex,通过 描述性语法 生成多端 native ui(因此才有 text/WeixinJSbridge 这些东西)。不过由于是新的语法,因此基本等于要重新学/重新写,原有前端领域的插件/框架基本不可用。

相信其他大平台/友商(支付宝/UC/百度/xxx) 也会随即推出自己的应用号(小程序),前端阵营势必分裂,极端的情况下可能会出现专门为微信/支付宝开发和优化的前端,即 "微信前端","支付宝前端"... ,自行脑补。
多端开发,成本必然飙升,代码生成器 ,一键生成多端 App 或许将是一个可以做的生意。

微信应用号到底多火?

有幸加入到一个微信应用号开发者的群,加群之火爆,只能上图了。

前端,想说爱你不容易!

再回顾下前端发展趋势

表格布局与内联样式满天飞

开始的web前端,都是使用table来进行布局,还有大量的内联样式,伴随着DIV+CSS布局的流行,表格布局被淘汰。现在table只是用来展示数据。

jquery一统江湖

国外有大神受够了要兼容各种浏览器,于是写了jquery来解决这些问题,随着jquery的流行,慢慢的兼容性不再是困扰前端开发的主要问题。然后随之jquery的生态圈开始完善,jquery和jquery插件接管了web前端开发的一切。

HTML5和CSS3

便随着HTML5和CSS3标准的发布和实施,仿佛让前端开发看到了前端大一统的曙光,引领前端进入一波学习H5的高潮,这个时候随便面试下,都要问你会不会H5,其实呢,他们的网站根本用不到H5。

MV**框架革命

便随着浏览器的更新,IE逐渐被淘汰,兼容性不再是问题,大神们不在只满足于操作DOM,于是又在操作DOM上又进行了封装,于是乎各种MV,MVVM...框架开始流行。

前端组件化深入人心

React的横空出世,可以说极大的促进了前端组件化的发展,各种React组件如雨后春笋般涌出。在这个时候,以前的前端的各种代码,还都是可以用的,比如jquery插件可以在React使用,只是使用方式非常的蛋疼,React也不推荐这样用。

前端大厂化?

React-Native的出现,让前端在不了解AndROId和iOS原生组件具体实现的情况下,可以调用原生组件。然后阿里WEEX也开了,号称WEEX是 A framework for building mobile cross-platform UI。然后,接下来是微信的这个微信小应用。原理和实现方式大家都是类似的,但是关键是一套代码不能在三个生态里面同时兼容,都有自己的游戏规则。感觉随着前端的发展,估计稍微大点的大厂都会搞自己的前端生态,按照自己制定好的规则去搞一套类似WEEX或者微信应用号的东西出来,让后让其他人去使用。这感觉是作死的节奏啊?NO ZUO NO die,NO TRY NO HIGH!

个人感受

当时最开始选择从事前端,看中的是前端简单,所见即所得,一个jquery和jquery插件就能搞定一切了。

而现在呢?现在已经远远不能了!ES6的到来也让原先简单的JS变得复杂起来。React虽然开启了组件化的快车,但是内部状态的管理也变得复杂起来,所以才有了Flux,ReFlux,redux,Mobx各种状态管理的框架(Mobx官方宣传自己不是react状态管理框架,只是拿来管理状态)。

到前不久稍微踩坑了WEEX,也发现前端要学的东西很多,然后发现发现踩不完坑,弃之。再到现在这个微信小应用,估计前端又得踩不少坑了。可怕的是造了这么多轮子,不知道这些轮子将来的结局怎么样。

反正WEEX刚出来呢,还挺好的,现在呢?不温不火!不知道作为微信的老对手,支付宝会不会也搞个支付宝应用号,然后用weex来开发?总感觉前端的新技就是各种推翻以前的思想,然后重新来过。最后,还是苦了默默写代码的前端狗。

前端,想说爱你不容易。

结束语

套用狄更斯的一句话:前端正处在一个最好的时代,也是最坏的时代。

本文观点纯属个人见解,如有错误,请指正,如不认同,请轻喷。

参考链接

知乎WEEX讨论
微信应用号开发教程一
微信应用号开发教程二
微信应用号资源汇总
微信应用号段子图片


相关文章:
React Native 一周年回顾
React.js 最佳实践(2016)

作者往期佳作:
WEB前端 -“懒人”养成计划
浏览器存储及使用

作者来自力谱宿 LeapCloud 旗下MaxLeap团队_UX成员:叶文兵 【原创
MaxLeap技术博客首发:https://blog.maxleap.cn/archi...

叶文兵,专注做页面仔已三年有余,对撸过万恶的IE,偶尔玩玩CSS3,HTML5,现在时常踩踩nginx,docker的坑。
喜欢前端工程自动化的东西,比如gulp,webpack什么的,没事喜欢造造轮子,踩踩坑。
从事开发这么久,坚信两点: 1. 代码不要写死 2.永远不要相信产品

欢迎关注微信订阅号:MaxLeap_yidongyanfa

脚本宝典总结

以上是脚本宝典为你收集整理的前端,想说爱你不容易!全部内容,希望文章能够帮你解决前端,想说爱你不容易!所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。