reflow

0열

1답변

jQuery Mobile 테이블 리플 로우 - 표가 수평으로 표시되지 않습니다.

JQuery Mobile Reflow에서 두 개의 열만있는 경우에도 여전히 수직 순서로 표시됩니다. 수평 테이블에 어떻게 멋지게 표시 할 수 있습니까? http://jsfiddle.net/fsloke/w3tLc6fs/ <div> <center> <table data-role="table" class="ui-responsive" id="re

2열

1답변

SVG/SMIL 리플 로우/페인트 칠의 성능 영향?

이전에는 DOM 조작을 포함하여 자바 스크립트에서 많은 작업을 수행했습니다. 거기에서 리플 로우/페인트 칠은 어떤 경우에는 큰 성능 문제가 될 수 있으며 일반적으로 최소로 제한되어야한다는 것을 알게되었습니다. 예를 들어 div 그룹을 추가 할 때와 같이 한 번에 모두 추가해야합니다 (DOM 외부의 div에 첨부 한 다음 첨부). 동일한 내용이 다시 칠하기

0열

1답변

브라우저 리플 로우/리 렌더링 렌더링 최소화

현재 석사 학위 논문 코드를 작성 중입니다. 효과적인 DOM 조작에 관한 몇 가지 질문이 있습니다. 1)은 서로 가까이있는 노드의 수에 DOM 조작의 무리를 수행했다보십시오. 모든 노드의 최상위 parentNode의 깊은 사본을 만들어 DOM 외부에 보관하고 해당 하위 트리에 대한 조작을 수행 한 다음 DOM의 해당 하위 노드로 바꿔 넣는 것이 합리적일까요

3열

1답변

Styled-component CSS는 SASS 또는 LESS보다 더 나은 선택입니까?

ReactJS Boilerplate가 좋은 담당자를두고 커뮤니티를 주도했습니다. 스타일 섹션은 스타일이 지정된 구성 요소 CSS에 중점을 두었지만 기존 CSS 스타일 지정 방법으로 전환하는 것을 중단하지 않았습니다. 이것이 내가 Styled-Component CSS를 돋보이게하는 이유와 그것을 채택해야하는 이유에 대한 관심을 불러 일으켰지 만. Styled

0열

1답변

더 많은 DOM 요소가 성능 문제를 만듭니다.

asp.net mvc, javascript 및 jQuery (로컬 컴퓨터에서 호스팅 됨)를 사용하여 응용 프로그램을 만들었습니다. 기본 디자인은 사용자가 한 페이지에서 다른 페이지로 이동할 때 HTML 페이지를 숨기고 표시하여 DOM 객체 (브라우저)에 모든 HMTL 요소를 파기하는 대신 보관했습니다. 매일 우리의 응용 프로그램이 커지고 있습니다. 이전에는

4열

1답변

DOM을 만지면 아무 것도 바뀌지 않아도 리플 로우가 발생하고 다시 칠해 집니까? 나는 작은 자바 스크립트 템플릿 엔진 일하고, 나는 모델이 변경 DOM을 업데이트를 처리하는 두 가지 방법이

: 확인은 DOM 업데이트가 정말 그 일을하기 전에 필요한 경우입니다. 이것은 불필요한 업데이트를 위험에 빠뜨리지 않는 이점이 있지만 이전 값을 추적하는 데 공간을 낭비합니다. if (oldValue !== newValue) { element.textContent = newValue; } 그냥 해보십시오. 이것은 분명히 간단하지만, 나는 아무

0열

1답변

브라우저의 리플 로우/다시 그리기 사용 안함

DOM에 꽤 많은 요소를 추가하고 있습니다. 나는 모든 요소가 추가 될 때까지 브라우저가 페이지를 다시 그리기를 시도하지 않기를 바란다. 이것이 가능합니까?

0열

1답변

브라우저가 HTML 변경 사항을 표시합니까, 아니면 JavaScript가 실행 중일 때 양식 제출을 허용합니까?

HTML 요소를 추가하거나 제거하기 위해 JavaScript가 동 기적으로 실행되고 (no setTimeout), HTML 변경 사항이 완전히 완료되기 전에 사용자에게 표시되어야합니까? 더 중요한 것은 JavaScript가 양식 제출에 포함될 수있는 요소 (예 : 복수 textarea 요소 추가)를 변경하는 경우 진행중인 제출 버튼을 클릭하여 불완전한 요청

1열

4답변

Javascript로 높이 설정이 느리다

모든 종류의 요소 (span, input, select, ...)를 포함하는 두 개의 html 테이블이 있는데 그 테이블의 행의 높이를 동일하게하고 싶습니다. 불행하게도 'height'속성을 tr 또는 td으로 설정하는 것은 작동하지 않습니다 (지정된 높이를 초과하는 요소가 하나 이상 포함되어 있으면 행이 더 높습니다). 나는 css로 행의 높이를 어떻게

2열

1답변

브라우저 리플 로우를 최소화하기 위해 여러 CSS 규칙을 추가하는 방법은 무엇입니까?

의 나는 다음과 같은 코드로 같은 (약 50) CSS 규칙의 무리를 적용 할 필요가 있다고 가정 해 봅시다 : var s = document.createElement('style'); s.type = 'text/css'; s = document.getElementsByTagName('head').item(0).appendChild(s);