2014 m. gegužės 26 d., 08:08

Tinklalapio atvaizdavimas: ką apie tai turėtų žinoti sąsajos kūrėjas

• Svetainės kūrimas,
• JavaScript

Šią kryptį galima ir reikia optimizuoti maketo / frontend kūrimo etape, nes akivaizdu, kad žymėjimas, stiliai ir scenarijai yra tiesiogiai susiję su atvaizdavimu. Norėdami tai padaryti, atitinkami specialistai turi žinoti kai kurias subtilybes.

Atkreipiu dėmesį, kad šio straipsnio tikslas nėra tiksliai perteikti naršyklių veikimo mechanizmą, o suprasti bendruosius jos principus. Be to, skirtingi naršyklių varikliai labai skiriasi savo algoritmais, todėl viename straipsnyje neįmanoma aprėpti visų niuansų.

Interneto puslapio apdorojimo naršyklėje procesas

Pirma, rodydami dokumentą atsižvelkite į naršyklės seką:

1. DOM (Document Object Model) formuojamas iš HTML dokumento, gauto iš serverio.
2. Įkeliami ir atpažįstami stiliai, formuojamas CSSOM (CSS Object Model).
3. Remiantis DOM ir CSSOM, formuojamas atvaizdavimo medis arba atvaizdavimo medis yra atvaizdavimo objektų rinkinys (Webkit naudoja terminą „renderer“ arba „render object“, o „Gecko“ – „rėmas“). Pateikimo medis dubliuoja DOM struktūrą, tačiau jame nėra nematomų elementų (pvz. , arba elementai su display:none; style). Be to, kiekviena teksto eilutė atvaizduojama atvaizdavimo medyje kaip atskiras atvaizdavimo įrenginys. Kiekviename atvaizdavimo objekte yra atitinkamas DOM objektas (arba teksto blokas) ir tam objektui apskaičiuotas stilius. Paprasčiau tariant, atvaizdavimo medis apibūdina vaizdinį DOM vaizdą.
4. Kiekvienam atvaizdavimo medžio elementui apskaičiuojama padėtis puslapyje – atsiranda išdėstymas. Naršyklėse naudojamas srauto metodas (flow), kai daugeliu atvejų užtenka vieno praėjimo visiems elementams sudėti (praėjimų lentelėms reikia daugiau).
5. Galiausiai visa tai pateikiama naršyklėje – tapyba.

Vartotojui sąveikaujant su puslapiu, taip pat vykdant scenarijus, jis keičiasi, todėl kai kurias iš aukščiau išvardytų operacijų reikia atlikti iš naujo.

Perdažyti

Keičiant elemento stilius, kurie neturi įtakos jo dydžiui ir vietai puslapyje (pavyzdžiui, fono spalva , kraštinės spalva , matomumas), naršyklė tiesiog nupiešia jį iš naujo, atsižvelgdama į naują stilių – įvyksta perdažymas (arba pertvarkymas).

Reflow

Jei pakeitimai turi įtakos turiniui, dokumento struktūrai, elementų vietai, įvyksta pertvarkymas (arba pertvarkymas). Paprastai šių pokyčių priežastys yra šios:

• Manipuliacijos su DOM (elementų pridėjimas, trynimas, keitimas, pertvarkymas);
• Turinio modifikavimas, įsk. tekstas formos laukuose;
• CSS savybių skaičiavimas ar keitimas;
• Stiliaus lapų pridėjimas, pašalinimas;
• Manipuliacijos su atributu "klasė";
• Naršyklės lango manipuliavimas – dydžio keitimas, slinkimas;
• Aktyvinamos pseudoklasės (pvz., :hover).

Naršyklės pusės optimizavimas

Naršyklės, jei įmanoma, lokalizuoja perdažymą ir perlieja pasikeitusius elementus. Pavyzdžiui, absoliučiai arba fiksuotai išdėstyto elemento dydžio keitimas turės įtakos tik pačiam elementui ir jo palikuonims, o pakeitus statinės padėties elemento dydį, visi elementai, einantys po jo, bus perkelti iš naujo.

Kita ypatybė yra ta, kad vykdydamos „JavaScript“ naršyklės talpykloje saugo atliktus pakeitimus ir pritaiko juos vienu žingsniu, kai baigiamas kodo blokas. Pavyzdžiui, vykdant šį kodą įvyks tik vienas pertvarkymas ir dažymas:

var $body = $("kūnas"); $body.css("padding", "1px"); // perdažyti, perdažyti $body.css("spalva", "raudona"); // perdažyti $body.css("margin", "2px"); // perpylimas, perdažymas // Iš tikrųjų įvyks tik 1 perpylimas ir perdažymas
Tačiau, kaip aprašyta aukščiau, prieiga prie elemento savybių sukels priverstinį srautą. Tai yra, jei pridėsime elemento nuosavybės iškvietimą į aukščiau pateiktą kodo bloką, tai sukels papildomą perkėlimą:

var $body = $("kūnas"); $body.css("padding", "1px"); $body.css("padding"); // nuosavybės prieiga, priverstinis pertvarkymas $body.css("spalva", "raudona"); $body.css("margina", "2px");
Dėl to vietoj vieno gausime 2 pakartotinius srautus. Todėl, norint optimizuoti našumą, elementų savybių iškvietimus, jei įmanoma, reikėtų sugrupuoti į vieną vietą (žr.).

Tačiau praktikoje yra situacijų, kai priverstinis perpylimas yra būtinas. Tarkime, turime užduotį: turime taikyti tą pačią savybę elementui (imkime " margin-left "), pirmiausia be animacijos (nustatyta 100 pikselių), o tada - animuoti su perėjimu į 50 pikselių . Galite iš karto pažvelgti į šį pavyzdį JSBin , bet aš jį taip pat aprašysiu čia.
Pirmiausia sukurkime klasę su perėjimu:

Has-transition (-webkit-transition: margin-left 1s palengvinti; -moz-transition: margin-left 1s palengvinti; -o-transition: margin-left 1s palengvinti; perėjimas: margin-left 1s palengvinti; )
Tada pabandykime įgyvendinti savo planą taip:

Var $targetElem = $("#targetElemId"); // mūsų elementas, pagal nutylėjimą turi klasę "has-transition" // pašalinkite klasę su perėjimu $targetElem.removeClass("has-transition"); // pakeisti ypatybę, tikimasi, kad perėjimas bus išjungtas, nes pašalinome klasę $targetElem.css("margin-left", 100); // įdėkite klasę su perėjimu į vietą $targetElem.addClass("has-transition"); // pakeisti savybę $targetElem.css("margin-left", 50);
Šis sprendimas neveiks taip, kaip tikėtasi, nes pakeitimai saugomi talpykloje ir taikomi tik kodo bloko pabaigoje. Priverstinis perkėlimas mums padės, todėl kodas įgis tokią formą ir tiksliai atliks užduotį:

// pašalinti klasę su perėjimu $(this).removeClass("has-transition"); // pakeisti savybę $(this).css("margin-left", 100); // priverstinio srauto, klasės ir savybių pakeitimai bus pritaikyti nedelsiant $(this).offsetHeight; // kaip pavyzdį galite naudoti bet kokią nuosavybės prieigą // įdėkite klasę su perėjimu į vietą $(this).addClass("has-transition"); // pakeisti savybę $(this).css("margin-left", 50);

Remdamiesi šiuo straipsniu ir kitais „Harb“ straipsniais, kuriuose nagrinėjama priekinės dalies optimizavimo problema, galime gauti šiuos patarimus, kurie bus naudingi kuriant veiksmingą sąsają:

• Parašykite tinkamą HTML ir CSS, nurodydami kodavimą. Stiliai geriausiai įtraukti ir scenarijus pabaigoje .
• Stenkitės supaprastinti ir optimizuoti CSS parinkiklius (tai dažnai nepaiso kūrėjai, naudojantys išankstinius apdorojimo įrenginius). Kuo mažiau investicijų, tuo geriau. Pagal apdorojimo efektyvumą, selektoriai gali būti išdėstyti tokia tvarka (pradedant greičiausiu):
  1. Identifikatorius: #id
  2. Klasė: .klasė
  3. Žymos: div
  4. Greta esantis parinkiklis: a + i
  5. Vaikų parinkiklis: ul > li
  6. Universalus parinkiklis: *
  7. Atributų parinkiklis: įvestis
  8. Pseudoelementai ir pseudoklasės: a:hover
  Reikėtų prisiminti, kad naršyklė apdoroja parinkiklius iš dešinės į kairę, todėl geriau naudoti efektyviausią – identifikatorių ir klasę – kaip raktinį (kraštųjį dešinįjį) parinkiklį.
  div * (...) // blogas. sąrašas li (...) // blogas. sąrašo elementas (...) // geras #sąrašas .sąrašo elementas (...) // geras
• Skriptuose sumažinkite bet kokį darbą su DOM. Įdėkite viską į talpyklą: savybes, objektus, jei ketinate juos naudoti pakartotinai. Atliekant sudėtingas manipuliacijas, tikslinga dirbti su „neprisijungusiu“ elementu (ty tokiu, kuris yra ne DOM, o atmintyje), o tada įdėti jį į DOM.
• Naudodami jQuery elementams pasirinkti, laikykitės

Vizualizacija yra motyvacinė technika, kuri gali padėti jums pasiekti asmeninius tikslus. Jei tikrai norite ką nors pagyvinti, tuomet turite pasitelkti savo vaizduotę. Įsivaizduokite rezultatą priešais jus, mintyse žaiskite žaidimą, kuriame ketinate dalyvauti, arba įsivaizduokite, kaip įgyjate diplomą universitete. Vienintelė riba čia yra jūsų protas. Vizualizacija taip pat yra naudingas psichologinis įgūdis, leidžiantis prieš akis nupiešti vaizdą ar scenarijų.

Žingsniai

Vizualizuokite savo tikslus

Įsivaizduokite norimą veiksmą, įvykį ar rezultatą. Užmerkite akis ir įsivaizduokite savo tikslą. Tarkime, kad norite mintyse nupiešti paveikslą, kaip gauti paaukštinimą darbe. Pristatykite savo naują biurą su savo vardu auksinėmis raidėmis ant durų. Įsivaizduokite juodą sukamą kėdę prie didžiulio raudonmedžio stalo. Įsivaizduokite Renoiro reprodukciją, kabantį tarp jūsų diplomų.

• Pristatę pagrindinį dalyką, pereikite prie smulkmenų: štai dulkės kampe ir kavos likučiai puodelyje. Atkreipkite dėmesį, kaip šviesa patenka pro žaliuzes ir patenka į kilimą.

1. Vizualizuokite optimistiškai, teigiamų minčių . Situacija nepagerės, jei jausitės niekam tikusiu žmogumi, o galimybes gyvenime vertinsite niūriomis. Negalvokite: „Aš esu baisus krepšinyje. Ir aš beviltiškas“, galvokite taip: „Taip, man dar nepasisekė, bet po šešių mėnesių mano našumas gerokai padidės“. Tada įsivaizduokite, kad per varžybas atlieka kelis tritaškius metimus arba pataikė į krepšį.

   • Vizualizacija yra tam tikra hipnozė: jei netiki, kad tai pavyks, tai neveiks. Pozityvus mąstymas yra pirmas žingsnis, kad vizualizacija būtų tikrai veiksminga. Tai pirmas žingsnis link norų paversti realaus gyvenimo dalimi.
   • Atminkite, kad gyvenimas yra ne tik kelias, kuriuo einate siekdami savo tikslų, bet ir numatytas tikslas. Vizualizacija gali padaryti tikslo siekimo procesą malonesnį: išliksite susikaupę ir motyvuoti bei įgysite teigiamą papildymą savo gyvenimui.

2. Perkelkite savo vizualizaciją į realų pasaulį. Praleidę minutę ar kelias dienas vizualizuodami savo tikslą, pakeiskite savo gyvenimą, kad pasiektumėte tai, ko norite. Prieš pradėdami bet kokią veiklą, užduotį ar įvykį, kuris leis pasiekti rezultatą arba priartins prie tikslo, visą dėmesį sutelkite į veiksmų, kurių ketinate imtis, vaizdą. Net jei tai yra kažkas nematerialaus, pavyzdžiui, „uždirbk daugiau pinigų“ ir pritaikomas kasdieniame gyvenime, apie tai galima pagalvoti prieš einant į darbą ar kiekviena verslo proga.

   • Pavyzdžiui, jei bandote įmušti įvartį žaisdami futbolą, mintyse aiškiai įsivaizduokite, kaip tai darote, šūvis po smūgio, tinkamu aukščiu ir tinkamu greičiu. Įsivaizduokite, kaip pataikote kamuolį, kaip jis skrenda ore ir įskrenda į vartus. Įsivaizduokite šią patirtį visais pojūčiais: išgirskite, kaip ateina kamuolys, pajuskite smūgį ir užuoskite žolę.

3. Pagalvokite apie įvykių grandinę, reikalingą jūsų tikslui pasiekti. Dideliems gyvenimo pokyčiams reikia laiko ir dėmesio, o tai apima keletą mažų žingsnelių. Jei įsivaizduojate, kad pasieksite konkretų tikslą ar galutinį rezultatą, įsivaizduokite, kaip galėtumėte to pasiekti. Taigi, jei norite tapti prezidentu, mintyse įsivaizduokite savo politinės karjeros aspektus: kampanijos vykdymą, dalyvavimą labdaros renginiuose, susitikimą su politine institucija ir savo pirmosios kalbos sakymą.

   • Kaip asmuo, kurį įsivaizduojate kaip, elgsis šiose situacijose?

4. Įsivaizduokite charakterio bruožus, kurių reikia norint patekti ten, kur norite. Neužtenka noro būti įmonės, kurioje dirbate, viceprezidentu. Reikia pagalvoti apie savybes, kurios padės tai pasiekti. Vizualizuokite ne tik viceprezidento pareigas, bet ir atviro bendravimo, įtikinėjimo, atsakomybės pasidalijimo, išklausymo, diskusijų vedimo įgūdžius, taip pat gebėjimą žiniomis ir pagarba oponentuose reaguoti į kritiką bei kitus reikalingus įgūdžius.

   • Įsivaizduokite, kad elgiatės taip, kaip įsivaizduojate. Tai yra, jei suprantate, kad viceprezidentas turi būti užtikrintas dirbdamas savo darbą, mintyse įsivaizduokite, koks pasitikėjimas esate biure.

5. Naudokite teiginius (teigiamas frazes), kad motyvuotumėte save. Nuotraukos puikios, bet ir žodžiai tinka. Jei matote, kad esate sveikesni ir gražesni, gulintį savo filialo vadovo kabinete, pasakykite sau: „Turiu kūną, apie kurį svajoju. Mano sveikata gerėja ir jaučiuosi puikiai“. Jei norite būti geriausias futbole, pasakykite sau: „Aš matau kamuolį. Smogiau jam tokia jėga, kad jis įskrenda į vartus taip, kad vartininkas neturi šansų jo sugauti.

   • Galite kartoti šią frazę sau tiek kartų, kiek reikia. Svarbiausia tuo tikėti!

6. Įsivaizduokite, kai jaučiatės ramūs, susikaupę ir patogiai. Vizualizacija veikia tik tada, kai esi ramus, atsipalaidavęs ir nori skirti laiko susikaupti ramybėje ir tyloje ir negalvoti apie kasdienes problemas. Vizualizacija – tai technika, kuri labai artima meditacijai, tik ji yra aktyvesnė ir ryškesnė. Vizualizacijoje rekomenduojama aktyviai galvoti apie galimybes, tačiau, kaip ir medituojant, reikėtų palikti nuošalyje viską, kas nesusiję su jūsų svajonėmis ir tikslais, ir susitelkti tik į juos.

   • Jei įmanoma, sėdėkite patogiai, kaip įsivaizduojate. Kuo mažiau aplink jus trukdys, tuo lengviau galėsite panaudoti savo vaizduotę. Jei aplink jus bus rami aplinka, galėsite mąstyti atsipalaidavę.

7. Įsivaizduokite, kad įveikiate nesėkmes. Kliūtys yra įprasta gyvenimo dalis ir niekas nepasiseka be nesėkmės. Žinokite, kad darysite klaidų, bet atminkite, kad galite jas įveikti. Tai, kaip atsigaunate po nesėkmės, yra svarbiau nei tai, kad iš pradžių padarėte klaidą.

   • Kiekvieną dieną paklauskite savęs: „Ką galiu padaryti šiandien, kad rytoj būčiau geresnis?
   • Puikus šaltinis išmokti įveikti nesėkmes yra Carol Dweck knyga „The Flexible Mind“. Naujas žvilgsnis į suaugusiųjų ir vaikų raidos psichologiją.

   Tobulinkite savo techniką

   1. Duokite vizualizacijai šiek tiek laiko, kad ji taptų normali ir pradėtų rodyti rezultatus. Pačioje pradžioje šie vizualizacijos dalykai gali atrodyti gana įdomūs. Šis procesas atrodys keistas ir neįprastas. Turite paleisti šiuos jausmus! Tai praeis. Natūralu iš pradžių jaustis nejaukiai, pasineriant į iliuzijų pasaulį, tačiau tai tik vienas iš etapų. Jei tai neatrodo juokingai, tikriausiai elgiatės neteisingai.

      Susikoncentruokite į ilgalaikius tikslus. Kiekvienas, kuris nori pokyčių per naktį, nusivils. Verčiau planuokite ilgalaikį savo vilčių ir svajonių išsipildymą. Įsivaizduokite, kur būsite po 5, 10 ir 15 metų ir ką norite pasiekti. Kaip pasikeis tavo gyvenimo situacija ir kaip tu pats? Leiskite sau įsivaizduoti, koks bus tas gyvenimas.

      • Pavyzdžiui, gali būti naudinga įsivaizduoti, kad einate anksti miegoti arba vakare einate bėgioti. Tačiau vizualizacija taip pat gali padėti pasiekti reikšmingesnių tikslų. Pavyzdžiui, įsivaizduokite, kokiais tėvais norite būti, kokį palikimą paliksite savo vaikams ir kokiu žmogumi būsite, kai jie užaugs.
      • Įsivaizduokite, ko norite pasiekti kaip žmogus ir kokį palikimą paliksite savo draugams ir visuomenei.

   2. Padarykite vizualizacijos lentą , kuri primins trokštamą gyvenimą. Tai padės jums reguliariai įsivaizduoti savo tikslus. Norėdami sukurti tokią lentą, padėkite ant jos nuotraukų ir žodžių, atspindinčių jūsų ateities tikslus, rinkinį. Tokiu būdu galite žiūrėti į juos kiekvieną dieną, kad išlaikytumėte motyvaciją ir judėtumėte link gyvenimo, kurio norite.

      • Pavyzdžiui, jei jūsų tikslas yra atidaryti restoraną, galite įtraukti norimo dizaino restoranų nuotraukas, taip pat maisto, kurį patieksite, vaizdus. Taip pat galite įtraukti maistu besimėgaujančių žmonių nuotraukas.

   3. Teigiamai galvokite apie savo tikslus. Kalbant apie vizualizaciją ar tiesiog pozityvų mąstymą, reikia pozityviai galvoti apie tai, ko norite pasiekti. Požiūris, kad nebūtų prastas, nėra visiškai naudingas. Taigi, užuot kažko nenorėję, kažkuo nebūti ar kažko neturėti, sutelkite dėmesį į tai, ko norite, kas esate ar ką turite. Pavyzdžiui, apsvarstykite tokias nuostatas kaip „noriu finansinio saugumo“ arba „turiu drąsos persikelti gyventi į kitą šalies pusę“.

      • Taip pat mąstykite aktyviai ir esamuoju laiku. Jei įsivaizduojate, kad neberūkote, nekartokite mantros: „Pabandysiu mesti“. Pagalvokite apie tai: „Cigaretės yra šlykštus. Man jų nereikia. Jie man neduoda nieko gero“.

   4. Įsivaizduokite savo tikslus realistiškai. Jei esate boksininkas ir bandote įsivaizduoti savo kitą kovą, kurioje visiškai dominuosite, tuomet neprisistatykite kaip Muhammadas Ali, nes tai neduos jokios naudos. Jūs tiesiog atsidursite ringe, neatitikdami sau nustatytų standartų. Ir dėl to patirsite nusivylimą ir sugriovimą.

Jūsų dėmesiui pristatome labai reikalingą įrankį -! Su juo galima ne tik dirbti su tekstu, bet ir pridėti vaizdinių mygtukų, formų, dirbti su lentelėmis, įterpti vaizdo įrašus ir daug daugiau... Jeigu šis įrankis patiko ir jau naudojatės, spauskite "Patinka" ir pasidalinkite su draugais socialiniuose tinkluose

Teksto įvesties laukas….

Pagrindiniai vizualinio html redaktoriaus privalumai internete

Jei kalbėsime apie šį redaktorių kaip visumą, jis turi daug privalumų ir pažangių funkcijų. Šis įrankis leidžia dirbti su tekstu, kodu ir vaizdiniais objektais. Žinoma, dauguma TVS jau turi savo vaizdo redaktorių, tačiau dažnai jis yra arba nepakankamai išvystytas, arba nepakankamai funkcionalus, arba nepatogus. Atitinkamai, reikalinga alternatyva. Todėl, jei norite įtraukti turinį į svetainę, kurioje iš viso nėra redaktorių, arba jau turite, bet jums nepatinka, tada šis internetinis html redaktorius leis jums gražiai suprojektuoti tekstą, formatuoti grafinius elementus, išdėstyti paveikslėlius, visa tai pridėti kodo forma į savo svetainę ar projektą.

Trumpas funkcionalumo aprašymas

• Šaltinis.Ši parinktis leidžia perjungti vaizdinį vaizdą ir šaltinio kodą.
• Ieškoti kode (CTRL + F). Tik šaltinio režimu. Leidžia ieškoti pagal kodą.
• Formato pasirinkimas. Tik šaltinio režimu. Leidžia sukurti kode hierarchiją.
• Komentuokite kodą. Ši parinktis naudojama laikinai išjungti pasirinktą kodą, uždrausti išvestis į puslapį.
• Įgalinti / išjungti automatinio uždarymo žymas. Kai įgalinta, automatiškai uždaromos atidarytos žymos ten, kur rašote
• Naujas puslapis. Išvalo darbo sritį. Būkite atsargūs naudodami šį mygtuką, kad neprarastumėte neišsaugotų duomenų.
• Peržiūra. Leidžia peržiūrėti visą darbo srities turinį visame ekrane atskirai.
• Antspaudas. Spausdinti dokumentą.
• Šablonai. Yra standartinis teksto šablonų rinkinys su galimomis paveikslėlių ir grafinių objektų įdėjimo parinktimis.
• Iškirpti / nukopijuoti / įklijuoti. Leidžia įklijuoti nukopijuotą ar iškirptą tekstą į darbo sritį arba nukopijuoti iš jos iš anksto pasirinktą tekstą.
• Anuliuoti / perdaryti. Atšaukti arba pakartoti veiksmą.
• Rasti / pakeisti. Šis įrankis leidžia tekste ieškoti nurodyto žodžio ar frazės arba automatiškai pakeisti vieną žodį kitu.
• Pasirinkti viską. Pažymėkite visą turinį redaktoriuje.
• Rašybos tikrinimas. Tikrinama, ar tekste nėra rašybos klaidų.

Kitas įrankių blokas skirtas kurti html mygtukus, formas ir pan.

• Forma.Įvesties formos kūrimas. Galimybė nustatyti tipą ir savybes.
• Žymimasis langelis. Žymimasis langelis varnelės pavidalu su galimybe pasirinkti kelis kartus.
• Pasirinkite mygtuką. Žymimasis laukelis su vienos parinkties pasirinkimu.

Apie kitas šio HTML redaktoriaus funkcijas ir naudojimo galimybes (pvz., formatavimą, šriftus, stilius, vaizdų įterpimą, vaizdo įrašo įterpimą į tekstą ir daug daugiau...) galite sužinoti naudodamiesi juo.
Jei jums patinka šis internetinis įrankis, nepamirškite paspausti „Patinka“ ant vieno iš žemiau esančių mygtukų

Visi žmonės turi kažkokių norų. Ir mes visi norime, kad mūsų norai išsipildytų gyvenime, o idealiu atveju – ir kuo greičiau. Tačiau ne visi žino, kad labai dažnai troškimų neišsipildymo priežastis slypi mumyse – būtent tame, kad nemokame teisingai juos suformuluoti ir nusiųsti į Visatą. Norėdami suprasti norų vizualizavimo meną ir suprasti, kaip teisingai vizualizuoti, turėsite perskaityti šią medžiagą.

Vizualizacija – tai žmogaus vaizduotėje norimų vaizdų kūrimo procesas. Vizualizacija yra vienas galingiausių ir tuo pačiu paprasčiausių įrankių tikslui pasiekti. Tai neatima daug energijos ir laiko išteklių, o leidžia pasiekti nuostabių rezultatų, jei tai daroma teisingai.

Sėkmingos vizualizacijos paslaptys

Naudodamiesi šiais naudingais patarimais, suprasite, kaip teisingai vizualizuoti, kad į savo gyvenimą pritrauktumėte norimus objektus, žmones, daiktus – apskritai absoliučiai viską, ko trokšta jūsų siela.

Taisyklė viena. Kompetentinga formuluotė

Kuo teisingiau suformuluosite savo norą, tuo greičiau Visata jį išgirs ir tuo greičiau pradės realizuotis. Jei išsikeliate sau labai miglotus ir nekonkrečius tikslus, tada tikimybė, kad jie bus įvykdyti, sumažėja iki nulio.

Svarbu, kad jūs kuo konkrečiau žinotumėte, ką norėtumėte gauti dabar. Todėl dabar, nedelsdami, pradėkite formuluoti, ko norite. Tai darydami laikykitės šių taisyklių:

• norai turėtų reikšti tik dabartį;
• juose neturėtų būti neigimų ir žodžių „noriu“;
• svarbu, kad noras būtų kuo konkretesnis.

Galite elgtis kaip pavyzdyje: „Gavau auksinę apyrankę dovanų“.

Žodis „gauti“ reiškia esamąjį laiką (būtinai ne praeityje). O žodis „auksinis“ kiek įmanoma tiksliau nurodo jūsų tikslą. Tai yra, jūs leidžiate Visatai suprasti, kad jums reikia ne papuošalų, ne sidabro, o aukso papuošalo.

Antra taisyklė. „Įsivaizduokite galutinį rezultatą“

Reikės visapusiškai susitelkti į galutinį rezultatą, tai yra į laikotarpį, kai tavo noras jau išsipildė, pasiekei savo tikslą ir sugebėjai įgyvendinti savo svajonę.

Stenkitės neužkabinti, kaip išsipildys jūsų svajonė. Nenuostabu, kad sakoma, kad Viešpaties keliai yra neišmatuojami, o Visata kupina įvairių palaiminimų ir turtų. Ir ji geriausiai žino, kas tau bus geriausia, net jei esi visiškai kitokios nuomonės. Nebandykite apriboti visatos sutelkdami dėmesį tik į vieną būdą įgyvendinti savo svajones.

Ir nukreipdami dėmesį į tai, kad įvykis jau įvyko, automatiškai įjungiate Traukos dėsnį, kuris pradeda traukti į mūsų gyvenimą tai, į ką esame susikoncentravę šiuo laiko momentu.

Trečioji taisyklė. Reikia pasinerti į pačią situaciją, o ne būti paviršiuje

Dar viena sėkmingos vizualizacijos taisyklė – visiškas pasinėrimas į situaciją. Norėdami tai padaryti, turite atsidurti vidiniame sukurto vaizdo ekrane. Tada iš pašalinio stebėtojo tiesiogiai pavirsite situacijos dalyviu.

Atminkite, kad jūs neturite būti žiūrovu, o vaidinti pagrindinį vaidmenį savo „darbe“. Poveikis padidės daug kartų, jei visas savo emocijas patirsite taip, lyg jos jau būtų įvykusios realybėje.

Pavyzdžiui, jūsų noras gali skambėti taip: „Aš turiu tobulą figūrą“ (jei jūsų troškimas susijęs su svorio metimu. Tada mintyse reikia matyti savo kūną be jokių matomų trūkumų. Įsivaizduokite, kaip, pavyzdžiui, gaunate gražius drabužius, keliais dydžiais mažesnius, nei dėvite šiandien.

Ketvirta taisyklė. „Vaizdo įrašas turi daugiau galios nei nuotraukos“

Įsivaizduojami psichiniai vaizdai skirstomi į nuotraukas ir vaizdo įrašus. Tai reiškia, kad galutinį rezultatą galite matyti kaip stabilų vaizdą arba kaip vaizdo klipą. Tuo pačiu metu įrodyta, kad nuotraukos veiksmas yra silpnesnis nei vaizdo įrašo veiksmas.

Todėl jūsų užduotis bus sukurti savo galvoje nedidelę vaizdo medžiagą, kurioje jūsų svajonė jau tapo realybe. Galvokite apie savo tikslą kaip apie tai, kas jau pasiekta. Kaip elgsitės šią akimirką? Ar jausi aplinkui teigiamų emocijų sprogimą, rėksi iš pasitenkinimo ar pasielgsi kitaip.

Čia jūs negalite būti kuklus ir parodyti savo vaizduotę iki galo. Tuo tikslu būdami ramioje ir ramioje aplinkoje pagalvokite apie savo svajonę. apie jo įgyvendinimą. Ką darysite, kai tai išsipildys? Kur tu būsi? Būsite vienas ar su kuo nors? Su kuo pirmiausia pasidalintumėte savo geromis naujienomis? Būtinai pridėkite visus savo veiksmus prie įsivaizduojamo vaizdo klipo, susijusio su jūsų slapčiausio troškimo įgyvendinimu.

Penkta taisyklė. „Naudok visus pojūčius“

Norint įgyvendinti norą, reikia tam tikros energijos. Dabar niekam ne paslaptis, kad viską aplinkui formuoja energija, taip pat ir žmogaus norai. Ir jei norite, kad jūsų ligšiolinė psichinė svajonė taptų fizine realybe, jums reikės išleisti tam tikrą energijos kiekį. Kitaip tariant, tai bus savotiškas energijos mokėjimas už norimo realizavimą.

Nieko negalima lyginti su energijos padidėjimu, pavyzdžiui, emocijomis. Būtent emocijos yra pats galingiausias katalizatorius, suaktyvinantis svajonės įgyvendinimo procesą. Todėl, kai vizualizuojate savo norus, turite įtraukti emocijas iki galo. Įsivaizduokite, kad jau pasiekėte savo tikslą, pasiekėte savo svajonės įgyvendinimą! Ir tai yra proga įjungti linksmybes, pradėti džiaugtis, linksmintis, dainuoti, šokti – apskritai maksimaliai mėgautis gyvenimu.

Tuo pačiu stenkitės patirti visokių teigiamų emocijų. Norėdami tai padaryti, turėsite sujungti visus savo pojūčius. Jei jūsų tikslas priklauso medžiagos kategorijai, palieskite jį vaizdo įraše. Jei jaučiate kvapą, padarykite tai. Apsvarstykite tai labai išsamiai. Pridėkite garsą prie savo svajonių vaizdo įrašo, leiskite jam būti kuo tikroviškesniu ir kuo panašesniu į jūsų kasdienę realybę.

Šioje situacijoje jūs tiesiog nesugebėsite tramdyti savo emocijų ir nereikės jų dirbtinai provokuoti. Kai jūsų vaizdo klipas prisipildys teigiamų emocijų, kurias sukelia jūsų troškimo įgyvendinimas, galėsite padaryti didelę pažangą artėdami prie trokštamos akimirkos.

Šešta taisyklė. „Kartojimas yra raktas į sėkmę“

Jei vizualizaciją naudosite tik keletą kartų, vargu ar jums pasiseks. Norimo vizualizavimo procesas yra naudingas įprotis, kurį reikia įgyti arba išsiugdyti. O norint išsiugdyti įprotį, kaip žinia, tuos pačius veiksmus reikia kartoti daug kartų.

Įdomus faktas. Bet koks veiksmas, kartojamas nuo dvidešimt vieno iki keturiasdešimties kartų, automatiškai virsta įpročiu.

Todėl, jei svajojate, kad jūsų gyvenime kažkas išsipildys, turėsite laikytis taisyklės reguliariai vizualizuoti savo svajonę. Norėdami tai padaryti, dienos metu turėtumėte kuo dažniau slinkti savo galvoje sudarytą vaizdo klipą. Bent du kartus per dieną – vieną kartą ryte ir dar kartą vakare.

Šiuo atveju rytas yra tinkamiausias laikas praktikai. Juk šiuo metu žmogus yra maksimaliai pripildytas energijos, emocijų ir gyvybingumo. Vakare jau eikvojame didžiąją dalį jėgų, tačiau prieš einant miegoti atsiskleidžia mūsų pasąmonė ir į ją nesunkiai galite įdėti sugalvotą „istoriją, kaip tavo svajonė tapo realybe.“.

Kuo dažniau naudokite vizualizaciją per dieną, kai tik turite laisvą akimirką. Ir, žinoma, nepamirškite, kad kuo sunkesnis ir nerealesnis jūsų tikslas, tuo daugiau pakartojimų turėsite atlikti, kad jį pasiektumėte.

Aštunta taisyklė. „Sąmonės kabliukas“

Kiekvieną kartą, kai reikia suaktyvinti vizualizaciją, sukurkite sau specialų švyturio inkarą savo sąmonei. Šiuo tikslu pasąmonėje turite pataisyti bet kurį sukurto mini filmo kadrą. Tegul šis fiksuotas kadras skiriasi ypatingu ryškumu ir gerai įsirėžia į jūsų atmintį. Jūs netgi galite jį kažkaip pavadinti, kad būtų patogiau. Atsiradus kiekvienai galimybei, šį rėmelį reikės iškviesti pasąmonėje, jis automatiškai pradės „viziją“.

Ir kaip atskiras paveikslas, toks inkaras padės atsiriboti nuo to, kas vyksta aplinkui, ir nusiteikti pozityviai. Procesas vyks taip: prisimeni apie inkarą-švyturį, dėl to prasideda automatinio vizualizavimo procesas, išryškėja teigiamos emocijos, pagerėja nuotaika ir dėl to esi vienu žingsniu arčiau savo svajonės!

Dabar jūs žinote, kaip teisingai įsivaizduoti savo norus, kad jie iš tikrųjų būtų kuo greičiau įvykdyti. Linkime sėkmės atliekant šią sunkią užduotį, taip pat siūlome pagaliau pažiūrėti įdomų ir naudingą vaizdo įrašą šia tema:

Būna situacijų, kai klausimą pašnekovui ar respondentui reikia parodyti kokiu nors neįprastu būdu. Pavyzdžiui, kad prie kiekvienos atsakymo parinkties būtų pridėtas paveikslėlis arba būtų galima vilkti ir mesti paveikslėlius įvairiomis kryptimis su pavadinimais (Patinka / Nepatinka) arba įkūnyti bet kokius vaizdinius efektus, kuriuos gali pateikti jūsų vaizduotė klausime.

Tam, kad galėtume tai padaryti, sukūrėme įrankį kurdami klausimus šablono konstruktoriuje.

Kaip nustatyti

Mobilusis įrenginys gali rodyti html ir leisti vykdyti nurodytą Javascript, taip pat gali rodyti tuos failus (paveikslėlius), į kuriuos iš anksto deklaruotos nuorodos. Tokių vizualizacijų rašymo sudėtingumas yra minimalus – galite naudoti HTML pamokas iš interneto.

Pildant svetainėje nėra vizualizacijos.

Norėdami nustatyti tinkintą vizualizaciją, turite:

1. Redaguodami klausimą spustelėkite html5 piktogramą

2. Atsidarys vizualizacijos dizaineris su trimis redaktoriais: CSS | HTML | JAVASCRIPT, JSON objekto aprašymas, kuris bus perduotas vizualizacijos pradžiai,failų atsisiuntimo programair „Javascript“ papildinių pasirinkimas.

Bendras veikimo principas

HTML langas. Pagal numatytuosius nustatymus jame yra div su id="htmlview-maincontainer". Į jį rekomenduojama įdėti visą vizualizaciją. Rašydami html galite vadovautis visa savo vaizduote, tačiau reikia nepamiršti dviejų dalykų:
1) Mes netikriname jūsų HTML galiojimo. Klaidos, išdėstymo netikslumai, sąmoningas kenkėjiško kodo įterpimas greičiausiai lems vieną rezultatą – jūsų pašnekovai negalės užpildyti klausimyno mobiliuoju įrenginiu.
2) Bet kokios nuorodos, kaip taip pat paveikslėlių adresai bus nepaisoma mobiliosios aplikacijos, naudokite įkelto failo kodą (pvz. ((img0))), siunčiant į mobilųjį įrenginį, jis bus pakeistas nuoroda į šį failą ir įtrauktas į mobiliajam įrenginiui leidžiamų nuorodų sąrašą.

CSS langas. Čia parašykite CSS stiliaus lapą, jis bus įdėtas į head žymą, kai nusiųstas į įrenginį. Laikykitės tų pačių taisyklių kaip ir HTML.

„JavaScript“ langas. Įdėkite vykdomąjį kodą čia, kad padėtumėte įgyvendinti bet kokią animaciją ar logiką. „Javascript“ turi keletą pagrindinių punktų.
1) funkcija StartQuestionHtmlView(laukas) – funkcija, kurią iškvies mūsų sistema, kai puslapis bus visiškai įkeltas. Lauko įvesties parametras yra duomenys apie klausimą, kiekvienas klausimo tipas turi savo duomenis. Pavyzdžiui, į patikslinamąjį klausimą atsakymo parinktys, kurias vartotojas pasirinko arba nepasirinko perduodamas pagrindinį klausimą, bus perkeltos ten.
2) SetAnswer(result) – sistemos funkcija, kuri praneša mobiliajam įrenginiui, koks buvo atsakymas į šį klausimą. Jei šis atsakymas atitinka visas patvirtinimo taisykles, funkcija grąžins 0.
3) NextQuestion() – sistemos funkcija, sukelianti perėjimą prie kito klausimo
4) funkcija SetOldAnswer(oldAnswer) - sistema iškvies šią funkciją, jei šis klausimas buvo atidarytas iš naujo, kaip parametras bus perduotas tas pats objektas, kurį siunčiate SetAnswer.

Atsakykite į objektus, kuriuos sistema tikisi matyti

1. Tekstas / data / mastelis- eilutė, kurioje yra atsakymas
2. Skaičius- ( gimtoji: eilutė, tiksli: eilutė ), kur gimtoji yra atsakymo parinkties ID (jį nustatote pridėdami diapazonus, o sistema taip pat pateiks jį, kai StartQuestionHtmlView), o tikslus turi turėti tikslios reikšmės eilutę.
3. Pasirinkimų pasirinkimas / patikslinimas- [(native: string, other: string),()...], atsakymų masyvas, kur kiekvienas atsakymas yra objektas, kur native yra atsakymo parinkties ID (jį nustatote pridėdami parinktis, o sistema taip pat duos jums, kai StartQuestionHtmlView); Kitas turi turėti atsakymo eilutę, skirtą atsakymo tipui „Kita“.
4. Tinklelis- [(row:string,column:string, other: string ),()...] objektų masyvas su stulpelio ID, eilutės ID ir atsakymu „Kita“, jei yra (stulpelio ID galima pamatyti JSON pavyzdyje, kuris perduodamas vizualizacijos įvestis).

Papildomos funkcijos

1. JSON skirtukas- objekto, kuris bus perduotas jums kaip vizualizacijos įvestis, pavyzdys
2. Failai- prie vizualizacijos pridedami failai. Šiuo metu palaikomi tik vaizdai.
3. Pratęsimai- Dauguma žmonių, dirbdami su Javascript, naudoja įvairias js sistemas, leidžiame jas įtraukti į vizualizaciją. Galimi plėtiniai:

1) Jquery – pateikti nereikia
2) Jquery-ui 1.10.4 – standartinių valdiklių rinkinys
3) „jQuery Mobile 1.4“ – įvynioklis, skirtas kurti sąsajas, artimas mobiliosioms programoms
4) „jQuery UI Touch Punch“ – padeda įrenginiui tiksliai perkelti jutiklinius valdiklius į „jquery“ valdiklius

Sukurta klausimo peržiūra

Siūlome rankinio tikrinimo įrankį – naujame modaliniame lange paspaudus mygtuką „Žiūrėti“, puslapis atsidarys tokia forma, kuria jį užprogramavote. Negalime garantuoti, kad viskas atrodys būtent taip mobiliajame įrenginyje, nes yra begalė įrenginių su skirtinga ekrano raiška ir dpi – turėkite tai omenyje kurdami klausimo vizualizaciją.

Kodo formatavimas

Kai paspausite mygtuką „Formatuoti“, sistema suformatuos jūsų kodą pagal visuotinai priimtas taisykles (atidarys ir uždarys skliaustus atskirose eilutėse viena po kitos ir pan.)