小编Ric*_*ard的帖子

使用JavaScript创建SVG标记

如何使用JavaScript创建SVG元素?我试过这个:

var svg = document.createElement('SVG');
    svg.setAttribute('style', 'border: 1px solid black');
    svg.setAttribute('width', '600');
    svg.setAttribute('height', '250');
    svg.setAttribute('version', '1.1');
    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
document.body.appendChild(svg);
Run Code Online (Sandbox Code Playgroud)

然而,它创建了一个零宽度和零高度的SVG元素.

javascript svg

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

在Javascript中调用函数的成本与否

相比:

if (myVariable) {
    doSomething()
}

function doSomething ()
{
    // Work goes here
}
Run Code Online (Sandbox Code Playgroud)

VS

doSomething();

function doSomething()
{
    if (myVariable) {
        // Work goes here
    }
}
Run Code Online (Sandbox Code Playgroud)

即我的问题是,在函数外部进行检查是否更快,并避免上下文切换(我认为这是正确的术语))或者只是在函数内部进行,因为它会产生如此微小的差异?

干杯.

javascript function

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

JavaScript ES6 const中的任何速度优势,而不是var/let

使用ES6"let"或"const"声明代替旧的忠实var会有任何速度优势吗?

javascript var const let ecmascript-6

7
推荐指数
0
解决办法
260
查看次数

如何在Apache中实现Brotli压缩?

我读到了关于Broli压缩的内容,并认为我不妨考虑支持它.

我读过的最近一篇文章提到了一个.br文件 - 所以它就像将index.br文件放在我的index.html文件一样容易吗?或者支持它意味着重新编译Apache?

compression brotli

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

HTML5 Canvas 支持和 Android Webview

我需要在我的应用程序中绘制图表。为此,我使用 RGraph(http://www.rgraph.net/);它允许使用 Javascript 绘制交互式图表。我将我的 javascript 代码放在应用程序资产中的 HTML 文档中,并从 ViewPager 中的片段调用它。

这是 HTML 和 javascript 代码:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<html>
<head>    
    <script src="./libraries/RGraph.common.core.js" ></script>
    <script src="./libraries/RGraph.common.dynamic.js" ></script>
    <script src="./libraries/RGraph.common.tooltips.js" ></script>
    <script src="./libraries/RGraph.common.effects.js" ></script>
    <script src="./libraries/RGraph.pie.js" ></script>
    </head>
<body background="../transparent.png"> 

    <canvas id="cvs" width="420" height="400">[No canvas support]</canvas>
           
    <script>
    
        function CreateGradient (obj, color)
        {
            return RGraph.RadialGradient(obj, 200, 150, 95, 200, 150, 125, color, color)
        }
        
        function isCanvasSupported(){
            var test_canvas = document.createElement("canvas");
            var canvascheck=(test_canvas.getContext) ? true : false ;           
          return canvascheck; …
Run Code Online (Sandbox Code Playgroud)

html javascript android canvas webview

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

如何编写文件检查代码以获得最佳性能

就低流量网站的速度而言,以下代码片段之间是否存在明显差异?

$html = file_get_contents('cache/foo.html');

if ($html) {
    echo $html;
    exit;
}
Run Code Online (Sandbox Code Playgroud)

或这个:

$file = 'cache/foo.html';

if (file_exists($file)) {
    echo file_get_contents($file);
    exit;
}
Run Code Online (Sandbox Code Playgroud)

在第一个片段中,有一个对 file_get_contents() 的调用,而在第二个片段中,也有一个对 file_exists() 的调用。该页面确实涉及数据库访问 - 而这种缓存将完全避免这种情况。

php file

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

检测构造函数中是否使用了新关键字?

在JS中的构造函数对象中,如果它是在没有new关键字的情况下创建的,则"this"变量是对窗口而不是对象的引用.尝试检测这个是一个特别明智的想法吗?

function MyObject ()
{
    if (this === window) {
        alert('[ERROR] Oopsy! You seem to have forgotten to use the "new" keyword.');
        return;
    }

    // Continue with the constructor...
}

// Call the constructor without the new keyword
obj = MyObject()
Run Code Online (Sandbox Code Playgroud)

javascript object

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

是否可以反转SVG的剪辑?

我在SVG元素上有一个矩形.然后我想在整个SVG区域绘制另一个矩形,除了我已绘制的矩形.

我想口罩可能是一个解决方案,但他们似乎行为就像剪裁-做我想要的东西.我试过这个:

<svg id="mySVG" width="600" height="250">
    <defs>
        <mask id="myMask" x="0" y="0" width="600" height="250" >
            <circle cx="25" cy="25" r="25" fill="white"/>
        </mask>
    </defs>

    <rect x="0" y="0" width="600" height="250" fill="red" mask="url(#myMask)"></rect>
</svg>
Run Code Online (Sandbox Code Playgroud)

所以我追求的是这张图片的反面.

javascript svg

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

如何“取消引用”一个对象?

在 JavaScript 中,如何解引用函数返回的对象?

例如这个:

var tmp = getTextProperties();
font   = tmp.font;
size   = tmp.size;
color  = tmp.color;
bold   = tmp.bold;
italic = tmp.italic;
Run Code Online (Sandbox Code Playgroud)

PHP 具有 list() 构造,它执行类似的操作:

list($font, $size, $color, $bold, $italic) = getTextProperties();
Run Code Online (Sandbox Code Playgroud)

javascript php

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

标签 统计

javascript ×7

php ×2

svg ×2

android ×1

brotli ×1

canvas ×1

compression ×1

const ×1

ecmascript-6 ×1

file ×1

function ×1

html ×1

let ×1

object ×1

var ×1

webview ×1