草庐IT

前端开发工具

全部标签

javascript - Chartjs 不更新工具提示上的数据集标签

我正在尝试在ChartJS工具提示上显示数据集标签。通过设置它可以正常工作:Chart.defaults.global={multiTooltipTemplate:"-"}.但是当标签发生变化时,它不会在工具提示上更新,并且仍然显示以前的标签:myLineChart.datasets[0].label='newlabel';myLineChart.update();有什么想法吗? 最佳答案 与其尝试那样,您只需将代码放在图表选项中。它会正常工作。例子:varradarOptions={multiTooltipTemplate:"-"

javascript - 在没有 grunt 和 gulp 等构建工具的情况下使用 Javascript 框架?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭5年前。Improvethisquestion我正在尝试一些现代Javascript框架,例如Angular、React、Vue和Ember,它们都希望我使用构建工具,例如npm、grunt、gulp,maven等Web编程曾经很有趣。只需更改一些文件,刷新浏览器并查看它是否有效。现在每次我改变一些东西,我都必须重新构建它,这需要相当长的时间。我真的很讨厌看到网络编程变成这样。我知道甚至可以使用这些监视文件更改等的工具自动完成构建,但它仍然很糟糕。我

javascript - 我可以让 AngularJS 为 Facebook OpenGraph 抓取工具使用不同的 Controller 吗?

我有一个使用http-server提供的AngularJS应用程序我希望为Facebook动态填充元标记(og:title、og:description、og:image)和其他爬虫(如Slack)在社交媒体网站上发布丰富的链接。然而,这很棘手,因为那些抓取器会在Angular动态插入正确的值之前抓取原始HTML页面。因此,抓取工具会看到占位符值。here描述了此问题的一个解决方案。基本上:将已填充的所需og字段提供给scraper-bots静态HTML。我想这样做。但与作者不同的是,我没有使用Apache。在http-server中没有我知道的.htaccess文件。m我使用UI-R

javascript - 即使是开发模式,React 也会出现 Minified React 错误

我正在使用browserify和babel来转换和捆绑我的脚本。问题是当我使用React16时,它给我这个错误信息:UncaughtError:MinifiedReacterror#200;visithttp://facebook.github.io/react/docs/error-decoder.html?invariant=200forthefullmessageorusethenon-minifieddevenvironmentforfullerrorsandadditionalhelpfulwarnings.我知道这是什么意思,但我已经处于开发模式,而不是生产模式。//gul

javascript - 如何在没有 bundler 的情况下使用 Babel,但具有类似于 webpack 的开发体验?

我正在尝试使用ES6modules构建一个新项目没有捆绑。我还是想用babel-7将TypeScript和JSX翻译成JS。我发现很难弄清楚如何为它设置开发服务器。我找不到任何类似于webpack-dev-server的“babel-dev-server”(热模块重新加载、浏览器同步、文件观察器)。一种可能是使用browsersync作为静态服务器,例如dist并并行运行类似babelsrc--out-dirdist--watch的东西。但这不包括热重载,对我来说似乎有点笨拙。此外,如果您可以为JS文件提供哈希以更好地控制缓存,那么它对于构建和开发步骤仍然有用。或者我可以配置像webp

javascript - 我应该使用哪些 HTML5 Canvas 工具来构建纸牌游戏?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我想使用HTML5Canvas和JavaScript创建纸牌游戏,我想知道哪些Canvas工具可以让我的生活更轻松。我找到了CreateJS并做了一些笔记:用于简化与HTML5/CSS/JS的复杂交互的库/工具套件EaselJS-HTML5Canvas之上的抽象层SoundJS-HTML5音频抽象层TweenJS-用于动画HTML5和CSS属性的库(很酷的

javascript - Chrome 开发控制台中的自定义对象检查

我想知道—Chrome开发工具是否支持像Rubyinspect或ObjectiveCdescription方法来打印一些有意义的字符串,而不是在您探索时只显示对象构造函数名称控制台中的对象。所以在那种情况下——它不会显示“Crossing,Crossing,Crossing,...”,而是为每个对象显示一些自定义字符串(由该对象的方法生成)。附言。我知道有一个console.table方法可以产生一些不错的输出,但如果有一个更通用的对象格式仍然会很好。 最佳答案 您要查找的功能名称是自定义格式化程序基本上,您必须在Chrome中启用

javascript - 我的 addthis 工具箱 J​​avaScript 小部件在移动设备上不存在

我正在使用Ionicv1并在Chrome(ionic服务)和ViewApp(ionic上传)中进行测试。我将这个脚本包含在我的index.html中并添加了https://github.com/thisissoon/angular-addthis指令。在Chrome或firefox中查看我的ionic应用程序时,一切看起来都很棒。当我按下IonicView时,我的addthis按钮丢失了。在Chrome开发者工具中,任何响应式View或设备看起来都很棒。任何方向在这里都会有所帮助。我如何在IonicView中查看错误消息?为什么addthis.comjs小部件不能在移动设备上运行?TI

javascript - Chrome 开发工具的性能分析结果中的监听器

我一直在使用Chrome开发工具分析React应用程序,我发现Listener数量呈线性增长。看看下面的截图。Listeners为橙色。我将其缩小为在p标签内呈现一个简单的倒计时值。剩余时间每1000毫秒使用setInterval函数生成一次,然后在p标记内进行格式化和渲染。我使用create-react-app创建了一个简单的React应用程序,并修改了App.js的App组件内的代码以每秒更新Date.now()的值,当我运行时分析器,我得到了相同的结果。classAppextendsComponent{state={text:'',};loop(){this.setState({

javascript - Webpack 开发服务器不热重新加载 .vue 文件

一直在做一个项目,并确定HMR正在工作,如果我更新我的任何.js文件,webpack都会编译,并且模块会被替换掉。我正在处理一个.vue文件,webpack会重新编译,但没有super新鲜的HMR。希望有人可以看一下并告诉我是否有问题:我在cli中使用的脚本如下所示。webpack-dev-server--d--watch--output-path./public--config./_src/webpack.config.js--progress--env.dev我猜最重要的一点是:devServer:{contentBase:'public',hot:true,filename:'m