Visual Studio Code或官方IDE 问题

stylered

问题一 电脑：macbook 系统：os x 10.10.5 编辑某个ux文件时，CPU会被IDE的进程吃掉97%，杀死IDE，进程也不会被杀死，需要强制杀死。 此问题造成电脑卡顿发热 推测是在ux文件中使用自定义组件，组件中有使用参数更新组件style，此时编辑了页面的style块，会重现这个问题 在Visual Studio Code中可以知道这个异常进程来自Hap Extension扩展 问题二 使用此方式修改内联style样式，IDE会提示语法错误，不过编译不受影响

ZeroTheLost

能不能提供个代码, 让我们定位一下问题?

stylered

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>
21. <style>
22. .layout-tvbar {
23. flex-direction: column;
24. background-color: #ffffff;
25. }
27. .layout-tvbar:active {
28. background-color: #f5f5f5;
29. }
31. .tvbar {
32. padding: 30px 32px;
33. flex-direction: row;
34. justify-content: space-between;
35. align-items: center;
36. }
38. .tvbar>div {
39. align-items: center;
40. }
42. .tvbar>.tvbar-content {
43. width: 100%;
44. position: none;
45. }
47. .tvbar .tvbar-title-image {
48. width: 40px;
49. height: 40px;
50. margin: 0 40px 0 0;
51. }
53. .tvbar .tvbar-end-image {
54. width: 24px;
55. height: 24px;
56. margin: 0 -1px 0 20px;
57. }
59. .tvbar text {
60. lines: 1;
61. text-overflow: ellipsis;
62. }
64. .tvbar-layout-value {
65. flex-grow: 1;
66. }
68. .tvbar-content>.right {
69. justify-content: flex-end;
70. }
72. .tvbar-content>.left {
73. justify-content: flex-start;
74. }
76. .tvbar .tvbar-value {
77. margin: 0 0 0 60px;
78. }
80. .tvbar-line {
81. width: 100%;
82. height: 1px;
83. background-color: #eeeeee;
84. }
85. </style>
87. <script>
88. export default {
89. props: {
90. pBarPaddingTop: {
91. type: String,
92. default: '30px',
93. },
94. pBarPaddingBottom: {
95. type: String,
96. default: '30px',
97. },
98. pImage: {
99. type: String,
100. default: ''
101. },
102. pTitle: String,
103. pTitleSize: {
104. default: '32px'
105. },
106. pTitleColor: {
107. default: '#333333'
108. },
109. pValue: String,
110. pValueSize: {
111. default: '32px'
112. },
113. pValueColor: {
114. default: '#666666'
115. },
116. pValueAlign: {
117. type: String,
118. default: 'right'
119. },
120. pArrow: {
121. default: true
122. },
123. pLine: {
124. default: false
125. },
126. pLineLeft: {
127. default: '32px',
128. }
129. }
130. }
131. </script>

复制代码

这是自定义控件的代码

stylered

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>

复制代码

这是引入自定义控件的页面部分代码

ZeroTheLost

stylered 发表于 2018-9-26 17:25 这是引入自定义控件的页面部分代码

可能我们姿势不正确, 并不能够复现这个问题哦. 能不能给我门提供一个最小的可复现版本, 就是直接新建个工程, 把有问题的代码按你的方式贴上去, 然后直接发到我邮箱 chuangjie.luo@vivo.com . 还有就是问题重现是只要是编辑这个文件就会出现么? 还是是概率性的?

stylered

ZeroTheLost 发表于 2018-9-27 10:47 可能我们姿势不正确, 并不能够复现这个问题哦. 能不能给我门提供一个最小的可复现版本, 就是直接新建个工 ...

问题项目已经发送邮箱，请查收 编辑BuyDetail目录下的index.ux文件的区间，就会重现这个问题，不是概率性的出现

stylered

ZeroTheLost 发表于 2018-9-27 10:47 可能我们姿势不正确, 并不能够复现这个问题哦. 能不能给我门提供一个最小的可复现版本, 就是直接新建个工 ...

出现CPU占用挂死的进程之后，在IDE里保存文件，会卡顿两秒左右才能保存成功

stylered

ZeroTheLost 发表于 2018-9-27 10:47 可能我们姿势不正确, 并不能够复现这个问题哦. 能不能给我门提供一个最小的可复现版本, 就是直接新建个工 ...

node version 8.9.3 npm version 5.5.1 官方IDE版本1.0.1

citsos

aaa

ZeroTheLost

stylered 发表于 2018-9-27 14:41 node version 8.9.3 npm version 5.5.1 官方IDE版本1.0.1

已经能够复现了, 争取下个版本解决