Tuhinga o mua me te Kaitohutohu

Me mohio nga kaiwhakanao Tukutuku ki tetahi o nga kaiwhakatakoto raupapa e rua ranei

Coke ranei Pepsi, Mac ranei PC, Maere ranei DC? I roto i nga hapori katoa, he tautohetohe kei runga ake nei. Mo nga kaihoahoa tukutuku me nga kaihanga, ko te tautohetohe ko Sass ranei iti.

He aha te mea kaore i te KAUPAPA?

Ko nga Awesome Stylesheets (Sass) me te Leaner CSS (LESS) e rua nga kaitohutohu CSS. He waahanga ahuaaetau motuhake ngawari e pai ake ana te hoahoa me te pai ake. Ka kohia e Sass me LESS nga momo tahua CSS kia taea ai e nga kaitirotiro te pānui i a raatau, he mea tika na te mea kaore e taea e nga kaitoro o teianei te kite i nga momo kōnae .less.

Mena ka whakamahere koe i te ao o te whakawhanaketanga tukutuku, he pai te whakaaro ki te mohio ki tetahi o nga kaiwhakahaere tuatahi-e rua ranei .

Ina tae mai ki reira, he rite tonu nga mea e rua. Ka tuhia e raua te tuhinga CSS heiwari ake, atu i te kaupapa-a-tinana, me te wheako pai ake. Engari, he torutoru rereke rereke. E rima o ratou kua whakarārangitia i konei.

  • 01 Kei roto i te Ruby. KAUPAPA Kei te Javascript

    Kei te takoto a Sass i roto i te Ruby, me te hiahia kia noho a Ruby. Ehara i te mea nui ki te whai koe i te Mac. Engari, he roa te waahanga ki te whai koe i te mīhini Windows.

    I hangaia te RAI i roto i te Ruby rite Sass, engari kua mau ki a Javascript. Hei whakamahi i te LESS, tukua atu e koe nga kōnae Javascript e hāngai ana ki to kaimau, ki te kohikohi i nga pepa CSS i roto i te kaiwhakarato tuimotu.

  • 02 Hei Tohatoha i nga Mahinga: E Whakamahia ana te $; TĒNEI Whakamahia @

    Ka whakamahia e Sass me LESS nga tohu motuhake hei tautuhi i nga taurangi. I tenei ara kaore koe e whai ki te whakauru i nga waahanga; Ka taea e koe anake te tomo i te huru.

    I Sass, ko te tohu taara ($). I TE KAI, ko te tohu (@). Ko te iti noa iho mo te MEA he maha etahi kaitautoko CSS kei te whakamahia inaianei, na te mea ka whakapumau i te kohinga akoranga.

  • 03 Kua Putea te Putea, Kua timata te PATI

    Kei roto i te SAS me te KAI nga taputapu kei te wātea ki te whakauru i te mixins (te kaha ki te rokiroki me te tuhi i nga korero a CSS puta noa i te pae).

    • Kei roto i te Sass he Compass e wātea ana mo te mixins, kei roto ko nga whiringa katoa e wātea ana me nga whakahou mo te tautoko i te heke mai.

    • Kei te RAKAHI te Raraunga, te MOTAHI MEA, nga PAE KAI, te gs, me te Frameless. Ko te tautoko a te LESS he nui ake te porohita atu i te Sass, ka puta he maha o nga waahanga rereke mo nga whakawhitinga kaore pea i te mahi katoa. Mo to kaupapa, ka hiahia pea koe ki nga whakawhitinga kua whakarārangitia kia whiwhi ai i tetahi mahi rite ki te Putea.

  • 04 He pai ake nga Karere Nama Atu i te Sass

    Kua whakamatauria nga Sass me nga Tae mo to ratou kaha ki te whakahua i nga hapa i te whakawhitinga. He nui ake nga karere kino i roto i nga whakamatautau i roto i te korero i te waahi tika o te hapa.

    Ka taea e tetahi mea penei te whakaora i tetahi wa roa i runga i te tahua.

  • 05 KO TE MEA He Whakaritea Whakauru Whaiaro-Whaiaro Atu i te Sass

    Ko nga tuhinga LESS he mea ahuareka te ahua, hewari ake hoki te whai i nga kaiwhakamahi tuatahi. Ko te tuhinga Sass he maha ake o te turanga matauranga me te raupapa wiki.

    He mea nui tenei e whai hua ana ki nga waahanga whakauru o SAS ranei LESS mai i te mea he mahere kua hangaia hei whakamahi i te hoahoa paetukutuku.