草庐IT

HTML+CSS+JS

全部标签

javascript - HTML5 音频未在本地主机的 React 应用程序中播放

我正在使用React.js和HTML5网络音频javascriptAPI制作一个mp3播放器。我刚刚学习React两周,所以我只是习惯了结构和设置(使用组件等),但是我有几年的JavaScript经验。我在浏览器中使用React时让mp3播放器正常工作。IE。我有一个index.html文件,我包含了React脚本,如下所示:现在我想习惯使用命令行和本地主机构建React应用程序,因此我开始重写代码以在该环境中使用。我首先按如下方式创建骨架应用程序:create-react-appmy-appcdmy-app/npmstart然后我添加了我自己的组件等。该应用程序在localhost:

javascript - typescript + moment.js : error TS2307: Cannot find module 'moment'

我正在开发一个网络应用程序,使用angular1.5、typescript2.4.0、moment:2.18.1和gulp进行项目组装。这是我的tsconfig.json:{"files":["src/app/main.ts","types/**/*.ts"],"compilerOptions":{"noImplicitAny":false,"target":"es2015","allowSyntheticDefaultImports":true}}在我的date-range-picker.component.ts中。我正在导入时刻库,正如maindocumentation中所建议的那

javascript - Electron 生成器 : Not allowed to load local resource: app. asar/build/index.html

我在使用electronbuilder时遇到问题,控制台出现空白页面和错误:Notallowedtoloadlocalresource:file:///C:/Users/emretekince/Desktop/DCSLogBook/client/dist/win-unpacked/resources/app.asar/build/index.html主要.jsconststartUrl=process.env.ELECTRON_START_URL||url.format({pathname:path.join(__dirname,'/build/index.html'),protoco

javascript - 如何更改 D3.js 中的最后一个刻度值?

假设我有这样的东西:|------|------|------|------|------|------|------|------|01020304050607080如何更改最后一个值80到>80我试过了,.tickValues();编辑.domain()等等 最佳答案 您需要使用.tickFormat来更改刻度文本。最简单的方法是检查特定刻度的数据是否等于80,如下所示,然后修改该刻度。但是请注意,d3会尝试优化刻度,如果d3决定它不想在80处进行刻度,则此检查将不起作用,在这种情况下使用.tickValues可以确保刻度是在您

javascript - 在同构 React 应用程序中渲染 HTML 字符串

存在非SPA场景,使用经过净化但随机的HTML字符串作为输入:.........该字符串源自WYSIWYG编辑器,包含嵌套的常规HTML标记和有限数量的应呈现给小部件的自定义元素(组件)。目前像这样的HTML片段应该在服务器端(Express)单独呈现,但最终也会作为同构应用程序的一部分在客户端呈现。我打算使用React(或类似React的框架)来实现组件,因为它可能适合这种情况-它是同构的并且可以很好地呈现部分。问题是像这样的子串应该变成JSX/TSX组件在某些时候,我不确定什么是正确的方法,但我希望它是一个常见的任务。如何在React中解决这个问题? 最

javascript - 更改 Button 元素的类以显示/隐藏它

我正在尝试根据代码中的特定条件显示或隐藏按钮元素。我已使用display:none将按钮的默认css设置为“隐藏”它,然后添加一个将显示更改为display:block的类。HTML:SHOWCSS:#show{display:none;}#show.visible{display:block;}JS:vard=document.getElementById('show');d.className+="visible";我也试过:vard=document.getElementById('show');d.classList.add("visible");还有:documnet.get

javascript - Angular AOT : ERROR in ng component html file : Expected 0 arguments, 但得到 1

最初我在发布angular.net核心SPA应用程序时遇到以下错误:Can'tresolverxjs/operatorsinrelease\directives我已经通过将rxjs版本更新到5.6解决了这个问题。现在在发布应用程序时出现以下错误:WARNINGinEnvironmentPlugin-NODE_ENVenvironmentvariableisundefined.Youcanpassanobjectwithdefaultvaluestosuppressthiswarning.Seehttps://webpack.js.org/plugins/environment-plug

javascript - node.js 中 require ('.' ) 的用途是什么

我正在阅读一份node.jscli模块文档,它有这样一行。我知道我们可以像这样包含外部模块,但不知道“.”有什么用。同时需要一个模块;constfoo=require('.');谁能告诉我它有什么用,或者为什么这样用。 最佳答案 它将在您运行的文件夹中导入索引文件,您的文件将清空require语句。如果您没有在require()参数中指定任何文件名(仅提供文件夹引用),Javascriptrequire模块将尝试查找index.js文件。基本上它是constfoo=require('./index.js');的别名index.jsm

javascript - 如何从父组件将类应用到 Vue.js 功能组件?

假设我有一个功能组件:Somefunctionalcomponent现在我在一些带有类的父级中渲染这个组件:结果DOM没有将new-class应用于Functional子组件。现在据我了解,Vue-loader将Functional组件针对render函数context编译为explainedhere.这意味着类不会被直接应用和智能合并。问题是-如何在使用模板时让函数式组件与外部应用的类很好地配合?注意:我知道可以通过渲染函数轻松实现:Vue.component("functional-comp",{functional:true,render(h,context){returnh("

javascript - 如何在 JS 中使用递归在嵌套数组中查找对象

考虑以下深度嵌套数组:constarray=[{id:1,name:"bla",children:[{id:23,name:"bla",children:[{id:88,name:"bla"},{id:99,name:"bla"}]},{id:43,name:"bla"},{id:45,name:"bla",children:[{id:43,name:"bla"},{id:46,name:"bla"}]}]},{id:12,name:"bla",children:[{id:232,name:"bla",children:[{id:848,name:"bla"},{id:959,name