技术分享(TypeScript+sass+mobx+vant+VR)
发布于 1 年前 作者 tluo 2977 次浏览 来自 分享

前言

  • 要跟紧时代的潮流,技术的进步,工作的业余时间,我整理了一个完整的框架,对于刚上道TS或者想要开发TS版本的小程序,都有很好的帮助,简直就是拿来就用,不用再去自己造轮子,也不用自己搭建基层配置,非常方便好用,希望可以带给你们效率提高有用记得点赞+收藏

优势

优势一 TypeScript

* Typescript,对前端来说,已经是一个不可改变的必备技能趋势,时代在变,技术在变,要是还只会简单的JavaScript不会很吃香,甚至taotai~,本项目已经集成了这个功能,上手方便便捷,拿来就用~

优势二 mobx-miniprogram && mobx-miniprogram-bindings

  • mobx-miniprogram && mobx-miniprogram-bindings这是小程序自带公共状态管理,我们对于项目比较大,需要监听或者全局保存用户信息,非常友好,使用简单方便,在项目我还写了例子,按照例子模仿即可会用,不用在去官方npm库摸索半天才知道怎么用,怎么上手和操作代码,为你减少了一天的时间和金钱~

优势三 Vant Weapp

  • Vant Weapp 这是大厂有赞的UI库,发布多年,专门为小程序打造的UI库,对于一些样式或者交互问题,可以直接使用,减少造轮子的时间,并且UI样式符合大众就像elmentUI一样

优势四 npm

  • 使用npm构建项目,这种方式可以很好的引用npm库,在现在的时代,谁的项目不会引入点npm组件用用?并且npm打包压缩方便,也是很多开发者首选的分享模块打包方式,前端也少不了npm模块

优势五 VR全景

  • VR全景,项目里面的VR全景只是简单版的,只满足展示和手动滑动,因为这样可以减少小程序的包,小程序每个包最大2M,每次开发都应该考虑考虑如何优化和减少代码包,这是开发小程序必考虑的事情,也是优化小程序的必备技能。还有就是引入three.js还是一个比较难的,不花几天时间你都读不懂那些配置干嘛,那些配置可以用,能不能在小程序中用等一系列问题,虽然小程序现在也有VR组件,但是还在测试版,教程估计也不多~

优势六 Painter

  • Painter 海报生成工具,作为轻量级受大众的喜爱,那传播肯定少不了海报的分享,而生成海报其实大家比较难搞的开发,因为没有像html那样方便快捷调试样式和自适应,所以本人就对比了市场上很多海报生成器,最终选择了这一个插件,减少你们的选择和思考时间,真实为你们排忧解难~

优势七 WeCropper

  • WeCropper 裁剪图片工具,图片裁剪和海报生成也是一样重要的,最简单的用户上传头像你得要上传吧,上传你得控制大小吧,不然展示很长,大小很变态,所以我也是精心在市场挑选了这个插件,希望你们可以喜欢,不喜欢也可以自己更换~

优势八 sass

  • 做前端基本少不了sass,这是什么应该不用在多解释,写样式非常方便好用,而之前小程序不支持sass开发样式书写非常麻烦,要写很多样式名称class,现在支持了非常方便~

优势九 开发规范

  • 本人多年开发经验,总结了部分规范在.md文档,可以给你们一个很好的指引开发和规范,以减少开发到最后,发现文件目录代码声东击西乱成一团,不好维护或者不方便后人维护,我们对待自己的代码就要对待自己孩子一样,你要是有家暴那当我没说。。。

总结

  • 好了,写了一堆废话,就是希望吸引你们,对你们有用,为所有程序员排忧解难,早点下班,回去吃吃喝喝、玩玩乐乐,多点消费带动国家GDP往天走,实现共产主义~

Gitee仓库地址

还是那句,作者时间也是时间,你们的时间也是时间,心情好的话给个点赞吧~

回到顶部