小编Per*_*son的帖子

Chrome 48+中的禁用网络安全性

我的--disable-web-security旗子有问题.它在Windows上的Chrome 48和Chrome 49 beta中无效.

我已经尝试杀死所有实例,重新启动并首先使用标志运行Chrome,尝试使用不同的计算机.在测试版中我可以看到警告弹出窗口("你正在使用不支持的标志.."),但CORS仍在执行中.公共版本似乎完全忽略了这个标志.

似乎没有新闻或人们有关于此的报道,因此它可能是一个本地问题.将不胜感激帮助或任何相关信息.

google-chrome cors

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

如何使用ui-router为AngularJS提取查询参数?

如何使用ui-router为AngularJS 提取查询参数?

在AngularJS自己的$location服务中,我做了:

($ location.search()).UID

从URL中提取参数uid.ui-router的相应代码是什么?

javascript query-parameters angularjs angular-ui angular-ui-router

61
推荐指数
4
解决办法
9万
查看次数

如何在ui-view而不是ng-view中使用ng-animate?

我正在使用angular-ui-router与angularJS v1.2,并希望实现自定义页面转换.
如何在ui-view(来自angular-ui-router)而不是ng-view(这将是标准方式)中使用ng-animate ?有关ng-view的参考,请参阅AngularJS 1.2中的Remastered Animation.

编辑:我已经尝试了两个不同版本的角度:v1.2.0-rc.2和v1.2.0-rc.3,如评论中所建议的那样,但似乎都没有.我想我可能做错了什么?

这是HTML:

<div ui-view class="slide"></div>
Run Code Online (Sandbox Code Playgroud)

和CSS:

.slide {
    width:1024px;
    height:768px;
}
.slide.ng-enter,
.slide.ng-leave {
    -webkit-transition:0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
    border: 1px solid blue;
}

.slide.ng-enter.ng-enter-active {
    border: 1px solid red;
}
Run Code Online (Sandbox Code Playgroud)

我添加了前面提到的示例的JSfiddle.将这个例子展开来覆盖ng-view和ui-view会很好,但我不知道如何将ng/ui-view和部分内容放到JSfiddle中.

angularjs angularjs-directive ng-animate angular-ui-router

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

如何使用Phonegap Build删除iOS状态栏?

使用Phonegap Build 3.1时是否可以摆脱iOS7中的状态栏?我可以在Xcode中本地构建时删除状态栏,但是一旦我尝试Phonegap Build,它就会再次返回.

  1. 是否有配置首选项完全删除状态栏?
  2. 如果没有,是否可以将状态栏覆盖在应用视图的顶部并将其设置为透明背景?

希望状态栏按下应用程序视图20px,这就是现在的情况.

statusbar ios cordova phonegap-build

25
推荐指数
5
解决办法
4万
查看次数

Twitter Bootstrap适用于触摸屏吗?

我正在考虑将Twitter Bootstrap(TB)用于移动网络应用程序.TB的下一个版本,版本3,声称是"移动优先".但是,查看包含的Javascript文件,我几乎只看到"点击"事件,几乎没有使用任何"触摸"事件.TB依靠Jquery来处理事件.此外,CSS中有许多"悬停"定义,这些定义在触摸屏上不起作用.即便如此,我还是在Googling上找到了很多关于在移动网络应用中使用TB的建议和教程.

我的问题是:Twitter Bootstrap在性能方面(主要是在速度和响应时间方面)在触摸屏上的表现如何?

javascript performance jquery touchscreen twitter-bootstrap

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

如何处理纯文本服务器响应?

我是AngularJS的新手,并且构建了一个与服务器交互的应用程序.服务器有一个REST API,但是使用纯文本响应某些方法,而使用JSON响应其他方法.我已经使用AngularJS的$resource服务实现了一个简单的http请求方法.

但是,当服务器响应是纯文本时,AngularJS中的响应是一个对象,响应字中的每个字符都有一个条目.我怎样才能解决这个问题(以一种好的方式)?理想情况下,我希望能够告诉我的服务何时期望纯文本以及何时期望JSON,并在两种情况下获得格式良好的响应.

javascript api rest http angularjs

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

单页网页应用中的Google Analytics跟踪问题

使用Google Analytics跟踪在单页网页应用中跟踪"网页浏览量"的最佳(最实用)方法是什么?trackevent有四个参数:CATEGORY,ACTION,LABEL,VALUE.最后两个是可选的.我应该将哪个字段用于视图标题?单页Web应用程序中的"视图"对应于普通Web应用程序中的页面.

我可以看到两个选项:

1) trackevent('Navigation', 'View title');
2) trackevent('Navigation', 'Click', '', 'View title'); 
trackevent('Navigation', 'Redirect', '', 'View title');
Run Code Online (Sandbox Code Playgroud)

当然,人们可以做任何一种,但在分析Google Analytics中的数据时哪种选择最好?

javascript google-analytics data-analysis pageviews single-page-application

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

如何运行一次CSS3关键帧动画,并且仅在触发时?

我想实现一个HTML5动画,它不仅仅涉及将项目从A点移动到B点.这就是我考虑使用关键帧而不是转换的原因.但是,我只想让动画运行一次,并且仅在触发时运行.

问题有两个:1)动画结束后,项目返回到其开始位置.有没有办法让它保持在最终位置,直到另行通知?2)有没有办法从Javascript重启动画?

我看到的另一个可能的解决方案是使用onTransitionEnd事件链接一些转换.

考虑性能,这里最好的解决方案是什么?我只针对Webkit浏览器,包括移动版.

编辑:基于@ Christofer-Vilander的评论我做了一个JSfiddle,基本上做了我想要的.谢谢!

HTML:

<button id="start">Start</button> <button id="reset">Reset</button>
<br/>
<div id="ball" class="ball"></div>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

document.getElementById('start').addEventListener('click', function(e) {
    document.getElementById('ball').classList.add('remove');
});

document.getElementById('reset').addEventListener('click', function(e) {
    document.getElementById('ball').classList.remove('remove');
});
Run Code Online (Sandbox Code Playgroud)

CSS:

.ball {
    width:100px;
    height:100px;
    border-radius:100px;
    background-color:darkred;
    position:absolute;
    top:100px;
    left:200px;
}

@-webkit-keyframes slide {
    from { top:100px; left:200px; }
    to { top:100px; left:-100px; }
}

.remove {
    animation: slide 1s linear;
    -webkit-animation: slide 1s linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}
Run Code Online (Sandbox Code Playgroud)

performance animation css3 css-transitions css-animations

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

S3 复制状态失败

http://docs.aws.amazon.com/AmazonS3/latest/dev/crr-status.html提到:

对象复制状态的以下值之一的复制状态标头:PENDING、COMPLETED 或 FAILED。

FAILED 可能发生的情况有哪些?

http://docs.aws.amazon.com/AmazonS3/latest/dev/crr-troubleshoot.html列出了一堆案例。除了这些情况之外,当其他区域关闭时,状态可能会失败的唯一其他情况是什么?

更新:https : //docs.aws.amazon.com/AmazonS3/latest/dev/replication-and-other-bucket-configs.html

replication distributed amazon-s3

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

在两个可拖动的 Flatlist 之间拖放 - React Native

我正在努力为我的 React-Native 应用程序创建一个要求,其中我有一个空白的保管箱(在放置平面列表项目时,它应该转换为可拖动的平面列表)和一个可拖动的平面列表,我必须将其拖放到空白处保管箱,反之亦然。

两个平面列表中的项目应该有一个单击的右侧菜单,其中应该显示一个选项,用于将项目移动到另一个平面列表。

我知道这是一个非常常见的场景,但由于我对 React-Native 还很陌生,所以我正在努力获取任何库或自己创建相同的库。

我正在将 React-Native 与 Redux 和 Typescript 结合使用

我正在使用react-native-draggable-flatlist作为Flatlist(https://github.com/computerjazz/react-native-draggable-flatlist),请告诉我是否有更好的选择

javascript user-interface react-native react-native-flatlist react-native-draggable-flatlist

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

netlify 部署失败并出现错误 [vite]:汇总无法解析导入

部署到 netlify 失败并出现 error: [vite]: Rollup failed to resolve import...,但当我使用本地构建时它可以工作npm run build(与 netlify 相同)。无法解析的包是直接从 github 安装的,而不是其他包。

\n

包.json:

\n
    "dependencies": {\n        "@tailwindcss/line-clamp": "^0.2.2",\n        "focus-visible": "^5.2.0",\n        "just-throttle": "^4.0.1",\n        "lrud": "github:bbc/lrud#master",\n        "sapper-environment": "^1.0.1"\n    }\n
Run Code Online (Sandbox Code Playgroud)\n

网络化日志:

\n
10:10:48 PM: \xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\n10:10:48 PM:   1. build.command from netlify.toml                            \n10:10:48 PM: \xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\n10:10:48 PM: \xe2\x80\x8b\n10:10:48 PM: $ npm run build\n10:10:48 PM: > sveltekit-movie-app@0.0.1 build\n10:10:48 PM: > svelte-kit build\n10:10:49 PM: vite v2.7.10 building for production...\n10:10:49 PM: transforming...\n10:10:52 PM: \xe2\x9c\x93 54 modules transformed.\n10:10:52 PM: [vite]: Rollup …
Run Code Online (Sandbox Code Playgroud)

deployment rollup netlify svelte vite

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

我可以在HTML5模式属性中使用包含&符号的正则表达式吗?

在HTML5 webapp中提交表单之前,我使用以下电子邮件验证:

<input id="mail" name="mail" type="email" value="" required  placeholder="Email" 
pattern="[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?"> 
Run Code Online (Sandbox Code Playgroud)

但是,正则表达式中的&符号似乎使HTML无效.检查http://validator.w3.org/我收到以下错误消息:

& did not start a character reference. 
(& probably should have been escaped as &amp;.)
Run Code Online (Sandbox Code Playgroud)

甚至可以在正则表达式中逃避&符号而不会弄乱它吗?在这种情况下验证器是正确的吗?

regex html5 escaping pattern-matching ampersand

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

使用jQuery Mobile和Phonegap加载JSON?

基本上我有一个位于服务器上的php脚本,它生成一个JSON文件,列出了mysql数据库中的位置.使用jQuery Mobile我正在开发一个应用程序来显示这些地方.我的代码适用于Chrome和Safari,但是当我将其移植到Phonegap时,它无效.我在互联网上搜索但找不到答案:(.

用于生成JSON(json.php)的php文件:

<?php
header('Content-type: application/json');


$server = "localhost";
$username = "xxx";
$password = "xxx";
$database = "xxx";

$con = mysql_connect($server, $username, $password) or die ("Could not connect: " . mysql_error());
mysql_select_db($database, $con);

$sql = "SELECT * FROM places ORDER BY name ASC";
$result = mysql_query($sql) or die ("Query error: " . mysql_error());

$records = array();

while($row = mysql_fetch_assoc($result)) {
    $records[] = $row;
}

mysql_close($con);

echo $_GET['jsoncallback'] . '(' . json_encode($records) . ');';
?>
Run Code Online (Sandbox Code Playgroud)

我的Javascript文件位于我的应用程序中(加载JSON并显示它):

$('#places').bind('pageinit', function(event) {
    getPlaces();
}); …
Run Code Online (Sandbox Code Playgroud)

javascript php json jquery-mobile cordova

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