victor-homyakov

BFCache, или Туда и обратно

API и поддержка браузерами

PageTransitionEvent API

• CanIUse PageTransitionEvent: https://caniuse.com/#feat=page-transition-events
• CanIUse PageTransitionEvent persisted: https://caniuse.com/#feat=mdn-api_pagetransitionevent_persisted
• Описание pageshow event на MDN: https://developer.mozilla.org/en-US/docs/Web/API/Window/pagehide_event
• Описание pagehide event на MDN: https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event

ai

Принципы разработки Амплифера

Тут перечислены не законы, последние слово всегда за здравым смыслом. Тут перечислены лишь направление, куда надо стремиться. Принципы, которые должны помочь, когда не знаешь, что выбрать.

Ценности

1. Пользователь. Если что-то сильно мешает UX или есть критическая ошибка, то в первую очередь мы спасаем пользователей. Для этого иногда надо взять ответственность на себя, переубедить толпу, написать плохой код.

yyx990803

<template>
  <div id="demo">
    <h1>Latest Vue.js Commits</h1>
    <template v-for="branch in branches">
      <input type="radio"
        :id="branch"
        :value="branch"
        name="branch"
        v-model="currentBranch">
      <label :for="branch">{{ branch }}</label>

lhorie

So there were a few threads going around recently about a challenge to write the longest sequence of keywords in Javascript:

• https://twitter.com/bterlson/status/1093624668903268352
• https://news.ycombinator.com/item?id=19102367

There are, however, a few problems:

• These solutions use non-keyword tokens (null, true, false are actually Literals, not Keywords)
• One of the solutions isn't quite valid (new super)

loilo

Vue: Pass Slots through from Parent to Child Components

The Situation

• We've got some components A, B and C which provide different slots.

  const A = {
    template: `<div><slot name="a">Default A Content</slot></div>`
  }

const B = {

igogrek

Application structure

General

1. Application has tree structure with folders for each "feature"
2. Feature folders are named with lowerCamelCase → myComponentDashboard
3. Feature can contain any number of components and nested features
4. Components are named using UpperCamelCase → MyWidgetComponent.vue
5. Component can have translation .yml file named correspondingly → MyWidgetComponent.yml
6. If component requires more than 2 files: .vue and .yml file - folder is created with the same name → MyWidgetComponent

moreta

More document for "Vue devtool Open component in editor"

• What’s new in Vue Devtools 4.0
• Open component in editor

Prepare

Visual Studio code

DawidMyslak

Vue.js and Vuex - best practices for managing your state

Modifying state object

Example

If you have to extend an existing object with additional property, always prefer Vue.set() over Object.assign() (or spread operator).

Example below explains implications for different implementations.

nalgeon

var API_KEY = "ВАШ_API_КЛЮЧ";

function suggest(resource, query) {
	var http = new ActiveXObject("MSXML2.XMLHTTP");
	http.open("POST", "http://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/" + resource, false);
	http.setRequestHeader("Content-Type", "application/json");
	http.setRequestHeader("Authorization", "Token " + API_KEY);

	var data = "{ \"query\": \"" + query + "\" }";
	http.send(data);

nalgeon

Dim http
Set http = CreateObject("WinHttp.WinHttpRequest.5.1")
timeout = 2000  'milliseconds
http.SetTimeouts timeout, timeout, timeout, timeout

query = "7719402047"
request = "{ ""query"": """ & query & """ } "

http.Open "POST", "https://suggestions.dadata.ru/suggestions/api/4_1/rs/findById/party"
http.SetRequestHeader "Content-Type", "application/json"