对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别。
移动端网页
移动端网页的开发有两种：一种是和pc端对应的,要求适配手机端显示的,其功能内融是一样的,对于这种,可以在写pc端的时候用响应式布局用一套代码完成,或者pc和移动端分离.写两套代码.这种和普通的写法没什么差距。
第二种是,镶嵌在app里面的,主要适用场景是,对与一些复杂多变的活动页面,或者可定制的特效页面,用h5写之后,ios和安卓通过一个webview来展示,这样的好处是,原生app可以不必通过发新版来更新程序.这种开发,需要注意的是,h5与原生app之间的相互调用的方法名,都需要双方确认好,前端页面更改时候,只要方法名不变就行.布局方式。
部署方式:
这种移动端页面的发布环境,是直接把代码放在tomcat里面,ios和安卓通过部署之后产生的页面链接,在webview上显示出来。
微信公众号开发
微信公众号的二次开发,相比原生app来说,开发成本,运营成本,和推广成本都小的多,所有现在越来越多的公司开始使用微信公众号开发.这个已经成为前端不可少的一个工作技能。
对于微信公众号的二次开发,首先要说的是,微信开发者工具,它不是我们写代码的IDE,它的作用只是一个调试工具,供我们调试,查看,我们程序中调用微信本身提供的js-sdk时候产生的信息或者错误提示.这点不要搞混了,因为很多人问我说,怎么在微信开发者工具中写代码。
如何把代码放到微信开发工具中查看.有两种方式,第一种是本地起一个服务,产生一个localhost:xxx的地址,我们把这个地址直接扔在微信开发工具上访问就可以调试了,这个如果我们使用angular,react,vue这些前端框架写的话,一般会用到webpack,或者gulp,grent都会产生一个本地运行环境.这个我们不用管,如果我们是用纯html+jquery写的,可以单独再使用gulp或者webpack,启动一个本地服务.第二种是,直接部署服务器,使用部署之后的地址。
我们是否一定要用微信开发工具调试?这个是不用的,就像上面说的,微信开发工具只是当我们调用微信本身的js-sdk的时候,会给我们产生调用信息.如果我们在做微信开发是时候没有用到微信提供的那些比如支付扫码定位等等的功能,或者我们还没有和后台对接,只是调界面,我们也可以直接在chrome里面调试.效果是一样的。
对于这种开发,代码本身和普通开发是完全一样的,大家想用框架啥的都没有问题.完全可以当一个普通的网页项目来做。
微信公众号的正式发布也是把代码放到服务器,然后,在微信自定义菜单里面,点击按钮跳转到部署之后的地址。
3.微信小程序开发
对于微信小程序开发来说,从微信小程序出来之后,大家就褒贬不一,有的说这个没用,有的说这个拉低了IT界的门槛,完全无脑操作,还有人说这个是一个革新,它比h5网页性能好,比app成本低.各种各样的说法.我玩过一段时间,在加上本身也是技术菜鸟,这里就不做评价了,就简单说一下开发流程。
微信小程序相比微信公众号的开发来说,其实性能方面确实不错,提升了很多,而且接口的调用也简单了,省去了config的验证(微信公众号二次卡发的时候,调用微信接口是需要先验证config信息的,通过了才可以调用),整个项目都类似于vue的组件化,不同的是,小程序里面没有dom这个说法,所有数据都采用的数据绑定的方式.其组件和api的使用也是完全固定的格式,了解vue的开发这个也是很快的。
