in the process of compression, it is found that gulp-cssnano will delete the-webkit-box-orient: vertical; style. How can this be avoided? I don t want to delete any css code when I compress it. ...
how to calculate vh and vw according to the size of the design draft, for example, the design draft is designed according to 1920-1080 ...
.love { --particles: 3; } .love span { animation-delay: calc(20s var(--particles) * var(--n) * -1); } .love span:nth-child(1) { --n: 1; } .love span:nth-child(2) { ...
11366 @media screen and (max-width: 1366px) { 1366 1024 } @media screen and (min-width: 1366px) { 1366 1024 } 21366 .. @media screen and (width: 1366px) { } ...
problem description for this layout of the page, some of the grid will exceed the width of the div, but the same line of the next div will not be pushed back, how to make the grid of the same line behind instead of being overwritten. I am not ver...
iphone6,7,8,plus style is the style under iphone6,7,8 when I don t know how to display it on different phones, the text is all aligned this style has been changed for several days, and I can t think of any good way to solve it properly. Do you ha...
Syntax scss .a { background-color :red; &.b{ background-color: green; } &-c{ background-color: blue; } .d{ background-color: yellow; } } ab c d b <div class="a b"> < div> <div class=...
<polyline class="a" points="4960,1920 11040,8000 4960,14080 ">< polyline> the current size is this I want to be small in proportion. What tools can I use? calls to polyline, for the first time, so I don t know where...
css .bbb outline: none; font-size: 20px; position: relative; width: 40px; height: 40px; border: 2px -sharp177CE9 solid; background-color: -sharpfff; display: inline-block; white-space: nowrap; vertical-align: mid...
this is my js var eles = Array.prototype.slice.call(document.querySelectorAll( .animated )); document.addEventListener( scroll , animatedFadeInUp); animatedFadeInUp(); function animatedFadeInUp() { eles = eles.filter(function(ele) { var rect...
<button type="button"> <a onclick="viewPDF(this,id)" href="" target="_blank">< a> < button> function viewPDF(obj,as){ $.ajax({ url: url , type: post , dat...
look at instagram source code, and find that their class names are very interesting. They seem to be generated by tools. They feel easy to use. They are simply named the Gospel of fear. What tools are used to implement ? ...
<template> <div id="box"> <div class="item" v-for= list in ceoPhoto > <img :src="list.picUrl" alt=""> < div> < div> < template> <...
there is an office requirement: is like a table, and the cell size is fixed. If the degree of a row is not the same, the extra cells will automatically run, but at the same time, the cells of each row need to be evenly allocated the size of a row. th...
https: www.jssor.com demos f. I found this he adjusted the screen height proportionally so if I turned it into a mobile version, he would become very small I adjusted his div without any response . css .jssorl-009-spin img { animation-name: ...
when I want to select, change the background color of the current option, is there any way, the document can only set a uniform background color. I know I can set icons. What I want to ask is background color, background color! ...
recently, when I was working on the WeChat Mini Programs project, I used the flex layout. The code is as follows: <view class= parent > <view class= child1 >< view> <view class= child2 >< view> <view c...
since the item width in the flex layout can be set using width , why is there a flex-basis attribute? ...
after simply inserting < iframe > and setting the width and height, it is found that opening it on the Android mobile browser will work normally, but on the iOS phone, the iframe page style will inexplicably become larger <div class="common-p...
I have mentioned sprite in many articles about front-end website optimization and request optimization, but I have never used it in my actual production project. Observe that the major platforms (Taobao, Tmall, JD.com, SUNING, etc.) have basically aband...
WeChat Mini Programs doesn t know how to get the current rotation index to judge ...
this.$element.trigger(`init.zf.${pluginName}`); I don t understand very well, there is no declaration of any events like "init.zf.xxx " in the code, so what does this trigger trigger? ...
let arr1 = [1, 2]; let arr2 = [3, 4]; concat arr1 = arr1.concat(arr2); arr1 = [...arr1, ...arr2]; arr1.push(...arr2); which is better and why? Performance? ...
before the three mainstream front-end frameworks come out, Jquery,. will be the first choice for a project without thinking. Other technologies, but the technology updates in recent years, although can be done, but considering the needs of SEO and its di...
setTimeout(() => { console.log(1) Promise.resolve(3).then(data => console.log(data)); }, 0) setTimeout(() => { console.log(2) }, 0) We know that the callback of setTimeout is performed in the timer phase, and then both setTimeout are r...