在浏览器中按后退按钮时,是否可以将用户带回到他们向下滚动的页面区域?因为--- pageA是你的屏幕尺寸的两倍(因此你必须滚动阅读更多).单击pageA上的链接转到新页面 - pageB.阅读后,单击浏览器中的.现在,当您返回到pageA时,您将返回到顶部,并且必须向下滚动到您继续阅读页面其余部分的位置.
是否有Jquery或JS方法返回到页面中的那一点.也许是.scrollTop()的东西?
这应该很容易......我正在尝试创建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不是函数"
我试图将一个指针放在一个始终位于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) 我目前在使用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之外,我还在其他几个文件上导入了该文件。
我正在尝试在我的 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) 我想看看您是否可以更新每个块关系线的颜色。类似于Bracket Pair Colorizer 的工作原理。没有什么比追踪相同颜色的线条更烦人了。正如你在图片中看到的,它们都是浅灰色的。我想要几种不同的颜色......比如祖父母=浅绿色,父母浅蓝色,孩子浅红色 - 重复。这可能吗?
这似乎是一个简单的问题,但我找不到答案.
我有一个离子CLI创建的Ionic 3项目,因此Angular/Webpack.我试图删除主题文件夹并将variable.scss文件移动到我的分片scss文件夹.当我这样做 - 一切都爆炸了,我得到一个IDE错误"导入未找到或不可读的Sass错误文件:/Users/blah/src/theme/variables.scss.父样式表:stdin"
我试图找到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)
我有3个用户权限 - 管理员,用户和编辑者.设置方式是:
如果你是一个Admin回报是roles: ["Admin", "User", "Editor"]
如果你是一个User回报是roles: ["User"]
如果你是一个Editor回报是roles: ["User", "Editor"]
现在我现在拥有的是ng-show="object.roles.length < 2" = User另外两个等等.
我相信有更好/更聪明的方法可以做到这一点,或者这样做更容易.我只是不确定如何以不同的方式去做.谢谢你的建议.
我试图有 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) angular ×4
javascript ×4
angularjs ×2
back-button ×1
browser ×1
components ×1
css ×1
export ×1
gulp ×1
gulp-notify ×1
html ×1
import ×1
ionic3 ×1
jquery ×1
json ×1
ng-show ×1
position ×1
regex ×1
typescript ×1
webpack ×1
webstorm ×1