小程序开发:WeUi 安装与使用教程

2024-07-05
来源:网络整理

2. 运行 npm init 创建.json(如果不想一个个配置,也可以运行 npm init -y) 3. npm WeUi,运行 cnpm --save weui- 4. 然后点击 ,选择 npm

5.然后会提示你完成构建,并且目录下会多出一个文件夹,这个文件夹中就包含了我们要用到的组件和CSS样式。

6.使用

在全局css文件app.wxss中引入WeUI样式,以便所有页面都可以使用

@'//weui-/weui-wxss/dist//weui.wxss';

使用组件,我拿来做示范,在.json中写上组件名和路径。(注意路径不能多出空格,最后也不能多写逗号,否则会报错)

“mp-”:“…/…//weui-//”

这是我用来演示的单选按钮组件,如果要用其他组件,打开文件夹中的weui-文件夹,里面有官方的组件,改一下名字和地址,然后ojbk就可以了。

然后在.wxml中使用该组件

影响:

结束!!!

方法二:下载并导入

1. 下载weui

进入如下页面,点击红框处下载程序代码

解压之后进入文件夹,图中路径中的weui.wxss就是我们需要的weui库。

2. 介绍weui

作者2013年从Java开发转行做开发,曾在小公司也任职过,也进过华为、OPPO等大公司,2018年4月加入阿里巴巴并一直任职至今。

我参加过很多面试,也作为面试官面试过很多人。我知道大多数想要提高技能的初级和中级工程师往往都是靠自己成长的。不系统的学习效率低、周期长,很容易触顶、停滞不前!

我整理了一份阿里巴巴P7级别最系统的主流开发技术清单,特别适合经验3-5年以上的小伙伴深入学习提高。

使用weui开发微信小程序_vx小程序开发_微信开发小程序开发

主要收录了阿里、字节跳动、腾讯、华为、小米等一线互联网公司的主流架构技术,如果你想深入学习开发,成为一名合格的高级工程师,可以收藏这些进阶技术精选。

我收集整理了近几年阿里、腾讯、字节跳动、华为、小米等公司的面试题,将面试要求和技术点梳理成一份大而全的“架构师”面试(其实比想象中花了不少功夫),包括知识脉络+分支细节。

Java语言及原理;

大公司,小公司。面试首先会考你是否熟悉Java语言

高级 UI 和自定义视图;

自定义视图是开发的基本技能。

性能调优;

数据结构算法,设计模式等是需要掌握的重点基础和重点点。

NDK 开发;

未来的方向肯定是高薪。

先进的技术;

组件化、热升级、热​​修复、框架设计

网上有很多的学习资料,但是如果学习到的知识不系统,遇到问题只是浅尝辄止,没有深入研究,很难取得真正的技术提升,希望本篇系统化的技术体系能给大家提供参考。

我在搭建这些技术框架的时候,也整理了系统的进阶教程,比我自己碎片化的学习效果好很多,如上图所示;

当然,想要深入学习和掌握这些技能绝非易事,至于如何学习,大家都知道做一名程序员有多难,但无论工作多忙,每周总要抽出2个小时来学习。

不到半年,你就会看到变化!

《学习笔记总结+移动架构视频+大厂面试真题+实际项目源码》,点击传送门即可获取!

这个行业的工作强度大家都知道,但是不管工作多忙,每周都要抽出2个小时来学习。

不到半年,你就会看到变化!

《学习笔记总结+移动架构视频+大公司面试真题+实际项目源码》,点击传送门即可获取!

分享