小编Chr*_*s G的帖子
Chrome 地理定位传感器破坏 CORS
我有一个应用程序，它从地理定位 api 中提取纬度/经度，并对其余 api 进行一些反向地理编码。
我曾经能够在开发人员工具中使用 Chrome 传感器覆盖来测试各种位置。但是，最近生成的 AJAX 调用已停止工作，即使我知道其余 api 的 CORS 标头设置正确，我也收到了 CORS 错误。事实上，当我将位置设置为“无覆盖”时，呼叫正常工作。
我在这里设置了一个小提琴来演示。它访问的 url 没有 CORS 设置（我找不到一个公共回显），但可以看到行为。
观看网络标签。When "No Override" is selected chrome tries to do a straight GET request. 选择“伦敦”时，Chrome发送选项请求，此请求失败是否为CORS或不配置REST API。显然，在小提琴中，所有这些都因 api 而失败，但即使是正确配置的端点也会失败，并出现通常的标头未设置错误。
这是一个错误还是我错过了什么？
$('button').on('click', function(e) {
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
$.get('https://postman-echo.com/get?q=' + lat + ';' + lng, function(res) {
console.log(res.body);
});
});
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>
Click
</button>推荐指数
解决办法
查看次数
TS2334"对象"类型上不存在属性"长度".仅限应用启动(ng-serve)
当我启动我的角度应用程序时,我遇到了问题.
我有一个执行发布请求的函数,将一些数据返回到我的组件并绘制图表.它在我启动应用程序后做了一些随机修改并保存,但是当我第一次启动应用程序时,我得到Property 'length' does not exist on type 'Object'.
了一个for循环,我在我的响应数组上.
我已经尝试迭代响应,只有它不是null,但这不起作用.
功能:
dailyForecast() {
var token = {token : "0a1b2c3d"};
return this._http.post("https://www.improving.com.br/api/test/hits-by-browser", token)
.map(result => result);
}
我在这个for循环中得到了错误,但是在我重新编译之后它工作正常.
ngOnInit() {
let chart = < any > {};
this._weather.dailyForecast()
.subscribe(res => {
console.log(res);
let browsers = [];
let browsersAcesss = [];
if (res !== null) {
for (var i = 0; i < res.length; i++) {
browsers.push(res[i][0]);
browsersAcesss.push(res[i][1]);
}
}
});
}
推荐指数
解决办法
查看次数
在SVG或CSS中创建圆形进度栏
我尝试设计一个内部包含一些信息的圆形进度栏。这样的事情。
我有svg，但我也不能在圈子内写。起点和终点的距离很短。我正在寻找类似图像的东西。
svg {
height: 200px;
margin: auto;
display: block;
}
path {
stroke-linecap: round;
stroke-width: 2;
}
path.grey {
stroke: lightgrey;
}
path.purple {
stroke: purple;
stroke-dasharray: calc(40 3.142 1.85);
stroke-dashoffset: 80;
/ adjust last number for variance /
}<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 100 100">
<path class="grey" d="M40,90
A40,40 0 1,1 70,90"
style="fill:none;"/>
<path class="purple" d="M40,90
A40,40 0 1,1 70,90"
style="fill:none;"/>
</svg>推荐指数
解决办法
查看次数
如何根据点击切换图标？
我在这里有3个切换图标
我想更改图标以在点击这样的时候切换到此处输入图像描述
我写了一个jquery,但它只适用于第一个图标.
function settingsClicked() {
$(document).ready(function() {
$('#settings-btn').click(function() {
$(this).toggleClass("fa-toggle-off fa-toggle-on");
});
});
}settings {
padding: 10px;
}
.settings p {
display: inline;
font-size: 22px;
color: #1e698d;
font-family: 'Dosis', sans-serif;
font-weight: bold;
}
.settings i {
font-size: 30px;
padding-left: 10px;
}
.fa-toggle-on {
color: green;
}<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dashboard">
<form>
<fieldset class="dashboard-border">
<legend class="legend-border">Settings</legend>
<div class="settings">
<p>Settings 1 : </p> <i class="fas fa-toggle-off" id="settings-btn"></i>
</div>
<div class="settings">
<p>Settings 2 …推荐指数
解决办法
查看次数