前端开发_快应用开发

已于 2023-11-08 15:17:40 修改
阅读量1.9k 收藏 1
点赞数 1
分类专栏： javascript 文章标签： css css3 前端
于 2023-02-27 11:44:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43260366/article/details/129123101
版权

目录

  • 点击其他地方关闭弹框
  • 全局变量 blobal
  • Scheme协议

快应用官网

快应用官网

真机调试

在开发开应用时，需要真机调试。

很多UI在模拟器上显示正确但是在真机上显示错乱 – 因此在调试时需要以真机为主。

  • 方法1: 远程预览

    直接微信扫(远程预览)二维码进入调试模式

  • 方法2: 使用调试器调试

  • 方法2的优势是在运行的时候若是逻辑错误可以看到运行报错，有助于我们解决问题。
    比如说我在逻辑代码中使用了window对象进行事件监听，在远程预览时功能不能正常运行，但是定位不到问题的原因，使用调试器进行调试可以看到错误，能快速定位问题---- 没有window对象。

组件

组件引入

在这里插入图片描述

组件嵌套问题
  • [1] 文本必须包裹在 text组件或span组件中，否则不显示；
  • [2] span必须作为text/a/span组件的子组件，否则不显示；
组件通信
快应用组件
tab组件

tab组件中的tab-content中的数据不支持动态增加或减少！如果要减少页面，需要先销毁掉，重新用新的实例展示数据 ===> 快应用提供了if命令，if为false时，页面不显示，并且dom节点也会移除。

<tab if='bol'>
  <tab-bar></tab-bar>
  <tab-content></tab-content>
</tab>

但是这样将会导致每次切换tab数据加载时 tab-bar的滚动条都会滚动到初始位置(最左边)，而且数据加载中tab-bar数据也会暂时消失 ===> 用户体验感不好；
我们可以只使用tab-bar来显示滚动条的tab数据，底部content内容使用普通组件div进行显示！

list组件

list-item — type属性必填 不然list不会滚动

web组件

若是某些不是很重要的页面，可以将web页面嵌套进快应用中 ===> 打开会比原生慢一点～

语法
<web src='http://baidu.com'></web>
路由跳转时schema 是 http/https

若是路由跳转的uri的schema是 http/https时，改uri默认会使用内置的web组件打开
在这里插入图片描述

web页面与快应用通信

快应用是允许快应用页面与文本页面通信的。

快应用接收/发送消息

在这里插入图片描述
在这里插入图片描述

网页接收发送消息

当网页被嵌入快应用时，默认会向该网页的windows中添加两个方法
在这里插入图片描述
注意： 该方法只有在嵌套的web页面且在快应用ide中浏览时可以使用，否则这两个方法将不存在！

通信流程
通信注意事项
  • 必须添加 trustedurl ，只有互相信任的页面路径才会允许通信，在默认情况下会添加web组件的src属性到trustedurl中；若是URL永远不变，则可以省略，若是路径携带参数或url不是固定值，则必须添加trustedurl；
  • 向网页发送请求
    this.$element('web').postMessage({
  message: messageString,
  success: function(){},
  fail: function(){}
})
    注意点：
    • [1] message必须为String类型，若是传递其他数据类型如对象，在真机环境会报错
      java.lang.ClassCastException: org.json.JSONObject cannot be cast   to java.lang.String
at org.hapjs.widgets.Web.f(SourceFile:535)
at org.hapjs.widgets.Web.invokeMethod(SourceFile:681)
at org.hapjs.render.b.a.a(SourceFile:30)
at org.hapjs.render.RootView.applyAction(SourceFile:1134)
at org.hapjs.render.RootView.applyActions(SourceFile:1120)
at org.hapjs.render.RootView.a(SourceFile:1105)
at org.hapjs.render.RootView.e(SourceFile:1088)
at org.hapjs.render.RootView$a.handleMessage(SourceFile:365)
at android.os.Handler.dispatchMessage(Handler.java:117)
at android.os.Looper.loopOnce(Looper.java:205)
at android.os.Looper.loop(Looper.java:293)
at android.app.ActivityThread.main(ActivityThread.java:9596)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:586)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1204)
      若是想发送对象类型可以使用 JSON.stringify进行转换，但是在接收时要注意使用try catch包裹，因为快应用默认发送的数据是对象类型且并没有stringify
      mounted () {
  const _this = this
  if (window.system && window.system.onmessage) {
    window.system.onmessage = function (data) {
      let d
      try {
        d = JSON.parse(data)
      } catch (err) {
      }
      if (d && d.page === 'quick_app') {
        _this.getInfo(d)
      }
   }
}
  • [2] 注意发送数据的时机，发送数据一定要等待网页渲染完毕之后，否则在网页端将接收不到数据
    • 举例说明 —> 我想在页面渲染完成之后发送信息给web页面，因此我选择在快应用的onReady生命周期发送数据
      onReady(){
  // 此处可以拿到元素的
  this.$element('web').postMessage({
    message: '111111'
  })
}
      但是我发现在网页在如下代码拿不到指定的信息
      mounted () {
  const _this = this
  if (window.system && window.system.onmessage) {
    window.system.onmessage = function (data) {
      console.log('data', data)
    }
  }
}
      原因是因为在发送数据的时候web网页还没有渲染完成！
      我们可以在web组件的pagefinish事件时传送数据，此事件在web页面渲染完成时触发！
      @pagefinish="pagefinish"

      pagefinish(){
  this.$element('web').postMessage({
    message: '111111'
  })
}
第三方组件库
  • https://vivoquickapp.github.io/apex-ui-docs/
  • https://jdsecretfe.github.io/quist-ui/
  • https://quickappcn.github.io/qaui/

css 样式问题

快应用中对于很多css样式都不兼容， 我们按照平常的习惯进行样式布局，在真机调试的时候发现样式是错乱的！


下面针对一些不兼容样式进行说明～

[1]选择器
  • 支持标签选择器、类选择器、id选择器，暂不支持其它选择器；
  • 继承：不支持样式继承；
[2]盒模型

快应用布局框架使用 border-box 模型，暂不支持 content-box 模型与手动指定 box-sizing 属性。

[3]样式布局-弹性布局

在快应用中很多组件默认采用的都是 弹性布局的方式进行布局，div组件是比较常用的弹性布局方式布局的元素。

  • 弹性布局不可以取消 ! ===> 在快应用中display只有flex与none取值情况，
      display: flex ; // 弹性布局
  display: none; //  消失
  • 若是不想子元素在一行排列 可以使用修改主轴方向
      flex-direction: column;
  • 注意：在弹性布局中 ===> 若是子元素的高度/宽度总和大于父元素的高度或宽度，不会出现滚动条，而是子元素的宽/高 收缩。
[4-1]样式切换 - 类名的动态切换

在很多情况下，我们需要通过动态切换类型来改变元素的的样式，在快应用中注意，切换类名时，类名必须在目标元素上，不然没效果！
比如设置在父元素上

.active{
  text{
    color: red; // 没效果
  }
}

我给text的父元素添加active类名然后修改text元素文本的颜色，但是发现没有效果；但是把类名动态添加在text标签上就发现样式可以正常切换了。

.active{
  color:red;
}
[4-2] 样式切换 - 行内样式动态切换

行内样式不支持动态编写 ----> 可以使用computed或methods

 <div style='{{background-image:url(imgurl)}}' class='www'></div>

  private:{
    imgurl: 'https://martin-upload.wcar.net.cn/web/2021/11/6bbf95698459f15b0050cb0d8e9e3484.png'
  }

上述代码不能正常显示图片，个人猜测是因为识别不出变量imgurl，若是想样式中的数据动态切换，可以采用computed与methods

  <div style="{{returnStatusImage()}}"  class='www'></div>

private: {
   text: '快应用是什么？',
   status:0
},
returnStatusImage() {
   switch (this.status) {
     case 0:
       return 'background-image:url(https://martin-upload.wcar.net.cn/web/2021/11/6bbf95698459f15b0050cb0d8e9e3484.png)'
       break;
     case 1:
       return 'background-image:url(https://martin-upload.wcar.net.cn/web/2021/11/07167f84c6dbf2679a6b1744acdd6ae9.png)'
       break;
     case 2:
       return 'background-image:url(https://martin-upload.wcar.net.cn/web/2021/11/743cbd9439d241cb6c8af9aeb85b312e.png)' 
       break;
     case 3:
       return 'background-image:url(https://martin-upload.wcar.net.cn/web/2021/12/5459fe6f0978ca211dc7034b903547c2.png)'
       break;
     case -1:
       return 'background-image:url(https://martin-upload.wcar.net.cn/web/2021/12/5459fe6f0978ca211dc7034b903547c2.png)'
       break;
     case 4:
       return 'background-image:url(https://martin-upload.wcar.net.cn/web/2022/02/9ff11fe02d56737ed45dec1ff626a194.jpg)'
       break;
     default:
       return 'background-image:url(https://martin-upload.wcar.net.cn/web/2021/11/6bbf95698459f15b0050cb0d8e9e3484.png)'
   }
 },
[5]background
  • 在快应用中background属性的作用是用来设置渐变色的，不能作为背景的复合属性。
    • 起作用
      background: linear-gradient(53deg, #F0E6D5 0%, #F0DFC3 100%);
    • 无作用
      background: red;
    • 若是想设置颜色使用background-color
        background-color:red;
  • span组件添加背景色不起作用！若是想要设置背景色不要使用span组件
[6]overflow

在快应用中overflow可接受的属性值如下

overflow: visible; // 显示
overflow: hidden; // 隐藏

因此没有办法设置元素显示滚动条等

[7]border-radius

在快应用中border-radius只接受一个值作为属性值

  • 若是设置2/3/4个值，则会报出警告
    border-radius:30px 20px 10px 0; // 四个圆角都会设置为30px
    不支持px 20px 10px 0作为单位，在编译时会将第一个值后面的值看作为单位
  • 设置4个一样的值
    border-radius:30px 20px 10px 0; // 四个圆角都会设置为30px
  • 若是想四个圆角弧度不一致
    border-top-left-radius:30px; // 左上
border-top-right-radius:30px; // 右上
border-bottom-left-radius:30px; //  左下
border-bottom-right-radius:30px; // 右下
[8]盒子阴影

快应用中不支持盒子阴影。

[9] 单位

快应用中支持 px % dp单位；但是%单位在真机中显示不对！

[10] 定位

定位没有层级 ----> 存在被覆盖导致点击事件不起作用的现象

系统接口

在项目中使用到的接口都需要在配置文件manifest.json中声明，不然会报如下警告

[WARN] 请在 manifest.json 文件里声明项目代码中用到的接口: system.storage, service.account, system.package, system.webview
[1] 检查某app是否在手机上安装
  • 官方文档：官方文档
  • 接口： system.package的hasInstalled方法
  • 作用：检查某app是否在已经在手机上安装
  • 使用
    • [1] 接口声明- 在配置文件manifest.json中声明
      "features": [
  {
    "name": "system.package" 
  },
]
    • [2] 在需要的地方导入并使用
        import pkg from '@system.package'

      pkg.hasInstalled({
  package: 'app包名',
  success: function(data) {
    console.log(`handling success: ${data.result}`)
    // result为true表示app已安装
    // result为false表示app未安装
  },
 fail: function(data, code) {
   console.log(`handling fail, code = ${code}`)
  }
})
[2] 下载应用
  • 官方文档：官方文档
  • 接口： system.package的install方法
  • 作用：下载某app
  • 使用
    • [1] 接口声明- 在配置文件manifest.json中声明
      "features": [
  {
    "name": "system.package" 
  },
]
    • [2] 在需要的地方导入并使用
      import pkg from '@system.package'

      pkg.install({
  package: '应用包名',
 success: function(data) {
   console.log(`handling success: ${data.result}`)
   // result:true 下载成功
   // result: false 下载失败
 },
 fail: function(data, code) {
   console.log(`handling fail, code = ${code}`)
 }
})
[3] 检查当前是否有桌面应用
  • 官方文档：官方文档
  • 接口： system.shortcut的hasInstalled方法
  • 作用：检查某app当前是否有桌面应用
  • 使用
    • [1] 接口声明- 在配置文件manifest.json中声明
      "features": [
  {
    "name": "system.shortcut" 
  },
]
    • [2] 在需要的地方导入并使用
      import shortcut from '@system.shortcut'

      shortcut.hasInstalled({
 success: function(res) {
   // res 为true表示已创建图标
   // res weifalse表示未创建图标
 }
})
[4] 添加桌面应用
  • 官方文档：官方文档
  • 接口： system.shortcut的install方法
  • 作用：为某app添加桌面应用
  • 使用
    • [1] 接口声明- 在配置文件manifest.json中声明
      "features": [
  {
    "name": "system.shortcut" 
  },
]
    • [2] 在需要的地方导入并使用
      import shortcut from '@system.shortcut'

      shortcut.install({
  success: function() {
    console.log('handling success') // 创建成功
  },
  fail: function(data, code) {
   // 创建失败,请在设置中开启创建桌面应用权限
   console.log(`handling fail, code = ${code}, errorMsg=${data}`)
  }
})
[5]数据存储
[6]弹框
  • 官方文档:官方文档
  • 弹出框一共有三种
    • toast提示框
    • dialog对话框
    • 列表框
[7] 接口
  • 官方文档：官方文档
  • 请求封装
    import { fetch } from "@system.fetch";
import { getStorage, setStorage } from './storage'
const api = 'xxx' 

const hasToken = async () => {
   const token = await getStorage('token')
   return !!token
}

// 将与后端约定的数据统一添加在请求头中
const getHeaders = async () => {
   const token = await getStorage('token')
   return {
       token,
       ....
   }
}

export const httpGet = async (url, data = {}, header = {}) => {
 await hasToken()
 const headers = await getHeaders()
 return new Promise((resolve, reject) => {
   fetch({
     url: api + url,
     data,
     method: 'GET',
     responseType: 'json',
     header: {
       ...headers,
       ...header
     },
     success(data) {
       resolve(data.data)
     },
     fail(err) {
       reject(err)
     }
   })
 })
}

export const httpPost = async (url, data = {}, header = {}) => {
 await hasToken()
 const headers = await getHeaders()
 return new Promise((resolve, reject) => {
   fetch({
     url: api + url,
     data,
     method: 'POST',
     responseType: 'json',
     header: {
       ...header,
       ...headers
     },
     success(data) {
       if (data.data.status === 1004) {
         router.replace({
           uri: '/pages/Login'
         })
       } else {
         resolve(data.data)
       }
         
     },
     fail(err) {
       reject(err)
     }
   })
 })
}

export default {
 httpGet,
 httpPost
}
[8]获取设备信息

获取设备信息 如屏幕高度

[9] 路由传参

在这里插入图片描述

数据

[1] 计算属性

计算属性

埋点

  • $umeng_stat

公共对象

global对象

在快应用中global对象可以直接使用，我们可以将封装的公共方法添加在global对象上(类似于将封装的公共方法添加在vue实例化对象上)

$app
退出快应用
this.$app.exit() // 退出开应用，结束应用生命周期
$element
获取指定element元素
  • 获取指定 id 的组件 dom 对象，如果没有指定 id，则返回根组件 dom 对象用法
    this. $element('id名')
  • 获取元素的宽高
     element.getBoundingClientRect({
   success: data =>{
     // data中包含元素的宽高 ，left\right\bottom\top
   }
 })

manifest配置文件

manifest配置文件

config - 系统配置信息
designWidth - 项目配置基准宽度

与传统 web 页面不同，px是相对于项目配置基准宽度的单位，已经适配了移动端屏幕，其原理类似于rem。

设计稿1px / 设计稿基准宽度 = 框架样式1px / 项目配置基准宽度

  • 语法
    "config":{
  "designWidth": 750
}
    若是不设置，默认值为750
  • 举例说明
    在这里插入图片描述
data - 全局数据对象

属性名不能以$或_开头，在页面中可通过 this 进行访问；如果全局数据属性与页面的数据属性重名，则页面初始化时，全局数据会覆盖页面中对应的属性值。

router - 配置路由

文件的目录结构如下：

src
  — pages
         — Demo
                 — index.ux
         — DemoDetail
                 — index.ux
          — Test
                 — test.ux
                 — test2.ux

在这里插入图片描述

entry

entry的属性值必须为pages中的一个。

pages
pages:{
  "页面名称":{
    "conponent": ' 文件夹名',
    "path": "路径名"
  }
}

  • 注意事项1: 页面配置列表(key值为指定页面名称(页面对应的文件夹目录)，value为页面详细配置; key值唯一)

    • 若是同一文件夹下存在多个文件，此时不能为该文件下的多个文件进行路由匹配

       "pages/Test": {
    "component": "test",
    "path": "/test1"
  },
  "pages/Test": {
    "component": "test2",
    "path": "/test2"
  }

      我想为同一文件夹下的文件匹配多个路由，此时会报错 Duplicate object key(重复配置)

      因此不要为同一文件夹的文件配置路由

    • 通过路由的路径可以看出，(在没有添加path属性的情况下)路径只到指定的文件夹而不包含文件名,因此即使是component属性值不同路由的路径也是相同的！

       "pages/Test": {
    "component": "test"
  }

      这个配置之后的路径是’pages/Test’

       "pages/Test": {
    "component": "test2"
  }

      这个配置之后的路径也是’pages/Test’

  • 注意事项2: 若是在定义单个路由信息时，存在path属性，属性值前面一定要加/表示当前在src文件夹下。

    • 在定义单个路由信息时，若是没有添加对应的path属性时，页面名称就是对应的路径名

      "pages": {
  "pages/DemoDetail": {
    "component": "index"
}

      当url为’/pages/DemoDetail’就会跳转到该页面了,此时location.href的值为

      http://localhost:8083/preview/pages/DemoDetail/

    • 若是添加了path属性，页面的路径将会以path的属性值为准

      "pages/DemoDetail": {
   "component": "index",
   "path": "/detail"
 }

      此时当url为’detail’或’/detail’时都会跳转到该页面，此时location.href的值为

      http://localhost:8083/preview/detail/

      此时注意path属性值前面一定要加/, 不然就会匹配不到对应的页面

      "pages/DemoDetail": {
   "component": "index",
   "path": "detail"
 }

      此时当当url为’detail’或’/detail’时会报错 404

      http://localhost:8083/preview/detail is not found

乖女子@@@
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
快应用开发流程
weixin_38373875的博客
01-09 1003
华为开发者联盟 > HMS Core > 资源中心 > 快应用 开发流程开发步骤参考文档说明注册成为开发者注册成为开发者在华为开发者联盟上注册帐号，用于后续创建应用、申请服务和提交审核。创建车机快应用创建车机快应用创建车机快应用后，生成用于唯一标识快应用的APP ID。下载、安装华为快应用IDE和加载器安装开发工具● 快应用IDE：用于生成签名文件（包括证书文件和...
2024年前端最新快应用开发快速上手及简明教程，建议细读
2401_84618926的博客
05-07 1334
由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】声明页面可以处理某种请求，页面可以从$page获取打开页面的参数。filter的结构如下：“”: {“uri”: “”| 属性 | 类型 | 默认值 | 必填 | 描述 || action | String | - | 是 | 请求的动作，目前仅支持view这一种 || uri | Pattern | - | 是 | 请求的数据的匹配规则。
快应用开发初体验
似水流年QC的博客
09-13 1916
快应用是一种新的应用形态，以往的手机端应用主要有两种方式：网页、原生应用；网页无需安装，却体验不是很好；原生应用体验流畅，却需要从应用商店下载安装，难以一步直达用户；快应用的出现，就是希望能够让用户无需下载安装，并且还能流畅的体验应用内容。
7个常用的前端开发工具（非常详细）零基础入门到精通，收藏这一篇就够了
leah126的博客
05-30 2658
WebStorm 是JetBrains公司旗下一款JavaScript 开发工具,功能齐全,集成度高，内置服务器调试，ESlint，代码补全，Emmet,ES6语法支持等应有尽有，目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。也存在一定的缺点正版收费，由于内置集成度比较高占内存大(常驻内存300M左右)，启动慢，对电脑配置有一定要求。
什么是快应用？小程序和他区别又在哪里？
m0_72622669的博客
09-23 3315
快应用是九大手机厂商基于硬件平台共同推出的新型应用生态。有很多运营者对快应用还比较陌生，因为到目前阶段，真正参与快应用生态建设的基本上都是头部互联网公司，很多应用企业还没有参与快应用生态的共建。快应用使用前端技术栈开发，原生渲染，同时具备 HTML 5 页面和原生应用的双重优点。用户无需下载安装，即点即用，享受原生应用的性能体验。快应用框架深度集成进各厂商手机系统中，可以在操作系统层面实现用户需求与应用服务间的无缝连接，提升用户的使用体验和应用服务的转化效率，同时支持生成桌面图标等留存能力。
前端快速开发工具是什么？
Gzlcxxjs的博客
09-22 948
在软件行业蓬勃发展的今天，有没有一款好用的前端快速开发工具，还能实现个性化定制？答案是有的。
快速应用开发
左直拳的马桶_日用桶
04-02 3815
一、概述 快速应用开发（Rapid Application Development,RAD)是一种比传统生命周期法（瀑布模型）快得多的开发方法，它强调极短的开发周期。RAD模型是瀑布模型的高速变种，通过使用基于构件的开发方法获得快速的开发进度。如果需求理解得好，且约束了项目范围，利用这种模型可以很快开发出功能完善的信息系统。 特点： 1）采用基于构件的开发方法，复用已有的程序结构或使用构件 2）可以使用CASE工具辅助软件构建 3）每个主要功能可由一个单独的RAD组来实现，最后集成形成整体 二、基本思想 1
黑马页面.zip_前端开发_JavaScript__前端开发_JavaScript_
08-09
前端开发_JavaScript__前端开发_JavaScript_" 这个标题暗示了我们正在处理一个与前端开发相关的压缩包，特别提到了JavaScript这一编程语言，这通常意味着该文件包含了关于JavaScript在前端开发中的应用。"黑马"可能...
前端开发规范文档_pdf文件
07-15
通过学习这份"前端开发规范文档"，开发者可以更好地理解并应用这些标准，提升个人专业素养，增强团队协作效率，从而推动项目的成功。无论是新手还是经验丰富的开发者，都应该持续关注并遵循开发规范，以保持代码的高...
2017小米官网最新首页网页模板下载.zip_前端开发_HTML_
08-10
在前端开发中，模拟知名网站的界面是一种常见的学习方法，它帮助开发者熟悉网页布局、色彩搭配、响应式设计以及交互元素的实现。在这个过程中，开发者通常会学习到如何利用HTML标记语言来构建网页结构，用CSS来控制...
前端开发Pandora前端开发框架
最新发布
06-05
Pandora是一款由Alibaba Group推出的前端开发框架，它致力于提供一套完整的前端解决方案，帮助开发者实现高效、稳定、可维护的前端应用。Pandora以其模块化的设计、强大的调试工具和丰富的插件体系，为前端开发带来...
快应用开发详解
wanggen2003的专栏
07-31 1038
前言什么是快应用？ 快应用是基于手机硬件平台的新型应用形态，标准是由主流手机厂商组成的快应用联盟联合制定。 快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放。 快应用具备传统APP完整的应用体验，无需安装、即点即用。 快应用官网：https://www.quickapp.cn/ 开发文档：https://doc.quickapp.cn/ 开发环境：windows7 着手开发第一个快应用 1.环境搭建1.1 安装nodejs：
快应用开发最基础学习笔记
快应用官方博客
02-24 407
本文转载至CSDN博主「小卡tut」的原创文章Part.1• • •使用hap-toolkit脚手架初始化一个快应用项目❶ 创建一个文件夹，然后打开快应用的终端，在终端中输入 hap init helloworld❷ 接着取他的名称进行确定❸ 安装依赖 npm install❹ 安装完依赖，目录中会多一个node_modules的包❺ 编译项目npm run build 会生成一个rpk的文件在d...
快应用开发入门
qq_35946021的博客
07-09 1040
快应用入门及开发准备
Android快应用开发(一)
keep_moving12138的博客
08-12 4772
快应用是Android未来的使用趋势，其优势在于免安装，渲染能力强，使用原生系统的能力强，H5实时更新等。 在华为2019的开发者大会中也是吹了一把快应用，快服务的使用，以后在鸿蒙系统中也会支持这种快速开发，高效，资源占用率低，免安装的快应用模式。 下面是传统APP，H5APP,混合APP，小程序等使用对比 从上图也可以看出，各手机厂商制定了快应用标准，就是为了死磕上去年和前年比较火的微...
快应用简介
Dream home
04-20 9131
快应用是一种新的应用形态，以往的手机端应用主要有两种方式：网页、原生应用；网页无需安装，却体验不是很好；原生应用体验流畅，却需要从应用商店下载安装，难以一步直达用户；快应用的出现，就是希望能够让用户无需下载安装，并且还能流畅的体验应用内容。 为了达到上面的目标，快应用建立一种新的语言开发规范，同时提供一系列的开发套件辅助支持。简单来说，开发者主要利用前端知识与技能，以及对应的IDE，手机设备就可...
微信小程序无法访问window,如何添加全局顶级方法或属性？直接全局顶层调用！
SAXX2的博客
09-05 1217
在传统浏览器中有个顶级的window对象，我们可以直接向其注入我们的全局方法或者属性，但在小程序中却行不通，因为我们在全局无法直接访问到window对象，虽然你可以在开发者工具的控制台中get到。总所周知小程序中的wx对象存在许多封装好的方法，我们可以在全局直接通过wx.$name 直接调用，那我们又该如何去自己定义类似这样的顶级对象或者方法呢?，既然没有window对象，我们可以找Object!，原型链顶层就是我们的Object,故此我们可以这样做。
Vue快速开发一个主页
qq_45726327的博客
03-05 1846
这里讲述我们如何快速利用Vue脚手架快速搭建一个主页。
Vue.js前端开发详解与应用
"Vue.js学习文档提供了前端开发的快速入门与专业应用指南，特别提到了Vue.js版本1和版本2之间的差异，适合初学者学习。文档可能包含实际项目案例，如武船集团青岛北海船舶重工的生产指挥中心方案，展示了如何将前端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值