鸿蒙javascript项目开发----华为轻量级运动手表
鸿蒙javascript项目开发----华为轻量级运动手表
没有人能够熄灭满天星光
每一位开发者,都是华为要汇聚的星星之火
第一个javascript开发鸿蒙app----华为轻量级运动手表
b站学习视频
运行图如下:
我的代码仓库
个人手敲代码,视频每一个章节的我都对应一个分支
视频选集代码分支p4step1
p5step2
p6step3
p7step4
p8step5
p9step6
p10step7
p11step8
p12step9
p13step10
p14step11
p15step12
p16step13
p17step14
p18step15
以下是我从官网和开发者论坛找到的内容,希望能帮助到大家
鸿蒙官方文档在哪找?
有三个地址,第一个暂时全面点,第二个更偏向底层的硬件开发板,第三个是JS的API
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/start-overview-0000000000029602
https://gitee.com/openharmony/docs/blob/master/quick-start/Readme-CN.md
https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-framework-syntax-js-0000000000611432
很多人问的语法知识,其实在官方文档里都有了,只是大家没注意到官方文档右上角,除了指南还有参考(API)
鸿蒙的开发IDE(DevEco)如何下载?
下载地址如下,这个IDE是从jetBrains的开源项目改造的。
https://developer.harmonyos.com/cn/develop/deveco-studio#download
新建Project后提示ERROR: Failed to open zip file. Gradle’s dependency cache may be corrupt (this sometimes occurs after a network connection timeout.) Re-download dependencies and sync project (requires network)
把项目文件夹里的gradle -> wrapper -> gradle-wrapper.properties里的
distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip
改成
distributionUrl=https://downloads.gradle-dn.com/distributions/gradle-5.4.1-all.zip
再重启DevEco试试。本来gradle会自动转到中国的这个cdn。我看到原文里的https后面有个斜杠不知道是什么意思,是不是这里多加了一个斜杠导致不能顺利解析网址。
HVD Manager下载问题,很遗憾这个一直也没有解决,这里贴两篇帖子做参考
HVD Manage无法下载问题从提出到解决
https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202360949317840956&fid=0101303901040230869
【HVD Manager】下载时候一直提示在登录的问题解决方法
https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203361547665100946&fid=0101303901040230869
DevEco中打开Tools -> HVD Manager时,网页不出现官方文档中提示的允许界面
暂时不知道原因,当时我退出了登录,关闭IDE并且重启了电脑,重新打开了出现了认证界面
DevEco如何下载有时候使用Dev eco时无法使用自动补全
这是因为语言服务器出现问题关闭了,在右下角的圆形图标那里可以看到是哪个语言服务器出了问题。直接左上角File -> Close
Project,关闭工程,然后重新进入即可,这时语言服务器重启了就好了。
为什么我新建布局文件后直然后findComponentById一直报红色找不到的问题?
目前这个2.0.8.203有些bug,官方已收到反馈,后续会修复。
目前在新建布局文件的时候,ResourceTable一定找不到你的布局文件和id,此时需要重启编译器,每新建一个布局文件,就需要重启编译器才能找到你布局文件对应的id。
不是说鸿蒙支持的是ES5.1吗,怎么还能用ES6的语法?
鸿蒙的js runtime没有使用 V8,而是选择了三星的 JerryScript。JerryScript 是用于物联网的超轻量
JavaScript 引擎。它能够在内存少于 64 KB 的设备上执行 ECMAScript 5.1 源代码。这也是为什么在文档中说鸿蒙
JS 框架支持 ECMAScript 5.1 的原因。但鸿蒙会把一部分能支持的ES6语法自动转化为ES5.1。
https://blog.csdn.net/JustJavaC/article/details/108538873
轻量级智能穿戴支持ES6的语法如下(非轻量级的没有说明):
let/const
arrow functions
class
default value
destructuring assignment
destructuring binding pattern
enhanced object initializer
for-of
rest parameter
template strings
https://developer.harmonyos.com/cn/docs/documentation/doc-references/lite-wearable-syntax-js-0000001055613463
DevEco中打开View -> Tool Windows 找不到Previewer?
关闭当前工程,删除后重建工程,选择Lite Wearable中的任意一个模板,进入后Previewer出现。
TV和Wearable暂时没有Previewer,可以打开Tools -> HVD Manager,使用虚拟设备手表或者TV代替。
博主个人第一次没找到,运行了模拟器之后就找到了。
DevEco 运行按钮和Debug的虫子按钮变成灰色?
这是因为丢失了配置Configuration,在运行按钮前面会出现个+add configuration的按钮。出现丢失配置的原因可能是之前卸载重装过DevEco,但是没有卸载完全。
先在系统里卸载DevEco(不要使用DevEco安装程序自动卸载,这会导致卸载不完全),然后卸载完全后重新安装DevEco。
如果之前卸载完全的话,安装好之后第一次启动DevEco时就会出现是否import配置的对话框,选择不导入后进入软件发现运行按钮变好了。
有时我编程时语法什么都是正确的,模拟器却不能正确显示?
模拟器需要网络,如果网络不正常时,模拟器会出现卡顿、卡死,无法正确响应代码的情况
模拟器启动失败、认证失败等等
请求是通过网络请求的,退出网页登录重进,重启IDE,注销用户,重启电脑,第一种不行就第二种,只要你网络没问题,应该就好了。还有一种情况是在使用chrome时一直无法认真,默认浏览器换成微软的edge浏览器就认证通过了。
新建js项目后,每次都要一路定位到index.hml,有没有更轻松的方法?
项目新建后会默认打开app.js,这时只需要点图中的十字图标,就可以很快定位到文件了。离pages只有一步之遥。省得你再去手动点entry
-> src -> main -> js -> default
怎样快速打开previewer?
左下角有个窗口的图标,点一下里面就有previewer
为什么官方教程找到的有些组件的语法用不了?
不同设备,支持的语法集大小不一样,猜测是跟内存和屏幕大小有关系。内存和屏幕小的设备支持的语法集比较小。有的语法TV支持,但是Lite Wearable不支持。
比如页面路由语法中Lite Wearable只能用router.replace这个语法,router.push、router.back这些语法都用不了。
同时,JS UI不支持后台页面,当打开一个页面时,上一个页面就销毁了。
关注、留言,我们一起学习。
----------------------Talk is cheap, show me the code-----------------------
鸿蒙javascript项目开发----华为轻量级运动手表相关教程
Lodash 严重安全漏洞背后 你不得不知道的 JavaScript 知识
Lodash 严重安全漏洞背后 你不得不知道的 JavaScript 知识 作者:Lucas HC 原文:https://zhuanlan.zhihu.com/p/73186974 可能有信息敏感的同学已经了解到:Lodash 库爆出严重安全漏洞,波及 400万+ 项目。这个漏洞使得 lodash “连夜”发版以解决潜在问题,
2021编程语言「后浪」趋势预测:JavaScript、Python热度不减,但
2021编程语言「后浪」趋势预测:JavaScript、Python热度不减,但崛起最快的却是它... 选自Medium,作者:Mr Herath 本文转自机器之心( nearhuman2014 ) 原文链接: https://medium.com/better-programming/what-will-be-the-best-back-end-programming-lang
Javascript 设计模式系统讲解与应用——学习笔记8-观察者模式
Javascript 设计模式系统讲解与应用——学习笔记8-观察者模式 发布 订阅 一对多 示例: 点咖啡,点好之后坐等被叫 简化之后的UML类图 // 主题 保存状态,状态变化之后触发所有观察者对象class Subject { constructor() { this.state = 0 this.observers = []
JavaScript
JavaScript (一)概念: 一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 * 脚本语言: 不需要编译 ,直接就可以被浏览器解析执行了 (二)功能: * 可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有
html-javaScript简易计算器
html-javaScript简易计算器 !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 title作业5/title style body { background-color: #c5c5c5; } button { width: 50px; } /style/headbody t
1、JavaScript的数据类型、流程控制
1、JavaScript的数据类型、流程控制 文章目录 1、严格检查模式strict 2、字符串类型 3、数组类型 4、对象数据类型 5、流程控制 6、Map 和 Set 1、严格检查模式strict 前提:IDEA需要设置支持ES6语法 !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 titleT
JavaScript数据结构之栈
JavaScript数据结构之栈 JavaScript 数据结构之栈思维导图: JavaScript 数据结构之栈源码 html body script console.log('javaScript数据结构之栈'); function Stack(){ this.items = []; } Stack.prototype ={ //进栈 push : function(item){ this.items.pus
JavaScript数据结构之队列
JavaScript数据结构之队列 JavaScript 数据结构之队列思维导图: JavaScript 数据结构之队列源码: html body script console.log('JavasScript 数据结构之队列') function Queue(){ this.items = []; } Queue.prototype = { //进队 enqueue:function (item) {