请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

开发工具 Visual Studio Code或官方IDE 问题

15
回复
3132
查看
  [复制链接]

3

主题

16

帖子

95

积分

 楼主| 2018-9-26 14:34:48 显示全部楼层 |阅读模式
本帖最后由 stylered 于 2018-9-26 14:54 编辑 问题一 电脑:macbook 系统:os x 10.10.5 编辑某个ux文件时,CPU会被IDE的进程吃掉97%,杀死IDE,进程也不会被杀死,需要强制杀死。 此问题造成电脑卡顿发热 WechatIMG138.png 推测是在ux文件中使用自定义组件,组件中有使用参数更新组件style,此时编辑了页面的style块,会重现这个问题 在Visual Studio Code中可以知道这个异常进程来自Hap Extension扩展 问题二 使用此方式修改内联style样式,IDE会提示语法错误,不过编译不受影响 612536B81872C1A12153059EAC50B8BD.jpg
回复

使用道具 举报

12

主题

43

帖子

445

积分

2018-9-26 16:04:41 显示全部楼层
能不能提供个代码, 让我们定位一下问题?
回复

使用道具 举报

3

主题

16

帖子

95

积分

 楼主| 2018-9-26 17:23:02 显示全部楼层
ZeroTheLost 发表于 2018-9-26 16:04 能不能提供个代码, 让我们定位一下问题?
  1. <template>
  2. <div class="layout-tvbar">
  3. <div class="tvbar" style="padding-top: {{pBarPaddingTop}}; padding-bottom: {{pBarPaddingBottom}};">
  4. <div class="tvbar-content">
  5. <div>
  6. <image class="tvbar-title-image" src="{{pImage}}" show="{{pImage !== ''}}"></image>
  7. <text class="tvbar-title" style="color: {{pTitleColor}}; font-size: {{pTitleSize}}">{{pTitle}}</text>
  8. </div>
  9. <div class="tvbar-layout-value {{pValueAlign}}">
  10. <text class="tvbar-value" style="color: {{pValueColor}};font-size: {{pValueSize}}">{{pValue}}</text>
  11. </div>
  12. </div>
  13. <div>
  14. <image class="tvbar-end-image" src="/Common/images/arrow.png" show={{pArrow}}></image>
  15. </div>
  16. </div>
  17. <div class="tvbar-line" style="margin-left: {{pLineLeft}}" show={{pLine}}></div>
  18. </div>
  19. </template>
  20. <style>
  21. .layout-tvbar {
  22. flex-direction: column;
  23. background-color: #ffffff;
  24. }
  25. .layout-tvbar:active {
  26. background-color: #f5f5f5;
  27. }
  28. .tvbar {
  29. padding: 30px 32px;
  30. flex-direction: row;
  31. justify-content: space-between;
  32. align-items: center;
  33. }
  34. .tvbar>div {
  35. align-items: center;
  36. }
  37. .tvbar>.tvbar-content {
  38. width: 100%;
  39. position: none;
  40. }
  41. .tvbar .tvbar-title-image {
  42. width: 40px;
  43. height: 40px;
  44. margin: 0 40px 0 0;
  45. }
  46. .tvbar .tvbar-end-image {
  47. width: 24px;
  48. height: 24px;
  49. margin: 0 -1px 0 20px;
  50. }
  51. .tvbar text {
  52. lines: 1;
  53. text-overflow: ellipsis;
  54. }
  55. .tvbar-layout-value {
  56. flex-grow: 1;
  57. }
  58. .tvbar-content>.right {
  59. justify-content: flex-end;
  60. }
  61. .tvbar-content>.left {
  62. justify-content: flex-start;
  63. }
  64. .tvbar .tvbar-value {
  65. margin: 0 0 0 60px;
  66. }
  67. .tvbar-line {
  68. width: 100%;
  69. height: 1px;
  70. background-color: #eeeeee;
  71. }
  72. </style>
  73. <script>
  74. export default {
  75. props: {
  76. pBarPaddingTop: {
  77. type: String,
  78. default: '30px',
  79. },
  80. pBarPaddingBottom: {
  81. type: String,
  82. default: '30px',
  83. },
  84. pImage: {
  85. type: String,
  86. default: ''
  87. },
  88. pTitle: String,
  89. pTitleSize: {
  90. default: '32px'
  91. },
  92. pTitleColor: {
  93. default: '#333333'
  94. },
  95. pValue: String,
  96. pValueSize: {
  97. default: '32px'
  98. },
  99. pValueColor: {
  100. default: '#666666'
  101. },
  102. pValueAlign: {
  103. type: String,
  104. default: 'right'
  105. },
  106. pArrow: {
  107. default: true
  108. },
  109. pLine: {
  110. default: false
  111. },
  112. pLineLeft: {
  113. default: '32px',
  114. }
  115. }
  116. }
  117. </script>
复制代码
这是自定义控件的代码
回复

使用道具 举报

3

主题

16

帖子

95

积分

 楼主| 2018-9-26 17:25:02 显示全部楼层
ZeroTheLost 发表于 2018-9-26 16:04 能不能提供个代码, 让我们定位一下问题?
  1. <import name="title-value-bar" src="../Common/TitleValueBar"></import>
  2. <import name="custom-tab-bar" src="../Common/CustomTabBar"></import>
复制代码
  1. <title-value-bar p-title="参保方案" p-value="{{citys[cPlanIndex].shebao_type}}" p-title-color="#999999" p-title-size="30px" p-value-color="#333333" p-value-size="30px"
  2. p-line=true p-value-align="left"></title-value-bar>
  3. <title-value-bar p-title="户籍性质" p-value="{{huji[cHujiIndex].name}}" p-title-color="#999999" p-title-size="30px" p-value-color="#333333" p-value-size="30px"
  4. p-line=true p-value-align="left"></title-value-bar>
复制代码
这是引入自定义控件的页面部分代码
回复

使用道具 举报

12

主题

43

帖子

445

积分

2018-9-27 10:47:12 显示全部楼层
本帖最后由 ZeroTheLost 于 2018-9-27 10:52 编辑
stylered 发表于 2018-9-26 17:25 这是引入自定义控件的页面部分代码
可能我们姿势不正确, 并不能够复现这个问题哦. 能不能给我门提供一个最小的可复现版本, 就是直接新建个工程, 把有问题的代码按你的方式贴上去, 然后直接发到我邮箱 chuangjie.luo@vivo.com . 还有就是问题重现是只要是编辑这个文件就会出现么? 还是是概率性的?
回复

使用道具 举报

3

主题

16

帖子

95

积分

 楼主| 2018-9-27 14:37:51 显示全部楼层
ZeroTheLost 发表于 2018-9-27 10:47 可能我们姿势不正确, 并不能够复现这个问题哦. 能不能给我门提供一个最小的可复现版本, 就是直接新建个工 ...
问题项目已经发送邮箱,请查收 编辑BuyDetail目录下的index.ux文件的区间,就会重现这个问题,不是概率性的出现
回复

使用道具 举报

3

主题

16

帖子

95

积分

 楼主| 2018-9-27 14:39:38 显示全部楼层
ZeroTheLost 发表于 2018-9-27 10:47 可能我们姿势不正确, 并不能够复现这个问题哦. 能不能给我门提供一个最小的可复现版本, 就是直接新建个工 ...
出现CPU占用挂死的进程之后,在IDE里保存文件,会卡顿两秒左右才能保存成功
回复

使用道具 举报

3

主题

16

帖子

95

积分

 楼主| 2018-9-27 14:41:33 显示全部楼层
ZeroTheLost 发表于 2018-9-27 10:47 可能我们姿势不正确, 并不能够复现这个问题哦. 能不能给我门提供一个最小的可复现版本, 就是直接新建个工 ...
node version 8.9.3 npm version 5.5.1 官方IDE版本1.0.1
回复

使用道具 举报

5

主题

12

帖子

85

积分

2018-9-28 14:05:30 显示全部楼层
aaa
回复

使用道具 举报

12

主题

43

帖子

445

积分

2018-9-28 14:06:53 显示全部楼层
stylered 发表于 2018-9-27 14:41 node version 8.9.3 npm version 5.5.1 官方IDE版本1.0.1
已经能够复现了, 争取下个版本解决
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册