harmonyOS开发过程遇到的问题总结-js开发模式（持续更新）

最新推荐文章于 2024-08-01 17:11:06 发布
最新推荐文章于 2024-08-01 17:11:06 发布
阅读量647 收藏 1
点赞数 1
分类专栏： harmony 前端 文章标签： javascript harmonyos css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44278888/article/details/122068270
版权
本文总结了HarmonyOS使用JavaScript开发时遇到的问题，包括div标签文本渲染限制，部分CSS属性不支持，接口返回参数查看与处理方式，以及权限声明的注意事项。开发者需要注意div中文本必须放在text标签内，CSS属性如background、margin、display等的限制，接口返回数据需通过JSON.stringify()打印，以及权限需预先在config.json声明。
摘要由CSDN通过智能技术生成

harmonyOS开发过程遇到的问题总结-js开发模式（持续更新）

1.div标签不可渲染文本，文本只能在text标签内显示

2.部分css属性不支持

  • 当前鸿蒙只支持px和%，其他的单位包含（vh vw等）都不支持。
  • background不支持多个属性缩写在一起，需要分开。当前background只支持例如* * * background：linear-gradient（red，#00ff00）
  • calc()待评审，当前不支持
  • margin：只支持数字，auto不支持
  • display:flex|none,不支持其它
  • text:nth-of-type(1)不支持类似
  • box-sizing 不支持
  • flex-flow不支持简写，要分开写
  • -webkit- 不支持
  • fontweight:supportedvalue(normal|lighter|bold|bolder|100|200|300|400|500|600|700|800|900)
  • border-radius:不支持%单位，只能用px

3.接口请求返回参数只能打印查看

返回的结果需要用JSON.stringify()方式打印，否则不显示
赋值时需要用JSON.parse()
如果返回值过长，会被截断隐藏，不太友好

4.权限需要事先在config.json声明


                

                
                
        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  举个Chestnut
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
【官方总结】HarmonyOS应用开发常见问题FAQ

				
			

			

				

					HarmonyOS技术社区
				

				

					12-02
					
					1万+
					
				

			

		

		

			
				
目录

HarmonyOS开发基础类问题FAQ

JS UI开发类问题FAQ

Java UI开发类问题FAQ

媒体、数据管理、权限类问题FAQ

HarmonyOS开发基础类问题FAQ

1Q：需要使用什么工具进行HarmonyOS应用开发？

A：可使用HUAWEI DevEco Studio（简称DevEco Studio）进行HarmonyOS应用开发。

1>DevEco Studio使用指南详见开发者文档

https://developer.harmo...

			
		

	



                

              
                



	

		

			

				
					
HarmonyOS JS UI

				
			

			

				

					woyebuzhidao321的博客
				

				

					03-11
					
					1964
					
				

			

		

		

			
				
什么是鸿蒙鸿蒙操作系统 (HarmonyOS、鸿蒙OS) 是一款面向全场景的分布式操作系统。其开源项目为OpenHarmony。历史2012 年，华为开始规划自有操作系统“鸿蒙”2019 年 8 月 9 日，华为在发布鸿蒙 1.02020 年 9 月 10 日，华为发布鸿蒙 2.02021 年 6 月 2 日，鸿蒙正式商用（华为正式发布 HarmonyOS 2 及多款搭载 HarmonyOS 2 的新产品）鸿蒙的三大特征超级小程序H5 只能使用浏览器的功能。

			
		

	



                


  
              

                


	

		

			

				
					
HarmonyOS： 设置自组件不超过父组件的宽度

					
最新发布

				
			

			

				

					小头鱼的博客
				

				

					08-01
					
					296
					
				

			

		

		

			
				
通过尺寸设置中的calc计算属性，对子组件的宽度进行判断，设置子组件的宽度。

			
		

	





	

		

			

				
					
HarmonyOS开发者文档,（持续更新 ）HarmonyOS系统中的JS开发框架 1

				
			

			

				

					weixin_30579719的博客
				

				

					05-27
					
					1101
					
				

			

		

		

			
				
HarmonyOS开源至今已经一个多月，源码托管在国内知名开源平台码云上，我最感兴趣的就是JS 框架 ace_lite_jsfwk，从名字中可以看出来这是一个非常轻量级的框架，官方介绍说是“轻量级 JS 核心开发框架”。当我看完源码后发现它确实轻。src 目录中一共有 4 个目录，总计 8 个文件。其中 1 个是单元测试，还有 1 个性能分析。再除去 2 个 index.js 文件，关键的文件一共...

			
		

	



		

			
		



	

		

			

				
					
《HarmonyOS开发 – 小凌派-RK2206开发笔记》第4章 串口应用开发

				
			

			

				

					不问归期的博客
				

				

					05-27
					
					1847
					
				

			

		

		

			
				
开发环境：
开发系统：Ubuntu 20.04
开发板：小凌派-RK2206开发板
OpenHarmony版本：3.0.0-LTS
4.1串口简介
串口是一个泛称，UART、TTL、RS232、RS485、RS422都可以说是串口。一般的MCU内部集成了UART接口，即通用异步收发器（Universal Asynchronous Receiver/Transmitter)；MCU的串口一般为遵循TTL电平的TTL串口；RS232、RS485、RS485则通常作为设备的外设串口使用。当然啦，要想了解更多串口的

			
		

	





	

		

			

				
					
前端(HarmonyOS)第1周学习笔记总结

				
			

			

				

					qq_61872431的博客
				

				

					04-30
					
					345
					
				

			

		

		

			
				
（1）应用开发目录介绍

JS FA 应用的 JS 模块 (entry/src/main/js/module) 的典型开发目录结构如下：



目录结构中文件分类如下：

.hml 结尾的 HML 模板文件，这个文件用来描述当前页面的文件布局结构。
	.css 结尾的 CSS 样式文件，这个文件用于描述页面样式。
	.js 结尾的 JS 文件，这个文件用于处理页面和用户的交互。
各个文件夹的作用：

app.js 文件用于全局 JavaScript 逻辑和应用生命周期管理。
	pages 目录用于存放所..

			
		

	





	

		

			

				
					
鸿蒙HarmonyOS实战-UIAbility页面跳转_鸿蒙os开发uiabillty之间的跳转

				
			

			

				

					2401_84181108的博客
				

				

					04-21
					
					869
					
				

			

		

		

			
				
android.settings.INPUT_METHOD_SUBTYPE_SETTINGS    【API 11及以上】 // 跳转 语言选择界面 【多国语言选择】android.settings.NFC_SETTINGS    显示NFC设置。android.settings.MANAGE_ALL_APPLICATIONS_SETTINGS    跳转到应用程序界面【所有的】android.settings.INTERNAL_STORAGE_SETTINGS    跳转存储设置界面【内部存储】

			
		

	





	

		

			

				
					
鸿蒙系统开发日常代码.zip

				
			

			

				

					01-20
				

			

		

		

			
				
鸿蒙系统，全称为HarmonyOS，是由华为公司自主研发的操作系统，旨在打造一个跨设备、全场景的智慧生活新体验。...同时，也可以参考这些代码来解决实际开发中遇到的问题，或者借鉴其中的设计模式和最佳实践。

			
		

	





	

		

			

				
					
HarmonyOS JS Demo应用开发

				
			

			

				

					大草的博客
				

				

					02-12
					
					849
					
				

			

		

		

			
				
体验下"HarmonyOS JS Demo应用开发"。

			
		

	





	

		

			

				
					
js-crash-projects：练习JS的崩溃项目

				
			

			

				

					02-13
				

			

		

		

			
				
js-crash-projects：练习JS的崩溃项目

			
		

	





	

		

			

				
					
HarmonyOS(鸿蒙)的js开发的小白记录

				
			

			

				

					a20001999的博客
				

				

					08-12
					
					389
					
				

			

		

		

			
				
input框的value值可以通过监听change事件，然后通过参数e(应该是自带的一个默认参数，我也不是很懂)拿到，比如:
监听了input框，事件叫changeValue()，就是:
changeValue(e){
e.value
}
e.value就可以拿到输入框的值了，如果想看输出，就使用console.info()，我也不知道输入台在哪里，不过可以通过HiLog或者previewerLog的搜索栏里输入你的输出就可以看到你的输出是什么了。

...

			
		

	





	

		

			

				
					
【HarmonyOS NEXT】是否支持calc计算宽高

				
			

			

				

					Mayism123的博客
				

				

					03-07
					
					766
					
				

			

		

		

			
				
API 10 / calc计算 / 尺寸设置 / 宽高 / width / height / size。从API version 10开始，width、height、size接口支持calc计算特性。HarmonyOS是否支持calc计算宽高?

			
		

	





	

		

			

				
					
PDF.js 预览pdf文件流预览pdf，及ie浏览器兼容性问题，解决方案！！（开发笔记）

					
热门推荐

				
			

			

				

					qq_45357178的博客
				

				

					07-30
					
					1万+
					
				

			

		

		

			
				
PDF.js 预览pdf文件流预览pdf，及ie浏览器兼容性问题，多种请求方式，全面测试

			
		

	





	

		

			

				
					
鸿蒙使用pdf.js加载pdf的方案和其定制化

				
			

			

				

					m0_63548381的博客
				

				

					05-24
					
					2174
					
				

			

		

		

			
				
经过验证，点击pdf.js工具栏的打开按钮 ，然后通过web组件的onShowFileSelector方法可以监听到h5的input file，从而调起鸿蒙本机的文件管理器用于选择文件。这个项目的实现非常好，但是经过验证，这个基于pdf.js的项目只支持包内本地pdf和在线pdf链接。然后我首先通过runJavaScript方法调用在viewer.html的script标签里自定义的openFIle函数，企图把鸿蒙读取的文件对象直接传过去。但由于其功能和样式的自定义程度受限，所以这种方案目前的优先级不高。

			
		

	





	

		

			

				
					
H5移动端文件预览pdf

				
			

			

				

					猫大人的博客
				

				

					02-22
					
					9836
					
				

			

		

		

			
				
需求：H5页面嵌入浙政钉，需要文件预览Pdf。！！先讲最终方案，兼容ios，安卓，鸿蒙多种系统手机，移动端和pc端的pdf预览方式 — pdf.js + iframe。

			
		

	





	

		

			

				
					
同事做鸿蒙的适配，横向两个控件总是有问题，不能耽误她愉快的午饭，必须出手

				
			

			

				

					IT程序员的编程黑洞（鸽子王）抖音同名
				

				

					04-20
					
					156
					
				

			

		

		

			
				
同事做鸿蒙的适配，横向两个控件总是有问题，不能耽误她愉快的午饭，必须出手
文章目录同事做鸿蒙的适配，横向两个控件总是有问题，不能耽误她愉快的午饭，必须出手前言一、可以使用DirectionalLayout二、使用步骤1.嵌套2.添加权重总结

前言
同事做鸿蒙的适配，横向两个控件总是有问题，不能耽误她愉快的午饭，必须出手
一、可以使用DirectionalLayout
这个类似一个线性布局，有权重属性
二、使用步骤
1.嵌套

代码如下（示例）：

  <DirectionalLayout
     

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值