DELL 7570 ( i7 8550U, 32 гб ОЗУ Corsair 2400, ssd + m2 )
Имея разъем Тандерболт 3, я начала думать о внешней видеокарте
@font-face {
font-family: roboto_regular;
font-style: normal;
font-weight: normal;
src:
local("roboto"),
local("roboto regular"),
local("roboto_regular"),
local("roboto-regular"),
url("~src/fonts/roboto.woff2") format("woff2"),
url("~src/fonts/roboto.woff") format("woff");
}
~src
- это алиас из конфига webpack:module.exports = () => {
// ...
resolve: {
alias: {
src: path.resolve(__dirname, "src"),
},
},
// ...
}
const path = require('path')
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CopyPlugin = require("copy-webpack-plugin");
module.exports = {
entry: {
app: './src/index.js'
},
resolve: {
alias: {
src: path.resolve(__dirname, "src"),
},
},
module: {
rules: [{
test: /\.js$/,
loader: 'babel-loader',
exclude: '/node_modules/'
}, {
test: /\.css$/i,
use: [
MiniCssExtractPlugin.loader, "css-loader"
],
},
{
test: /\.(png|jpe?g|gif)$/i,
loader: 'file-loader',
options: {
publicPath: 'assets',
outputPath: 'images',
},
},
{
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
loader: 'file-loader',
options: {
name: '[name].[ext]',
publicPath: 'assets',
}
},
{
test: /\.scss$/i,
use: [
MiniCssExtractPlugin.loader, {
loader: "css-loader",
options: {
sourceMap: true
}
},
{
loader: "postcss-loader",
// options:{sourceMap:true}
options: {
postcssOptions: {
plugins: [
[
"autoprefixer",
{
// Options
},
],
],
},
},
},
{
loader: "sass-loader",
options: {
sourceMap: true
}
}
],
},
]
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, './dist'),
publicPath: '/dist'
},
devServer: {
client: {
overlay: true
},
static: {
directory: path.join(__dirname)
}
},
plugins: [
new MiniCssExtractPlugin({
filename: "[name].css",
}),
]
}
Может что-то не так?
let today = new Date();
let dd = String(today.getDate()).padStart(2, '0');
today = dd;
let dayStart = document.querySelector(".js-text");
let dayStart2 = document.querySelector(".js-text2");
dayStart.innerHTML = `${dd}`;
dayStart2.innerHTML = `${dd}`;
Есть скрипт слайдера
нужно сделать так, чтобы он срабатывал только на определенной ширине
как это сделать на чистом javascript
Можете поделиться мнением, что на ваш взгляд логичнее - использовать го для пет проектов или практичнее будет подучить яп для мобилок?
<div class="block">
<div class="block__element block__element_red">Этот див должен быть красным</div>
<div class="block__element block__element_green">а этот зелёным</div>
<div class="block__element block__element_blue">этот синим</div>
</div>
// если будут более сложные модификаторы
<div class="block">
<div class="block__element block__element_color block__element_color_red">Этот див должен быть красным</div>
<div class="block__element block__element_color block__element_color_green">а этот зелёным</div>
<div class="block__element block__element_color block__element_color_blue">этот синим</div>
</div>
.block {
&__element {
&_color {
&_red {
color: red;
}
}
}
}
Может есть вариант открывать например по 10 ссылок с интервалом 3 сек?