.block {} /* без стилей */
.block_green { color: green; }
.block_red { color: red; }<div class"block block_green">
</div>const through = require('through2');
const PLUGIN_NAME = 'my plugin ';
const myPlugin = function (options) {
return through.obj(function (file, enc, cb) {
if (file.isNull()) {
cb(null, file);
return;
}
if (file.isStream()) {
cb(new Error(PLUGIN_NAME + 'Streaming not supported'));
return;
}
try {
let content = file.contents.toString();
content = '';// ... что-то делаем
file.contents = Buffer.from(content);
} catch (err) {
this.emit('error', new Error(PLUGIN_NAME + err.message));
}
this.push(file);
cb();
});
};function build() {
return gulp.src('./src/css/*.css')
.pipe(myPlugin)
//...
}if (/\.css$/.exec(file.path) !== null) {
//...
}// Generate the extra small columns
.make-xs-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
...
}
.make-xs-column-push(@columns) {
left: percentage((@columns / @grid-columns));
}
.make-xs-column-pull(@columns) {
right: percentage((@columns / @grid-columns));
}
<script>
// @formatter:off
.. code
// @formatter:on
</script>
gulp.task('demo', function(cb){
console.log(process.argv.splice(3));
cb();
});D:\dev\demo>gulp demo --file2
[02:22:08] Using gulpfile D:\dev\demo\gulpfile.js
[02:22:08] Starting 'demo'...
[ '--file2' ]
[02:22:08] Finished 'demo' after 13 msНедавно наткнулся на фразу, что тем кто пишет спецификации легко, т.к. они только описывают как технология должна себя вести, а внедряют её разработчики браузеров.
Работа над Amaya началась на W3C в 1996 году для демонстрации веб-технологий в полнофункциональном веб-клиенте. Основной мотивацией для разработки Amaya было создание фреймворка, способного интегрировать как можно больше технологий W3C. Он предназначен для демонстрации этих технологий в действии, используя преимущества их комбинации в единой, согласованной среде.
Почему тогда, какие-то технологии где-то работают только с префиксами?
И насколько стоит доверять спеками w3c
если они не занимаются технической реализацией этих технологий?
Использую расширение PerfectPixel, как правильно им пользоваться?
А если у меня разрешение меньше, то как настроить его?
На каких браузерах проверяется соответствие макета с версткой
Как должен работать адаптив?
actions.loadMenu = async ({ commit, state }, payload) => {
if (!state.menus[payload.menu] || payload.force) {
let response = await Vue.axios.get('/menu/' + payload.menu);
if (response.status === 200) {
commit('setMenu', { menu: payload.menu, data: response.data });
}
}
};import axios from 'axios';
export default new vuex.Store({
state: {
params: null,
},
mutations:{
setParams(state, payload){
state.params = payload;
}
},
actions: {
async getParams({comit, state}){
let response = await axios.get('information/account');
if (response.status === 200) {
commit('setParams', response.data);
}
}
}
});import { mapState } from 'vuex';
export default {
name: 'IdWeb',
computed: {
...mapState([
'params'
])
},
mounted() {
this.$store.dispath('getParams');
},
}<template>
<li class="state_account_id" v-if="params">
ID: {{params.id}}
</li>
</template>