小编Eug*_*nic的帖子

如何知道动态创建的脚本标签已执行?

我正在动态创建脚本标记:

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.charset = 'utf-8';
script.defer = true;
script.async = true;
script.text = 'some my javascript content here';
head.appendChild(script);

script.onload = function () {
    // this never get fired..
    debugger;
}
Run Code Online (Sandbox Code Playgroud)

如何在其他代码块中执行脚本时收到通知?也许有些事件?

谢谢!

javascript script-tag createelement

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

React pdf-renderer 不显示字符 ?, ? 和 ?

我在用着@react-pdf/renderer版本“1.6.8”。但是,我无法获取以下字符:\xc4\x8d\xc4\x87\xc4\x91。相反,获得空白空间。

\n\n

这些字符来自克罗地亚语,可以在其官方页面上进行测试。

\n\n

https://react-pdf.org/repl?example=page-wrap

\n\n

可能有人知道要设置什么或如何解决问题。在他们的官方文档中没有找到任何内容

\n\n

Github 问题:https://github.com/diegomura/react-pdf/issues/780

\n

javascript pdf reactjs react-pdf

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

数组中的最小数字和位置

我想要实现的是找到数组中的最小数字和它的初始位置.这是一个应该做的例子:

temp = new Array();
temp[0] = 43;
temp[1] = 3;
temp[2] = 23;
Run Code Online (Sandbox Code Playgroud)

所以最后我应该知道3号和1号位置.我也看了一下:在Javascript中从数组中获取最小值?,但这种方式并没有给我数组中的数字位置.任何提示或代码片段都表示赞赏.谢谢.

javascript arrays

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

React.js是否支持HTML5 datalist?

我正在尝试以最简单的方式实现HTML5 datalist元素.

像这样的东西:

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
Run Code Online (Sandbox Code Playgroud)

但这不起作用.如果不安装(npm)其他东西,我的下一步是什么.

基本上,我正在使用普通输入反应元素并希望嵌入数据列表.

这是我的反应代码:

    <input className={"custom_input inline "+this.isValidInteger(this.props.price.price_first,0,2000000)} 
    style={{marginRight:'5px'}} 
    value={this.props.price.price_first || ''} type="text"
    onChange={(e)=>this.props.dispatch({type:"price", payload:e.target.value})} 
    placeholder=" Unesite..." 
    maxLength="10"/>
Run Code Online (Sandbox Code Playgroud)

所以我想要一个下拉列表.

javascript html5 reactjs html-datalist

9
推荐指数
2
解决办法
7670
查看次数

iTextSharp替换现有PDF中的文本而不会失去形成

我一直在网上搜索2周,并为我的问题找到了一些有趣的解决方案,但似乎没有什么能给我答案.

我的目标是做下面的事情:

我想在静态PDF文件中找到一个文本,并将该文本替换为另一个文本.我想保留内容的设计.这真的很难吗?

我找到了办法,但我丢失了整个信息:

 using (PdfReader reader = new PdfReader(path))
        {

            StringBuilder text = new StringBuilder();
            for (int i = 1; i <= reader.NumberOfPages; i++)
            {
                text.Append(PdfTextExtractor.GetTextFromPage(reader, i));
                text.Replace(txt_SuchenNach.Text, txt_ErsetzenMit.Text);
            }

            return text.ToString();
        }
Run Code Online (Sandbox Code Playgroud)

我的第二次尝试更好,但需要我可以更改内部文本的字段:

 string fileNameExisting =path;
        string fileNameNew = @"C:\TEST.pdf";

        using (FileStream existingFileStream = new FileStream(fileNameExisting, FileMode.Open))
        using (FileStream newFileStream = new FileStream(fileNameNew, FileMode.Create))
        {
            // PDF öffnen
            PdfReader pdfReader = new PdfReader(existingFileStream);


            PdfStamper stamper = new PdfStamper(pdfReader, newFileStream);

            var form = stamper.AcroFields;
            var fieldKeys = form.Fields.Keys;
            foreach …
Run Code Online (Sandbox Code Playgroud)

c# pdf itextsharp

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

在 JavaScript 中检测任意子节点的点击并获取其 ID 属性

当父节点有多个子节点时,如何获取该元素的子节点ID?

<div id="parentID">
    <div id="id_1"></div>
    <div id="id_2"></div>
    <div id="id_3"></div>
    ...
    <div id="id_n"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

在上面的代码示例中,当用户单击某个子节点时,如何获取该子节点的 ID?

html javascript

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

如果Javascript中不存在,如何获取默认数组过滤器对象

我有一个数组:

const data = [
              {location: "Phnom Penh", sale: 1000 },
              {location: "Kandal", sale: 500 },
              {location: "Takeo", sale: 300 },
              {location: "Kompot", sale: 700 },
              {location: "Prey Veng", sale: 100 },
              {location: "Seam Reap", sale: 800 },
              {location: "Null", sale: 0}
            ];
Run Code Online (Sandbox Code Playgroud)

这是我的功能过滤器:

function getSale(data, arr) {
  return data
    .filter(el => arr.includes(el.location))
}
arr = getSale(data, ['Phnom Penh', 'AA', 'Kompot', 'BB']);
console.log(arr);
result: [{
    location: "Phnom Penh",
    sale: 1000
  },
  {
    location: "Kompot",
    sale: 700
  }
]
Run Code Online (Sandbox Code Playgroud)

如果在过滤器中找不到“AA”,我希望它获得“空”对象。

我的目的我想要这样的结果: …

javascript arrays

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

Chart.js的输出(列栏)在Opera浏览器中模糊了吗?

Opera版本:32.0.1948.69(输出在其他主流浏览器上运行正常).

有谁知道我怎么可能修复Chart.js的模糊性?

图表的宽度在这里不相关,无论我采取哪种尺寸,它总是具有一定程度的模糊性(特别是当悬停在柱子上时),我想消除它.

图片:

在此输入图像描述

小提琴示例:https://jsfiddle.net/eugensunic/1sg79n7x/1/

小提琴代码:

var array= [100, 59, 80, 333, 56, 55, 40]
var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [
        {
            label: "My First dataset",
            fillColor: "rgba(220,220,220,0.5)",
            strokeColor: "rgba(220,220,220,0.8)",
            highlightFill: "rgba(220,220,220,0.75)",
            highlightStroke: "rgba(220,220,220,1)",
            data: array
        }
     ]
};
 var options = {
        animation: true
    };
    var ctx = document.getElementById("myChart").getContext("2d");
    myNewChart = new Chart(ctx).Bar(data, options);
Run Code Online (Sandbox Code Playgroud)

编辑: Chrome和Opera之间的图片比较. 在此输入图像描述

html javascript css opera chart.js

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

使用 jest.mock('axios') 时如何模拟拦截器?

使用 jest 运行测试时,我有基本的测试服语法:

jest.mock('axios');

describe('app', () => {
    let render

    beforeEach(() => {
        axiosMock.get.mockResolvedValueOnce({
            data: {greeting: 'hello there'},
        }),
        render= renderApp()
    });

    test('should render something', () => {
        expect(something).toBeInTheDocument();
    });


});
Run Code Online (Sandbox Code Playgroud)

问题是我的代码中有拦截器,当使用 jest 命令输出运行测试时:

类型错误:无法读取未定义的属性“拦截器”

并指向拦截器对象

axiosInstance.interceptors.request.use(...

axiosInstance 是存储返回的变量 axios.create

export const axiosInstance = axios.create({...

在 SO How do I test axios in jest上参考了这个 axios 线程,但它不涉及任何拦截器,所以并没有真正的帮助。

reactjs jestjs axios react-testing-library

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

Write a function "groupBy(array, callback)"

I have a JavaScript task where I have to implement a function "groupBy", which, when given an array of objects and a function, returns an object where the input objects are keyed by the result of calling the fn on each of them.

Essentially, I have to write a function, "groupBy(array, callback)", returns an object where the following is returned.

For example:

  var list = [{id: "102", name: "Alice"},
              {id: "205", name: "Bob", title: "Dr."},
              {id: "592", name: "Clyde", …
Run Code Online (Sandbox Code Playgroud)

javascript callback

5
推荐指数
2
解决办法
631
查看次数