javascript

git

python

java

git-remote

github

django

c#

reactjs

c++

scrum

kubernetes

ruby-on-rails

.net

.net-framework-version

operators

git-fetch

typescript

user-experience

chmod

使用JavaScript替换字符串的最后一个字符

我有一个非常小的查询。 我尝试使用concat,charAt,slice和诸如此类的东西,但是我不知道该怎么做。

这是我的字符串:

var str1 = "Notion,Data,Identity,"

我想用.替换最后一个,,它应该看起来像这样。

var str1 = "Notion,Data,Identity."

有人可以让我知道如何实现吗?

trans by 2020-08-12T09:40:45Z

javascript-Chart.js 2.0甜甜圈工具提示百分比

我已经使用chart.js 1.0,并且我的甜甜圈图表工具提示根据数据除以数据集显示百分比,但是我无法使用图表2.0进行复制。

我搜索过很多,还没有找到有效的解决方案。 我知道它将进入选项,但是我尝试过的一切都使饼功能失调。

<html>

<head>
    <title>Doughnut Chart</title>
    <script src="../dist/Chart.bundle.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <style>
    canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
    </style>
</head>

<body>
    <div id="canvas-holder" style="width:75%">
        <canvas id="chart-area" />
    </div>
    <script>
    var randomScalingFactor = function() {
        return Math.round(Math.random() * 100);
    };
    var randomColorFactor = function() {
        return Math.round(Math.random() * 255);
    };
    var randomColor = function(opacity) {
        return 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',' + (opacity || '.3') + ')';
    };

    var config = {
        type: 'doughnut',
        data: {
            datasets: [{
                data: [
                    486.5,
                    501.5,
                    139.3,
                    162,
                    263.7,
                ],
                backgroundColor: [
                    "#F7464A",
                    "#46BFBD",
                    "#FDB45C",
                    "#949FB1",
                    "#4D5360",
                ],
                label: 'Expenditures'
            }],
            labels: [
                "Hospitals: $486.5 billion",
                "Physicians & Professional Services: $501.5 billion",
                "Long Term Care: $139.3 billion",
                "Prescription Drugs: $162 billion",
                "Other Expenditures: $263.7 billion"
            ]
        },
        options: {
            responsive: true,
            legend: {
                position: 'bottom',
            },
            title: {
                display: false,
                text: 'Chart.js Doughnut Chart'
            },
            animation: {
                animateScale: true,
                animateRotate: true
            }

        }
    };

    window.onload = function() {
        var ctx = document.getElementById("chart-area").getContext("2d");
        window.myDoughnut = new Chart(ctx, config);{

        }
    };


    </script>
</body>

</html>
trans by 2020-08-12T09:38:56Z

javascript-如何在Chrome中设置DOM断点

我正在尝试按照本教程进行操作。

我被困在DOM Breakpoints部分(在底部附近)。

我去了他们正在谈论的示例站点。 我按ctrl + shift + i并导航到“元素”标签。 在元素选项卡中,我找到了以下html部分:

<div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard">
</div>

现在,我一直在试图找到上下文菜单:

在#profileCard元素上显示一个上下文菜单,然后选择 您想破坏的事件:子树修改,属性 修改和节点删除

这是显示我所在位置的屏幕截图:

ss

trans by 2020-08-12T08:46:46Z

Javascript查找json值

我需要在国家/地区的json列表中进行搜索。 json就像:

[ 
{"name": "Afghanistan", "code": "AF"}, 
{"name": "Åland Islands", "code": "AX"}, 
{"name": "Albania", "code": "AL"}, 
{"name": "Algeria", "code": "DZ"}
]

我仅从数据库中获取代码,并会输出整个名称。 因此,如果我得到“ AL”,我想从json“ Albania”中检索

trans by 2020-08-12T06:11:59Z

javascript-如何修复Uncaught InvalidValueError:setPosition:不是LatLng或LatLngLiteral:在属性lat:不是数字中?

我正在尝试将我的Google Maps v2函数移植到v3。

但是不知何故,我陷入了一个奇怪的错误,但我找不到我在做错的事情。

错误:未捕获InvalidValueError:setPosition:不是LatLng或LatLngLiteral:在属性lat中:不是数字%7Bmain,adsense,geometry,zombie%7D.js:25

这是我的地图初始化:

var map = new google.maps.Map(document.getElementById("map"),{
  zoom:4
  size:new google.maps.Size(580,440),
  mapTypeControl: true,
  mapTypeControlOptions: {
    style:google.maps.MapTypeControlStyle.VERTICAL_BAR,
    position: google.maps.ControlPosition.BOTTOM_CENTER,
  },
  panControl: true,
  panControlOptions: {
    position: google.maps.ControlPosition.TOP_LEFT,
  },
  zoomControl: true,
  zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.LEFT_CENTER,
  },
  scaleConrol: true,
  scaleControlOptions:{
    position: google.maps.ControlPosition.TOP_LEFT ,
  },
});
map.setCenter(new google.maps.LatLng(49.477643, 9.316406));

这是我的错误部分:

function drawTraders(map, options) {
var traders_uri = options.traders_uri || '';
if ('' == traders_uri) {
    return false;
}

// get the informations
$.getJSON(traders_uri, function(data) {
    // look through the information
$.each(data.traders, function(i, trader) {
var icon = options.icon_image_uri;

var markerIcon = new google.maps.MarkerImage(icon,
    // This marker is 20 pixels wide by 32 pixels tall.
    new google.maps.Size(25, 25),
    // The origin for this image is 0,0.
    new google.maps.Point(0,0),
    // The anchor for this image is the base of the flagpole at 0,32.
    new google.maps.Point(0, 32)
);

var html = 'test';

/*Information from chromium debugger
trader: Object
    geo: Object
        lat: "49.014821"
        lon: "10.985072"

*/
var myLatlng = new google.maps.LatLng(trader.geo.lat,trader.geo.lon);

/*here is the error in new google.maps.Marker()*/
var marker = new google.maps.Marker({
    position:   myLatlng,
    map: map,
    icon : markerIcon,
});

var infowindow = new google.maps.InfoWindow({
    content: html
});
}

编辑:drawTraders的电话

 drawTraders(map, {
        traders_uri: "getTraders.php",
        icon_image_uri: "icon-cms.gif",
 });

我正在使用此示例信息窗口

编辑:

小提琴不起作用

小提琴有效

trans by 2020-08-12T06:02:06Z

javascript-在Socket.i中创建房间

我想请你帮忙。 我在socket.io的客户端上遇到了麻烦,我想在客户端调用以下代码以在socket.io中创建一个房间:

var rooms = [];
socket.on('create', function (roomname) {
    rooms[room] = room;
    socket.room = roomname;
            socket.join(roomname);
    subscribe.subscribe(socket.room);
});

我不知道这是否正确,如果不正确,请帮助我纠正这些家伙。 我不是在节点js和套接字方面专业的人,但是我已经阅读了他们的wiki。 有没有可能创造空间的方法?

trans by 2020-08-12T05:39:20Z

将属性添加到javascript数组

默认情况下,数组具有“长度”属性。

我可以向他们添加自定义属性吗?

不必让它们成为对象

trans by 2020-08-12T05:08:54Z

javascript-如何在firebase上执行sql“ LIKE”操作?

我正在使用Firebase进行数据存储。 数据结构如下:

products:{
   product1:{
      name:"chocolate",
   }
   product2:{
      name:"chochocho",
   }
}

我想对此数据执行自动完成操作,通常我这样编写查询:

"select name from PRODUCTS where productname LIKE '%" + keyword + "%'";

因此,以我的情况为例,例如,如果用户键入“ cho”,则需要同时携带“ chocolate”和“ chochocho”。 我考虑过将所有数据置于“产品”块下,然后在客户端进行查询,但是对于大型数据库而言,这可能需要大量内存。 那么,如何执行sql LIKE操作?

谢谢

trans by 2020-08-12T03:47:37Z

javascript-创建一个<ul>并根据传递的数组填充它

我已经设法根据矩阵内的一个指定数组(即数组内的数组)生成一系列列表项。

我希望能够将变量(表示数组)传递给函数,以便它可以根据传递到其中的数组吐出无序列表,其中填充了列表项。

问题:

  • 该函数一次只能使用一个数组
  • 它还会在标记中产生逗号(大概是因为它将数组转换为字符串)

解决方案需要:

  • 假设DOM中不存在无序列表
  • 能够接受传递给它的不同数组(options[0]options[1]等)
  • 生成没有逗号的列表项

JavaScript:

var options = [
        set0 = ['Option 1','Option 2'],
        set1 = ['First Option','Second Option','Third Option']
    ]

function makeUL(){
    var a = '<ul>',
        b = '</ul>',
        m = [];

    // Right now, this loop only works with one
    // explicitly specified array (options[0] aka 'set0')
    for (i = 0; i < options[0].length; i += 1){
        m[i] = '<li>' + options[0][i] + '</li>';
    }

    document.getElementById('foo').innerHTML = a + m + b;
}

// My goal is to be able to pass a variable
// here to utilize this function with different arrays
makeUL();

jsFiddle

trans by 2020-08-12T01:35:53Z

何时在JavaScript中使用Float32Array而不是Array

什么时候在浏览器应用程序中使用Float32Array而不是标准JavaScript Array有意义?

此性能测试表明Float32Array通常较慢-如果我正确理解标准Array将数字存储为64位-因此精度没有优势。

除了可能影响性能之外,Float32Array还具有可读性的缺点-必须使用构造函数:

a = new Float32Array(2);
a[0] = 3.5;
a[1] = 4.5;

而是数组文字

a = [3.5, 4.5];

我之所以这样问是因为我正在使用默认为Float32Array的glMatrix库,并且想知道是否有任何原因我不应该强迫它使用Array,而这将允许我使用数组文字。

trans by 2020-08-12T01:26:20Z

javascript-检测浏览器是否处于全屏模式

有什么方法可以可靠地检测浏览器是否以全屏模式运行? 我很确定没有可以查询的浏览器API,但是有人通过检查和比较DOM公开的某些高度/宽度度量来解决吗? 即使它仅适用于某些浏览器,我也有兴趣听说。

trans by 2020-08-12T00:43:49Z

验证-是否有办法在javascript中实现XOR

我正在尝试通过以下方式在javascript中实现XOR:

   // XOR validation
   if ((isEmptyString(firstStr) && !isEmptyString(secondStr)) ||
    (!isEmptyString(firstStr) && isEmptyString(secondStr))
   {
    alert(SOME_VALIDATION_MSG);
    return;
   }

有没有更好的办法在javascript中做到这一点?

谢谢。

trans by 2020-08-11T23:14:22Z

xml-是否有人使用javascript配置文件?

我们有特定于环境的javascript文件,因此我在考虑采用一种通用方法来读取XML(配置)文件来存储不同的特定于环境的设置。 我很想知道这里是否还有其他人(或者如果没有,您是否有理由这么做)?

trans by 2020-08-11T21:40:28Z

javascript-如何检测div元素中的溢出?

如何检测div元素中的垂直文本溢出?

CSS:

div.rounded {
   background-color:#FFF;
   height: 123px;
   width:200px;
   font-size:11px;
   overflow:hidden;
}

HTML:

<div id="tempDiv" class="rounded">
    Lorem ipsum dolor sit amet,
    consectetur     adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet. 
</div>
trans by 2020-08-11T21:17:34Z

javascript-如何确定从序列中删除子序列的所有可能方式?

给定两个序列A和B,我如何生成可以从A中删除B的所有可能方式的列表?

例如,在JavaScript中,如果我有一个函数removeSubSeq([1,1,2], [1])接受了两个可以满足我需要的数组参数,则它将按以下方式工作:

removeSubSeq([1,1,2], [1])将返回[ [1,2], [1,2] ],因为末尾的4将匹配,并且1可以匹配三个位置

removeSubSeq([1,1,2], [1])将返回[ [1,2], [1,2] ],因为第二个参数实际上不是子序列

removeSubSeq([1,1,2], [1])将返回[ [1,2], [1,2] ],因为有两种方法可以删除1,即使它导致重复

trans by 2020-08-11T20:43:39Z

javascript-Google Maps v3 API-自动完成(地址)

尝试自动完成我的Google Maps应用程序的工作。

这是当前代码:

的HTML

<input type="text" class="clearText" id="address" name="address" value="" size=20 autocomplete="off">

Java脚本

    var input = document.getElementById('address');
    var options = {
        componentRestrictions: {country: 'au'}
    };
    var autocomplete = new google.maps.places.Autocomplete(input, options);

不幸的是,键入地址时没有任何反应。

有任何想法吗?

提前致谢。

编辑:我实际上收到以下错误:

未捕获的TypeError:无法读取未定义的属性“自动完成”

不知道为什么,代码放在我的地图初始化函数中。

编辑2:固定。 请在下面回答。

trans by 2020-08-11T20:32:13Z

javascript-无法加载资源:net :: ERR_CONTENT_LENGTH_MISMATCH

此错误消息是什么意思,我该如何解决? 这是从Windows 7上的Google Chrome v33.0控制台获得的。

无法加载资源:net :: ERR_CONTENT_LENGTH_MISMATCH [http://and.img.url/here.png]

我正在尝试使用jQuery更改图像的src属性。 例如这样(简化):

$('.image-prld').attr('src', someDynamicValue);

页面上大约有30张图像。 每当我重新加载页面时,随机图像都会发生上述错误。 但是有时它对于所有图像都运行良好,没有任何错误。

发生此错误时,特定的图像显示如下:

enter image description here

但是,当我在新选项卡上打开错误消息旁边的链接时,图像正在加载,这从逻辑上说图像是有效的并且存在。

trans by 2020-08-11T19:03:30Z

javascript-将范围传递给forEach

我正在尝试使用回调方法addToCount而不是this中的匿名函数。但是我无法访问其中的addToCount(返回undefined)。

function Words(sentence) {
  this.sentence = sentence;
  this.count = {};
  this.countWords();
}

Words.prototype = {
  countWords: function() {
    var words = this.sentence.split(/\W+/);
    words.forEach(this.addToCount);
  },
  addToCount: function(word) {
    word = word.toLowerCase();
    if (word == '') return;
    if (word in this.count)
      this.count[word] += 1;
    else
      this.count[word] = 1;
  }
}

我认为问题是范围。 如何将this传递给addToCount或还有其他方法可以使它工作?

trans by 2020-08-11T12:54:58Z

php-正则表达式的变长lookbehind-assertion替代方法

在Python / PHP / JavaScript中是否存在支持可变长度lookbehind-assertion的正则表达式实现?

/(?<!foo.*)bar/

如何编写具有相同含义但不使用lookbehind-assertion的正则表达式?

是否有可能在一天之内实现这种断言?

我认为情况要好得多。

更新:

(1)已经有一些正则表达式实现支持变长后向断言。

Python模块正则表达式(不是标准re,而是其他regex模块)支持此类断言(并具有许多其他出色功能)。

>>> import regex
>>> m = regex.search('(?<!foo.*)bar', 'f00bar')
>>> print m.group()
bar
>>> m = regex.search('(?<!foo.*)bar', 'foobar')
>>> print m
None

对于我来说,令Perl和Python不能使用的正则表达式感到非常惊讶。 也许,Perl也有“增强的正则表达式”实现吗?

(感谢MRAB +1)。

(2)现代正则表达式中有一个很酷的功能regex

这个符号意味着当您进行替换时(从我的角度来看,断言最有趣的用例是替换),在regex之前找到的所有字符都不得更改。

s/unchanged-part\Kchanged-part/new-part/x

那几乎就像是一个后置断言,但是当然不是那么灵活。

有关regex的更多信息:

  • Perl正则表达式\ K技巧
  • PCRE Regex焦点:\ K

据我了解,您不能在同一正则表达式中两次使用\ K。 而且,直到说到要“杀死”您发现的角色,您都无法说出。 那总是一直到行的开始。

(感谢ikegami +1)。

我的其他问题:

  • 是否可以说regex效应的终点必须是哪一点?
  • Perl / Ruby / JavaScript / PHP的增强型正则表达式实现如何? 类似Python的regex
trans by 2020-08-11T12:12:52Z

如何使用JavaScript进行页面重定向?

这个问题已经在这里有了答案:

  • 如何重定向到另一个网页? 58个答案

我正在使用Yahoo解决方案建立购物中心网站。 我对商品有多个选择,某些商品的价格取决于选择。

雅虎不支持多种价格选择,因此我尝试为该问题找到解决方案。 我的想法之一是制作多个页面,然后根据选项重定向页面。 例如,如果客户选择模型A,则该页面将停留在显示$ 1000的页面A中。 如果客户选择模型B,则该页面将重定向到显示$ 500的页面B。

我已经使用JavaScript做出了动态选项,但是我想对其进行修改以重定向页面。 这是我页面的链接:

[HTTP://par seven.com/call away_Diablo edge_iron.HTML]

在页面中,中间有选项。 如果客户选择了他/她的手,它将显示选项“#4 Thru AW”,“ Lob Wedge”和“ Sand Wedge”。 如果客户选择“ Lob Wedge”或“ Sand Wedge”,则页面必须重定向到价格不同的页面。

PS:

我正在使用JavaScript生成依赖于先前选项的选项。 代码是:

<script type="text/javascript" language="javascript">
    <!--
    document.write('<select name="Iron(s)" onChange="javascript:     listboxchange     (this.options[this.selectedIndex].value);"><option value="">Select Iron(s)</option></select>')
    -->
</script>
trans by 2020-08-11T11:44:30Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共513页