找回密码
 立即注册
搜索

技术分享 【征文】伪前端开发快应用历程

0
回复
2460
查看
[复制链接]

1

主题

15

帖子

80

积分

 楼主| 2018-12-16 23:58:06 显示全部楼层 |阅读模式
本帖最后由 eachanm 于 2018-12-28 12:15 编辑 首先说明,本人大学狗一枚,学的专业也不是软件或计算机类,对前端不是很熟悉,若有说错敬请原谅并纠正。但专业课程中却有一门H5的课,有个关系很好的同学前端学得很好,在他的安利和个人的无方向感下,我走上了这条前端的不归路。 一开始只是用H5做些静态网页玩玩,做做作业,纯静态的,那时弄出一两个好看的页面就觉得很不错,有点成就感,然而到现在依然觉得自己还是个小白,当大神们大谈react,vue,nodejs怎么用怎么好的时候,我躲在旁边不敢说话。 后来我选了一门选修课,是学微信小程序的,在17年的时候微信小程序挺火的,老师上课就放教学视频给我们看,真是够无语的,但我依旧把那些教学视频看完了,却没怎么实操练过手。这时我的大神同学已经对小程序炉火纯青了。接着在大神同学的带领下,弄了个小程序当做练手。弄这个小程序我才学会了API是什么,怎么调用,小程序的界面布局等等,但我还不会后台。 做完这个小程序我就觉得这种“小软件”挺有意思的,用开发者工具开发,效果实时看得到,调试很方便,还有很多API接口,通过这种载体也能实现在很多独立APP上的功能。毫无疑问,小程序吸引了很大一部分的本属于APP流量。但小程序用起来却让人感觉有点卡,不是很流畅,极大影响了用户体验,同时,因为小程序“小”的原因,它也完成不了一些“大型app”的功能。 做完了这个小程序不到一个月,快应用出来了,宣传力度还挺大的。那时在想小程序应该和这个差不多吧,于是就进入了快应用的世界,我们想把做的那个小程序转换成快应用。 一开始在论坛看到,有人说下载某个插件再结合visual studio code软件,就可以一键将小程序转换成快应用,我想,这么神奇!!于是拿来一试,一大堆错误,想要改吧,却觉得很烦。于是决定,重新开始做!! 学习一样东西的时候开头是最难的,因为你不知道怎么下手。看了官方的demo,顿时觉得,这个快应用还挺不错啊,挺流畅的,官方文档上的API也挺多的,于是我们开始“依葫芦画瓢”,将我们做的那个小程序在快应用实现!!过程中遇到的问题倒不少! 1、第一个问题是在界面设计中遇到的。快应用的css竟然没有box-shadow,没有阴影设计出来总是觉得不是那么好看,少了点层次感。 2、第二个一样是css的,不能用border:1px solid #eee这种设置,同时1020版本的也不支持字体设置(现在是1030支持了)等等。 3、textarea标签是支持value的,但我用开发者工具编译的时候却总是报错,还有动态绑定Css时也是显示报错,实际上却是可以用的。4、div标签内部不能直接写文字。 5、slider组件,radio组件中间那个圆点的颜色不能改。 6、text标签不能包含text标签。 7、我觉得调试是大家最烦的一点,就是要连上一部安卓手机,要在手机上看,但有时候连上手机后电脑上的调试界面却一直弹不出来,一连几次都是这样,有时候要等十几二十秒才出来,我只是改个数据看下console,都要等这么久,感觉很不好。 8、canvas生成不了图片。 9、应该在图片的属性上加一个预览图片的效果,就是点击一张图片时进入全屏查看这种功能。 10:待续。。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册