㈠ 有没有适合微信平台的前端框架推荐
1、Frozen UI
手Q出品,组件更丰富,视觉舒适度也不错,适合我这种前端较生疏,需要开箱即用的程序员。
2、WeUI
官方出品,情怀满满,但是组件不够用。作为一个浏览器特性参考还是不错的。
3.SUI Mobile
阿里出品,风格仿IOS的,色调偏冷。不好搭配颜色。
4.Amaze UI
Amaze UI是典型工程师思维的产物,只图实现,不考虑体验。不少工程师喜欢用这个,各种组件搭配起来很省事。但作为普通用户,肯定觉得这种UI风格很Low。全直角,纯色,在视觉上非常不讨喜。
5.MUI
用MUI开发的APP有一种深入骨髓的廉价感。
㈡ 微信小程序前端有哪些
微信小程序前端大部分都是html5的。少部分js代码。所以前端很容易做微信小程序
㈢ 如何查看微信小程序的前端代码
用《微信开发者工具》可以查看的,或者你用最普通的记事本也是可以查看代码的;
但如果是已经上线的前端小程序代码是不可以查看的。
㈣ 有没有适合微信平台的前端框架推荐
1、Frozen UI
手Q出品,组件更丰富,视觉舒适度也不错,适合我这种前端较生疏,需要开箱即用的程序员。
2、WeUI
官方出品,情怀满满,但是组件不够用。作为一个浏览器特性参考还是不错的。
3.SUI Mobile
阿里出品,风格仿IOS的,色调偏冷。不好搭配颜色。
4.Amaze UI
Amaze UI是典型工程师思维的产物,只图实现,不考虑体验。不少工程师喜欢用这个,各种组件搭配起来很省事。但作为普通用户,肯定觉得这种UI风格很Low。全直角,纯色,在视觉上非常不讨喜。
5.MUI
用MUI开发的APP有一种深入骨髓的廉价感。
㈤ 前端开发常用哪些工具软件
前端开发的编译器在选择上还是很多的。在学校里,老师主要讲三个前端开发软件:
1、WebStorm
帮助编写HTML、CSS、Less、Sass和Stylus代码,并且支持Node.js和主流框架,如React、Angular、Vue.js、Meteor等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。
2、IntelliJ idea
页面很简单,乍一看像是一个记事本,它也确实可以当记事本用。有很多特色插件可以使用,支持多种编程语言的语法高亮显示,具有代码折叠功能。
2、HBuilderX
HBuilderX是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本,具有轻便、适合vue框架的特点。
㈥ 那个微信第三方平台可以自己编辑页面的
没有。公众平台本来就是挺死板的模块化,第三方平台也是在它基础之上制作的模板。
除非你自己多做些H5页面,然后每一篇文章都鼓励大家去点你的阅读原文。
㈦ 微信小程序开发需要安装什么软件,搭建什么环境
意思是你只有一些前端的基础,会一些html,前端页面的东西。现在做项目都是前后端分离的,你在前端页面上用js写一些页面逻辑,页面特效啥的,可以不用后端逻辑参与的代码。还有一些逻辑是需要后端服务器上来执行的,比如存取数据啊,隐私性的逻辑啊,复杂逻辑什么的,这些都是后端逻辑。这些代码是放在后端服务器上的,这服务器你可以租也可以用自己的电脑,有公网IP就行。然后一般现在对于这个后端服务器,是有个域名指向到这个IP上的,便于记忆嘛,其实域名跟IP一样的,都是指向某个后端的服务器,就是让你的前端页面可以访问这个后端的服务器,获取到数据,或者执行什么操作。如果你是个简单的小程序,根本都不用存取数据,也没有什么复杂的逻辑,就只要实现一点简单的功能,前端逻辑就行了,那你就不需要什么后端的。如果是复杂的小程序,那是需要后端代码的。
你说的开发工具是微信开发工具,这个是用来写前端代码的,微信官方提供的,你可以自己去微信官方下。你不需要公众号的,你需要去微信开发平台申请一个小程序,你用那工具的时候需要填。
用不用数据库,这都是根据你自己项目需要来的,你觉得这数据随便放到一个txt文档或者xml文档里存着就行,那就不用数据库了。数据库存放数据也是对项目复杂程度来说的,并不是说所有的小程序都要数据库。数据库也就是个数据的管理工具,对数据操作,数据查询速度什么额有优化,意思就是能方便的管理数据,能快速的找到数据。其实你用txt存数据一样能做到,只是没那么方便,检索数据也慢。
㈧ 怎么自己制作微信小程序
如何制作微信小程序,首先我们需要从他的构成确定,微信小程序的制作需要的点有三个:设计、前端、后端。而相对简单的微信小程序可能只需要设计、前端。
小程序制作所涉及到的设计:页面的排版和美观UI这些内容都是需要设计的,所以这个是需要你熟悉设计内容,用到的软件是 PS,专业点还有 原型图制作软件:Mockplus 。
小程序制作的前端:设计排版和UI完成后需要前端工程师将其进行编程实现。所以你需要一个前端工具,微信自身是提供一个开发软件的
或者你也可以使用其他的前端语言进行开发,然后选择自己熟悉的编辑器。列举几个使用比较多的软件:sublime text3 编辑器 、Beyond Compare 比较代码工具、EditPlus 编辑器。
小程序制作需要用到的后端:前端完成后,如果你需要有些交互的功能则需要后端,当然后端也可以不要,纯展示或者简单交互的话前端就可以完成的,比较复杂业务和逻辑的内容才会需要后端,因此后端的内容会比较南。一般后端开发所使用的软件就是idea了,本人就是一位Java程序员,专攻后端。用上后端意味着你还需要域名DNS和服务器等等的知识去支撑。所以后端一般用的软件是:idea、Linux服务器、ftp(Windows与Linux之间的传输软件)、xshell(这个比上一个好用一些,同样的传输文件作用)、数据库等等。
总结: 简单版:一个设计工具 + 一个微信自带的前端编辑器。 中等:设计工具 + 其他语言编辑器 +微信编辑器。 复杂: 设计工具+ 前端工具+后端工具。
微信小程序的正常流程:
1.注册小程序
2.开发前准备
3.下载开发者工具开始制作
4.提交代码
5.审核通过即可使用
软件只需要一个:微信开发者工具(如果用第三方平台的编辑器就不需要下载这个软件开发小程序)
轻栈【Design Lab】编辑页面
上架商品在电商系统
轻栈电商系统
一切准备就绪,就可以发布了,如果商品数量10个左右,整个制作过程约30分钟。同样的商城小程序效果,同样的0成本,使用第三方可以节省很多时间和精力。
但模块化,拖拽式的编辑器满足不了所有商家的需求,功能再丰富也不可能100%覆盖所有行业,要做出特别的效果,自己搞不定,第三方编辑器不好实现,那就找专业团队去做吧。
㈨ 【微信小程序】图片裁剪 前端裁剪 后端裁剪
微信小程序裁剪组件,支持前端裁剪和后端裁剪两种方式
1.前端裁剪:将裁剪框指定的区域,单独生成图片,获取裁剪图片的临时文件路径
2.后端裁剪:获取裁剪框相对于原图的像素坐标位置,将裁剪区域坐标以及原图临时文件路径,传到后端进行图片裁剪
https://gitee.com/gnliscream/image-cropper
使用微信小程序自定义组件开发
小程序自定义组件官网: https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
添加image-cropper标签,如下
可以在image-cropper标签内添加操作按钮,如下
首先需要在onLoad方法中,设置裁剪标签属性
然后添加按钮相应的绑定方法
获取到的res如下
获取到的裁剪参数的对应关系图
获取到裁剪参数后,将原图以及裁剪参数传到后台进行裁剪
2.获取裁剪图片地址
获取到的res如下
㈩ 前端开发 要做一个类似公众号平台那样可以编辑文案的页面,有什么框架或者模板推荐吗
最近刚做了一个微信图片投稿的小应用。前端功能很简单,填写表格,上传图片。图片部分用了微信的 JS SDK,同时兼容非微信浏览器或低版本微信(也就是调用系统input啦)。
前端我用的是 React+Bootstrap。因为我现在就靠这一套通吃。。。(别的不会
页面文档:1.4KB
css:1.9KB,
bootstrap.min.js:120KB,
app.js:138.2KB,
微信 JS SDK:9.4KB
字体:17.9KB
一共279.4KB,用起来还 OK,实际上这个应用页面很简单,不用 Bootstrap 完全可以(我就是懒),体积一下就能减少43%。
测试过的机型包括 iPhone 5s+,Nexus 5,小米 Note,魅族 MX5,MOTO X Style,三星 Galaxy 4,OPPO A31。iOS 微信版本6.3.9,Android 微信版本6.3.8,OPPO 的微信版本是5.3,不支持 chooseImg 接口。
事实上微信页面并不会太复杂,或者说太复杂的页面并不适合微信,复杂度应该在产品设计阶段就解决掉,如果前端需要上重武器才能完成需求,不如回过头好好想想产品设计的问题~