小编Roo*_*ife的帖子

单击"浏览器后退"按钮,将用户返回到上一页滚动到的位置

在浏览器中按后退按钮时,是否可以将用户带回到他们向下滚动的页面区域?因为--- pageA是你的屏幕尺寸的两倍(因此你必须滚动阅读更多).单击pageA上的链接转到新页面 - pageB.阅读后,单击浏览器中的.现在,当您返回到pageA时,您将返回到顶部,并且必须向下滚动到您继续阅读页面其余部分的位置.

是否有Jquery或JS方法返回到页面中的那一点.也许是.scrollTop()的东西?

javascript browser jquery back-button

17
推荐指数
3
解决办法
3万
查看次数

如何使用Gulp插件通知del?

这应该很容易......我正在尝试创建del完成的通知.

Del = https://www.npmjs.com/package/del

Notify = https://www.npmjs.com/package/gulp-notify

我有:

gulp.task('clean', function() {
    return del(['distFolder']);
});
Run Code Online (Sandbox Code Playgroud)

这会在重建之前清除distFolder中的所有内容.

我想要做的是如下:

gulp.task('clean', function() {
    return del(['distFolder']).pipe(notify('Clean task finished'));
});
Run Code Online (Sandbox Code Playgroud)

以上返回错误 - "TypeError:del(...).pipe不是函数"

javascript gulp gulp-notify

6
推荐指数
1
解决办法
696
查看次数

绝对位置流体父项内的子Div

我试图将一个指针放在一个始终位于div父级的同一位置的地图上.这是小提琴 - https://jsfiddle.net/mfgdp3j3/

这个想法是让图钉/浏览器的尺寸始终保持在同一位置,所以如果浏览器是1000px = pin相同的点,就像地图是350px一样(相同的点我的意思是图像上的位置).

快速代码:

<div id="main_container">
    <div id="map_container">
        <img id="map_image" src="https://familysearch.org/learn/wiki/en/images/0/06/Illinois-county-map.gif">
        <img id="pin_it" src="https://cdn1.iconfinder.com/data/icons/Map-Markers-Icons-Demo-PNG/128/Map-Marker-Ball-Chartreuse.png">
    </div>
</div>

*{margin:0;padding:0}
html{position:relative;}
#main_container {max-width:1000px;}
#map_container {width:100%; position:relative;padding:0; margin:0}
#map_image {width:100%; padding:0; margin:0}
#pin_it{position:absolute; top:10%; left:10%}
Run Code Online (Sandbox Code Playgroud)

html css position

5
推荐指数
1
解决办法
254
查看次数

角度-将桶文件用于所有组件导入

我目前在使用Angular 5。

我已经为组件文件中使用的所有常见导入创建了一个桶文件。 我的问题是-对于延迟加载,摇树或其他我没有想到的诸如AOT而言,这是个好主意还是坏主意? 还是这种方法完全没问题,不会对加载时间或其他任何负面影响。如果您也可以阐明原因,将不胜感激。

例子:

  common-component-imports.ts:
    export { AppState, Event, EventPriority, EventType, Page, Unit, User, WindowSettings } from '../models/index';
    export { Component, ElementRef, Input, ViewChild, ViewChildren } from '@angular/core';
    export { Config, IonicPage, Loading, LoadingController, Modal, ModalController, Nav, NavController, NavParams, Platform, Toast, ToastController, ViewController } from 'ionic-angular';
etc../
Run Code Online (Sandbox Code Playgroud)

而且比起我的组件,我正在这样做:

event.ts
import {
  Component,
  ElectronService,
  Event,
  AppState,
  IonicPage,
  NavController,
  NavParams,
  Store,
 } from '../shared/common-component-imports';
Run Code Online (Sandbox Code Playgroud)

而且除了event.ts之外,我还在其他几个文件上导入了该文件。

import components export angular

5
推荐指数
1
解决办法
1578
查看次数

将环境变量传递给 angular.json 文件。(角7)

我正在尝试在我的 angular.json 文件中使用环境变量。我怀疑这是不可能的,但我想我会看看是否有人知道如何。我使用它来指向服务器生成的信号器文件(问题是在开发与暂存时它是不同的 baseUrl)。所以... angular.json

"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "ab-inbev-web2": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.json",
            "assets": [
              "src/assets",
              "src/favicon.ico"
            ],

            "scripts": [
              "node_modules/bootstrap/dist/js/bootstrap.min.js",
              "http://site-dev.com/signalr/hubs"
and when on staging
              "http://site-stage.com/signalr/hubs"
            ]
Run Code Online (Sandbox Code Playgroud)

环境.ts

export const environment = {
  baseUrlWithSlash: 'http://site-prod.com/',
  logoffWarningTimeoutSeconds: 600,
  production: true,
  searchDelimiters: /[,;\n]+/
};

environment-local.ts
  export const environment = {
      baseUrlWithSlash: 'http://site-dev.com/',
      logoffWarningTimeoutSeconds: 600,
      production: true,
      searchDelimiters: …
Run Code Online (Sandbox Code Playgroud)

build-process environment-variables angular

5
推荐指数
0
解决办法
3108
查看次数

如何在 VS Code 中更改块关系线颜色

我想看看您是否可以更新每个块关系线的颜色。类似于Bracket Pair Colorizer 的工作原理。没有什么比追踪相同颜色的线条更烦人了。正如你在图片中看到的,它们都是浅灰色的。我想要几种不同的颜色......比如祖父母=浅绿色,父母浅蓝色,孩子浅红色 - 重复。这可能吗?

在此处输入图片说明

visual-studio-code vscode-settings

4
推荐指数
1
解决办法
1245
查看次数

Ionic 3 - 如何移动主题> variable.scss文件

这似乎是一个简单的问题,但我找不到答案.

我有一个离子CLI创建的Ionic 3项目,因此Angular/Webpack.我试图删除主题文件夹并将variable.scss文件移动到我的分片scss文件夹.当我这样做 - 一切都爆炸了,我得到一个IDE错误"导入未找到或不可读的Sass错误文件:/Users/blah/src/theme/variables.scss.父样式表:stdin"

webpack ionic3 angular

3
推荐指数
1
解决办法
1361
查看次数

If 中变量的正则表达式(不区分大小写) - JS/Angular

我试图找到if一个value存储在动态variable中的内容array,同时忽略大小写并且不使用 to.toLowerCase()或 upper。

我所拥有的有效的是:

if ($scope.favoriteItems.indexOf(item.name.toLowerCase()) === -1) {
Run Code Online (Sandbox Code Playgroud)

我想要使​​用正则表达式之类的东西if (item.name 'no matter case is in $scope.favoriteItems)

javascript regex angularjs

2
推荐指数
1
解决办法
5053
查看次数

NG-Show如果数组包含某个值而不是另一个值

我有3个用户权限 - 管理员,用户和编辑者.设置方式是:

如果你是一个Admin回报是roles: ["Admin", "User", "Editor"]

如果你是一个User回报是roles: ["User"]

如果你是一个Editor回报是roles: ["User", "Editor"]

现在我现在拥有的是ng-show="object.roles.length < 2" = User另外两个等等.

我相信有更好/更聪明的方法可以做到这一点,或者这样做更容易.我只是不确定如何以不同的方式去做.谢谢你的建议.

angularjs ng-show

1
推荐指数
1
解决办法
1万
查看次数

TypeScript tsconfig 某些文件夹中的输出文件

我试图有 3 个文件夹(ts、js、map)... 1 个用于 TS,1 个用于编译的 js,1 个用于地图文件。这不可能吗?我在这里看到了几个问题,但没有找到答案。我正在使用 Webstorm、Npm,并运行Angular2 示例。我将 ts 文件放在一个文件夹中,将所有输出放在另一个文件夹中,但无法将地图放入其自己的文件夹中。最糟糕的情况是高级至少我可以把地图变成一个文件。我试过了inlineSourceMap,,,和inlineSources=都失败了。sourceRootmapRoot

tsconfig.json(链接到架构):

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors":true,
    "sourceMap": true,
    ------ Tried a combination of...
    "inlineSourceMap": true,
    "inlineSources": true,
    "mapRoot": "app/map",
    "sourceRoot": "app/map",
    ------
    "outDir": "app/js"
  },
  "exclude": [
    "node_modules",
    "bower_components"
  ]
Run Code Online (Sandbox Code Playgroud)

包.json

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": …
Run Code Online (Sandbox Code Playgroud)

javascript json webstorm typescript angular

1
推荐指数
1
解决办法
4000
查看次数