个人简介

Echo Blog


江湖无名 安心练剑
  • uniapp 教程-00-基本概念介绍 uni-app组成和跨端原理
    基本语言和开发规范 uni-app代码编写,基本语言包括js、vue、css。以及ts、scss等css预编译器。 在app端,还支持原生渲染的nvue,以及可以编译为kotlin和swift的uts。 DCloud还提供了使用js编写服务器代码的uniCloud云引擎。所以只需掌握js,你可以开发web、Android、iOS、各家小程序以及服务器等全栈应用。 为了实现多端兼容,综...
    2021-11-15 13:01:55 | WEB
  • uniapp 跨平台框架-08-vue h5转换uni-app指南(vue转uni、h5转uni)
    转换 如果你已经有了一个基于vue开发的H5站点,想转换为uni-app。 首先注意2个前提: 1、你的web站是适合手机屏幕的; 2、你的H5代码是前后端分离的,uni-app只处理前端代码。 一切从新建一个uni-app项目开始。 然后依次进行 文件处理 把之前的vue web项目的前端代码copy到新项目下 如果之前的文件后缀名是.html,需要改为.vue,并注意遵...
    2021-11-15 13:01:55 | WEB
  • uniapp 跨平台框架-07-跨端注意
    每个端有每个端的特点,有的能被抹平,有的不可能被抹平。 注意:跨端,不是把web的习惯迁移到全平台。而是按照uni的写法,然后全平台使用。 H5正常但App异常的可能性 (1)css异常: 不支持的选择器 非H5端不支持 * 选择器; body的元素选择器请改为page,同样,div和ul和li等改为view、span和font改为text、a改为navigator、im...
    2021-11-15 13:01:55 | WEB
  • uniapp 跨平台框架-06-选型指南
    竞品对比 如果你关心竞品对比,这里有几份详尽对比: 多端开发框架对比横评,参考:https://juejin.im/post/5e8e8d5a6fb9a03c6d3d9f42(opens new window) 只做App,flutter、react native等App跨平台框架对比,参考:https://ask.dcloud.net.cn/article/36083(opens n...
    2021-11-15 13:01:55 | WEB
  • uniapp 跨平台框架-05-白话uni-app 【也是html、vue、小程序的区别】
    白话uni-app 本文适合对象: 已经通过uni-app官网对产品概念有基本了解。 熟悉h5,但对小程序、vue不了解 传统的h5只有1端,即浏览器。而uni-app可跨多端,虽仍属前端,与传统h5有不同。 如果你对h5比较了解,可通过本文快速了解uni-app。 网络模型的变化 以前网页大多是b/s,服务端代码混合在页面里; 现在是c/s,前后端分离,通过js api(类...
    2021-11-15 13:01:55 | WEB
  • 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