uni-app教程二（微信开发者工具运行项目，icon字体使用，组件）(2)

最后

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

4. 进入test项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，生成对应的微信小程序项目，即可在微信开发者工具里面体验了。

5. 运行效果

2. 组件

1）基础组件，与微信小程序相同;

2）自定义组件，根据需要通过基础组件进行组合；

3）uni-ui，是DCloud提供的基于vue组件的、flex布局的、无dom的跨全端扩展ui框架；

4）插件市场，提供了更多扩展组件、模板，包括前端组件和原生扩展组件，具体见插件市场;

1. 基础组件

页面主操作 Normal

2. 字体库的引入

1、拷贝common目录到项目中，icon.css在common中，并修改引入的字体路径

2、拷贝static目录到项目中，字体文件在static目录中。

在mainjs中引入iconfont.css

// 引入全局css

import ‘./static/2002icon/iconfont.css’

在组件中页面中使用：

3. 自定义组件

根目录下创建components目录，创建list.vue组件

{{item.title}}

2. 父组件我的页面my.vue，引入自定义组件list.vue，并传参

最终效果：

3. uni-ui的使用

1）uni-ui 是全端兼容的基于flex布局的ui库；

2）可以使用 npm 的安装使用方式，也可下载相关组件直接使用；

3）uni-ui

不支持使用 Vue.use() 的方式安装

4）uni-ui 依赖 scss，若是 HBuilderX 中创建的 uni-app

项目，需要在 HBuilderX 中安装 scss 插件；如果是使用 cli 创建的 uni-app 项目，需要在项目下npm安装node-sass 和 sass-loader

1. 初始化项目

在 HBuilderX 中新建 uni-app 项目，进入项目目录，执行：

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript