uniapp 跨平台框架-04-how to learn 如何学习
学习步骤
建议第一步,看完uni-app官网的首页介绍。
建议第二步,通过快速上手,亲身体验下uni-app。
建议第三步,看完《uni-app官方教程》,出品人:DCloud,课时:共3节。
如果你熟悉h5,但不熟悉vue和小程序
看完这篇 白话uni-app
DCloud与vue合作,在vue.js官网提供了免费视频教程,也可以直达教程地址:https://learning....
2021-11-15 13:01:55 |
WEB
uniapp 跨平台框架-03-history 发展历史
名字的由来
uni,读 you ni,是统一的意思。
很多人以为小程序是微信先推出的,其实,DCloud才是这个行业的开创者。
DCloud于2012年开始研发小程序技术,优化webview的功能和性能,并加入W3C和HTML5中国产业联盟,推出了HBuilder开发工具,为后续产业化做准备。
2015年,DCloud正式商用了自己的小程序,产品名为“流应用”,它不是B/S模式的轻应...
2021-11-15 13:01:55 |
WEB
uniapp 跨平台框架-02-快速开始
创建方式
uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。
可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。
开始之前,开发者需先下载安装如下工具:
HBuilderX:官方IDE下载地址
HBuilderX 是通用的前端开发工具,但为uni-app做了特别强化。
下载App开发版,可开箱即用;如下载标准版,在...
2021-11-15 13:01:55 |
WEB
uniapp 跨平台框架-02-快速开始 cli 安装
vue-cli
除了HBuilderX可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。
环境安装
全局安装vue-cli
cnpm install -g @vue/cli
创建uni-app
使用正式版(对应HBuilderX最新正式版)
vue create -p dcloudio/uni-preset-vue my-proje...
2021-11-15 13:01:55 |
WEB
uniapp 跨平台框架-01-概览
uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。
阿里小程序工具官方内置u...
2021-11-15 13:01:55 |
WEB
jam icons 免费开源的图标使用入门
JAM
Jam 图标是一组为 Web 项目、插图、印刷项目等设计的 SVG 图标。
MIT 许可。
图标:https://jam-icons.com
v2
网址:https://v2.jam-icons.com/
快速开始
JS
它将您的标记转换为干净的svg标记。
您只需使用span或whatever标记内的data-jam属性来选择图标(属性如下所示)。所以如果你写:
...
2021-11-09 13:01:55 |
WEB
npm 引入 css 样式库之后如何使用
vue 中安装及使用 animate.css
animate官网 https://animate.style/
一、npm安装animate.css
npm install animate.css --save
二、main.js页面引入animate
//animate动画库
import animated from 'animate.css' // npm install ...
2021-11-09 13:01:55 |
WEB
前端优秀的 ICON 库整理
国内
这里阿里的 iconfont 就不做介绍的,国内的开发者基本都知道,也都在用,现在我们来看看国外有哪些好用的图标库。
Flaticon
网址:https://www.flaticon.com/packs
格式和类型:PNG, SVG, EPS, PSD, and BASE 64, Marketplace
价格和许可证:有限的免费套餐和高级套餐,每月9.99美元起
Flati...
2021-11-09 13:01:55 |
WEB