c10106

Google 글꼴 사전 로드 Light House 감사는 내가 React 앱에서 사용하고 있는 두 개의 구글 폰트, 특히 주요 요청을 미리 로드하는 것을 제안하고 있다.라이트하우스 회원은 다음을 사용할 것을 제안했다. 폭포에서 그걸 보고 콘솔에 경고가 들어온다고 해서 요청을 하는 걸 알아 "리소스 https://fonts.googleapis.com/css?family=Open+Sans|로보토:700은 링크 프리로드를 사용하여 미리 로딩되었지만 윈도우의 로드 이벤트로부터 몇 초 이내에 사용되지 않았다.값이 적절하고 의도적으로 사전 로드되었는지 확인하십시오." 불행히도 내 앱에는 두 개의 폰트가 더 이상 표시되지 않는다.이것들을 CSS에 @font-face로 정의할 필요가 있을까? 글꼴을 미리 로드하는 올바..

Nuxt TTFB 향상 나는 Nuxt와 Vuetify를 이용하여 큰 어플리케이션을 만들고 있어, 모든 것이 잘 되고 잘 작동하지만 안타깝게도 Lighthouse의 점수는 42점 만으로 최고가 아니야. 나는 이미 다음과 같은 몇 가지를 개선했다. 구글에서 더 나은 글꼴 로딩; 비동기 코드 이동 위치nuxtServerInit레이아웃에 따라, 불필요한 타사 서비스 제거. 42번에서 54번까지 갔지만 아직도 결과가 별로 마음에 들지 않는다. 불행히도 나는 지식이 부족하기 때문에 이런 개선들을 하는데 최고가 아니다. 알겠다TTFB전혀 최적이진 않지만 난 내가 무엇을 개선할 수 있는지 잘 모르겠어...그러니 힌트와 제안으로 내 지원서를 활성화할 수 있도록 도와주길 바란다. 여기에 내 것을 붙일 것이다.nuxt.co..

Vue.js에게 강제로 재장전/재장전할 수 있는가? 그냥 간단한 질문이야. 강제할 수 있나?Vue.js모든 걸 재장전할 수 있을까?만약 그렇다면, 어떻게?마법 주문 사용: vm.$forceUpdate(); //or in file components this.$forceUpdate(); 매달려 있는 var를 만들 필요가 없음 :) 업데이트: VueJS와 함께 작업할 때만 이 솔루션을 찾았어.그러나 더 이상의 탐사는 이 접근법을 목발처럼 증명했다.내가 기억하기로는, 얼마 지나지 않아 나는 그것을 없앴다. 자동으로 새로 고치지 못한 모든 속성(대부분 중첩된 속성)을 계산된 속성에 넣기만 하면 된다. 자세한 내용은 https://vuejs.org/v2/guide/computed.html를 참조하십시오.이것은 이..

소품 포함 Vue-Router 전달 데이터 부에루터를 이용한 소품 전달에 어려움을 겪고 있다.소품들을 다음 시야로 가져오면 접근할 수 없을 것 같다.내 방법의 목적은 다음과 같다. methods: { submitForm() { let self = this; axios({ method: 'post', url: url_here, data:{ email: this.email, password: this.password }, headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=utf-8' } }).then(function(response) { self.userInfo = response.data; self.$router.push({nam..

Vuex 작업에서 약속 반환 나는 최근에 물건을 JQ에서 VueJS라는 좀 더 구조화된 프레임워크로 옮기기 시작했는데, 너무 좋아! 개념적으로, Vuex는 나에게 약간 패러다임의 변화였지만, 나는 지금 무슨 일이 일어나고 있는지 알고 있다고 확신해, 그리고 완전히 이해했어!그러나 대부분 구현의 관점에서 약간의 회색 영역이 존재한다. 내가 느끼는 이 것은 설계상으로는 좋지만 단방향 데이터 흐름의 Vuex 사이클과 모순되는지는 모르겠다. 기본적으로 행동에서 약속(같은) 대상을 반환하는 것이 좋은 관행으로 여겨지는가?나는 이것들을 비동기 포장지로 취급하는데, 실패 상태 등이 있고, 그래서 약속을 되돌리기에 좋은 것 같다.정반대로 돌연변이는 사물을 변화시킬 뿐이고, 가게/모듈 내의 순수한 구조물이다.action..

왜 분할이 정수로 반올림되는가? 나는 -100에서 0에서 10-100 범위의 숫자들을 정상화하려고 노력했는데, 변수가 전혀 없더라도, 이것이 내가 예상할 수 있는 다음과 같은 방법을 평가하지 않는다는 것을 알아채는 데 문제가 있었다. >>> (20-10) / (100-10) 0 플로트 분할도 작동하지 않음: >>> float((20-10) / (100-10)) 0.0 분할 영역 중 어느 한쪽이 부유물로 주조된 경우 다음과 같이 작동한다. >>> (20-10) / float((100-10)) 0.1111111111111111 첫 번째 예에서 각 측면은 최종 답이 int에 던져질 것을 의미하는 int로 평가한다.0.111이 0.5보다 작기 때문에 0으로 반올림한다.내 생각에는 투명하지 않지만, 그런 것 같아..

페이지 렌더링 문제를 유발하는 대응j 라우팅 App.js는 다음과 같다. function App() { return ( ); } 웹사이트에 접속하는 사람은 누구나 기본적으로 홈페이지를 먼저 보아야 한다. 다음과 같은 라우팅 정보가 포함된 탐색 메뉴가 있다. 로그인 메뉴 링크를 클릭하면 인증 페이지가 로드되지만 브라우저에서 아래로 스크롤하면 아래 홈페이지도 볼 수 있다.라우터에서 참조하는 페이지만 로드하려면 어떻게 해야 하는가? 해결책: 라우터에 다음 라우트 추가 다른 경로:Route다른 페이지 표시(구성 요소 속성:Route() 여기 데모와 리액션 처리 문서가 도움이 될 수 있다.행운을 빈다! react-reason-v4-reason 라우터 문서 대응 import { BrowserRouter as Rou..

Vue CLI CSS 사전 프로세서 옵션: dart-sass VS node-ass? CLI(v3.7.0)로 새 프로젝트를 생성할 때 다음 중 하나를 선택할 수 있는 옵션이 있음dart-sass또는node-sass컴파일러 Vue 문서로 선언된 것보다 더 구체적으로, 이 두 문서들은 서로 어떻게 비교되는가? Sass 성능에 대한 팁 Dart Sass를 사용할 경우 비동기 콜백의 오버헤드 때문에 동기식 컴파일이 기본적으로 비동기식 컴파일보다 2배 더 빠르다는 점에 유의하십시오.이러한 오버헤드를 방지하려면 섬유 패키지를 사용하여 동기식 코드 경로에서 비동기식 가져오기 기능을 호출하십시오.이렇게 하려면 프로젝트 종속성으로 섬유를 설치하십시오. npm install -D fibers 또한 기본 모듈인 만큼 OS와 ..

Python을 사용한 웹 스크래핑 JavaScript 페이지 나는 간단한 웹 스크레이퍼를 개발하려고 노력하고 있다.HTML 코드 없이 텍스트를 추출하고 싶다.일반 HTML에서는 작동하지만, JavaScript 코드가 텍스트를 추가하는 일부 페이지에서는 작동하지 않는다. 예를 들어, 일부 JavaScript 코드에 텍스트가 추가되면 볼 수 없음: response = urllib2.urlopen(request) 추가된 텍스트 없이 원본 텍스트를 받는다(JavaScript가 클라이언트에서 실행되기 때문에). 그래서, 나는 이 문제를 해결하기 위해 몇 가지 아이디어를 찾고 있어.2021년 9월 편집:phantomjs더 이상 유지되지 않는다. 2017년 12월 30일 편집:이 답은 구글 검색의 상위 결과에 나타나..

Vuex - 계산된 속성 "name"이(가) 할당되었지만 세터가 없음 양식 검증이 있는 구성요소가 있어다단계 체크아웃 양식이다.아래 코드는 첫 번째 단계를 위한 것이다.사용자가 텍스트를 입력했는지 확인하고 이름을 글로벌 상태로 저장한 후 다음 단계로 전송하십시오.ve-validate와 vuex를 사용하고 있다. Name {{ errors.first('name') }} Next Step 나는 주문 상태를 처리하고 이름을 기록하는 가게를 가지고 있다.궁극적으로 나는 모든 정보를 다단계 양식에서 서버로 보내고 싶다. export default { state: { name: '', }, mutations: { UPDATE_ORDER_CONTACT(state, payload){ state.name = payloa..