全部问题

如何在 JS 中执行此操作。您需要从到but 中获取20随机数，以便这些随机数不会重复。这个怎么做？所有这些业务都应该循环进行。这是一半代码的示例。11000

var random_start = 1; // От какого генерировать
var random_end = 1000; // До какого генерировать

    allСycles = 20;
    for(countCycles=1;countCycles<=allСycles;countCycles++){
    alert ("Случайное рандомное и уникально не повторающиеся число от 1 до 1000");
    }

我按这样的提示试了一下，但是有时候数字会重复

var random_end = 1000;
allСycles = 20;
    for(countCycles=1;countCycles<=allСycles;countCycles++){

        var test = Math.floor(Math.random()*(random_end+1)+1);
        alert(test);

    }

在 IE 9、10、11 中，它们会button在点击时跳转。属性margin: 0和padding: 0关于伪类:active的:focus问题并没有解决。在视频上移动按钮的示例： https ://monosnap.com/file/Lcln7cTFX0lPwWjbeu5JnQA5ikcefn

你好！

任务是在滚动页面时平滑地改变背景颜色。
解释：有两种颜色（例如rgb(0, 0, 0)和rgb(255, 255, 255)）。我在代码中指定了滚动条0px和的位置100px。现在，脚本在滚动时必须平滑地变成rgb(0, 0, 0)，rgb(255, 255, 255)即 如果我滚动定位50px背景颜色是rgb(122, 122, 122).

我试图用百分比法解决它，但这只适用于 rgb 颜色，但是十六进制和其他颜色呢？通常，如果在那里指示颜色选项（红色，黄色，蓝色......），它会奇怪地改变颜色

编码：

var scroll = function(element, style, positions, value) {
  window.onscroll = function() {
    var scrollTop = window.pageYOffset,
        // Высчитываю процент того, на сколько нужно изменить цвет
        pct = (window.pageYOffset - positions[0]) / positions[1],
        colorsVal = [],
        currentColor = [];
    // Проверяю, не выходит ли scroll за рамки
    if(window.pageYOffset <= positions[1] && window.pageYOffset >= positions[0]){
      // Превращаю значение цветов в массив
      colorsVal[0] = value[0].split(',');
      colorsVal[1] = value[1].split(',');
      for(var i = 0; i < colorsVal[0].length; i++){
        // Проверяю, какое значение цвета больше
        if(colorsVal[0][i] < colorsVal[1][i]){
          // Высчитываю текущее значение цвета
          var val = ((colorsVal[1][i] - colorsVal[0][i]) * pct) + colorsVal[0][i];
          // Устанавливаю текущее значение цвета
          currentColor[i] = Math.round(val);
        }else{
          // Высчитываю текущее значение цвета
          var val = ((colorsVal[0][i] - colorsVal[1][i]) * pct) + colorsVal[1][i];
          // Устанавливаю текущее значение цвета
          currentColor[i] = Math.round(val);
        };
      };
      // Применяю цвет фона к элементу
      element.style[style] = 'rgb(' + currentColor.join(',') + ')';
    };
  };
};

(function() {
  var obj = document.querySelector('.obj');
  scroll(obj, 'background-color', [0, 100], ['0,0,0', '255,255,255']);
})();

body {height: 2000px; background-color: #eee}
div {
  position: fixed;
  width: 100px;
  height: 100px;
  background-color: black;
}

<div class="obj"></div>

如何改进此功能并使其更加通用，以便可以指定“黑色”颜色值和十六进制颜色？或者谁有比我更好的版本？

提前致谢。

有 png 图标，例如来自 VK 的蓝色图标。如何使用CSS将其更改为白色？

PS：我在谷歌上搜索过filter: hue-rotate()，但是对于白色，这不是一个选项。

<img src="https://vk.com/images/icons/head_icons.png">

请帮助我了解应用程序的优化。Angular2上有应用。我按照这篇文章做了最小化。没有网络包。团队

 browserify -s main dist/main.js > dist/bundle.js

和

uglifyjs dist/bundle.js --screw-ie8 --compress --mangle --output dist/bundle.min.js

结果是最小化束，但需要 1.7 米。该项目的 app.module.ts 结构在我看来非常大。

@NgModule({
  imports: [
    BrowserModule,
    CommonModule,
    FormsModule,
    Ng2PaginationModule,
    HttpModule,
    FormsModule,
    DatePickerModule,
    Ng2GoogleChartsModule,
    routing,
    AgmCoreModule.forRoot({
      apiKey: 'AIzaSyAqIBAiCeLH9A5I5lqEK3iK1j3gAmL3yIg',
      libraries:['geometry', 'places']
    })
  ],
  declarations: [
    MainComponent,
    AuthComponent,
    RecoveryComponent,
    BaseComponent,
    IndexComponent,
    UsersComponent,
    ActiveDriversComponent,
    AdminsComponent,
    ClientComponent,
    DriversApplicationsComponent,
    ActiveDriverComponent,
    ActivationComponent,
    OrdersCanceledComponent,
    AllOrderForDriverComponent,
    NewUserComponent,
    DriverRateComponent,
    DeterminationErrors,
    HttpPopupErrors,
    TranslatePipe,
    CKEditorComponent,
    OrdersComponent,
    SelectLanguageComponent,
    SelectRoleComponent,
    SelectNoticeComponent,
    CurrentOrdersComponent,
    NotConfirmedComponent,
    DeferredOrdersComponent,
    CompletedOrdersComponent,
    AbolishedOrdersComponent,
    DriversOffersComponent,
    EvaluationEditorComponent,
    NewOrderComponent,
    OrderInfoComponent,
    PermissionDeniedComponent,
    SelectBoxComponent,
    NewsComponent,
    CreateNewsComponent,
    EditNewsComponent,
    PublishedNewsComponent,
    SelectFilterComponent,
    ChangeStatusComponent,
    PaymentsTemplatesComponent,
    PaymentsComponent,
    NewTemplateComponent,
    NewTemplateComponent,
    ChangePasswordComponent,
    EditTemplateComponent,
    SupportComponent,
    TemplatesComponent,
    DraftsComponent,
    AppealsMessagesComponent,
    NotificationsComponent,
    NotificationComponent,
    CountriesComponent,
    AddCountryComponent,
    AddCityComponent,
    EditCountryComponent,
    EditCityComponent,
    CurrentBalanceComponent,
    MarkerClusterDirective,
    DriverMapDirective,
    PersonalDirective,
    AllInfoDirective,
    StatisticDirective,
    SearchDirective,
    DateRangePickerDirective,
    PersonalAutoDirective,
    DocumentsDirective,
    PaginationDirective,
    HelpersDirective,
    SimpleRateDirective,
    FilterPipe,
    PluralPipe
  ],
  providers: [
    Urls,
    User,
    SearchModel,
    HttpService,
    CurrencyService,
    Md5,
    DeterminationErrorService,
    TRANSLATION_PROVIDERS,
    TranslateService,
    LocationService
  ],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
  bootstrap:    [ MainComponent ]
})

与此相关，有一些问题。在这种情况下，模块的延迟加载是否有帮助，如果有帮助，那么如何将这个结构分解成单独的模块（原理本身不清楚）？
有没有其他方法可以优化应用程序？