现在无法
<paper-tabs>
在自定义元素内部使用[[select]]
<neon-animated-pages>
.正确?
@FelixEdlemann的评论:
但我仍然没有找到将霓虹动画页面与纸张标签结合使用的解决方案.
@RobDodson在这个Youtube视频上似乎支持我的经验,即使用<paper-tabs>
(在自定义元素内部)<neon-animated-pages>
现在就会中断.
如果我错了.而如果是可以使用<paper-tabs>
到[[select]]
<neon-animated-pages>
,可能有人请张贴工作的例子吗?
我对这个理论的证明就是仅仅改变<iron-pages>
元素就会<neon-animated-pages>
导致以下代码从"工作"变为"不工作".
发生的事情是,在尝试使用时<neon-animated-pages>
,所有页面<my-view>
同时出现.就像没有<neon-animated-pages>
元素标签一样.
<my-view>...</my-view>
Run Code Online (Sandbox Code Playgroud)
我-view.html
<template>
<iron-pages class="flex" selected="[[selected]]">
<!--Changing only the above line to <neon-animated-pages breaks it-->
<my-page-1></my-page-1>
<my-page-2></my-page-2>
<my-page-3></my-page-3>
</iron-pages>
<paper-tabs selected="{{selected}}">
<paper-tab><iron-icon icon="home"></iron-icon></paper-tab>
<paper-tab><iron-icon icon="star"></iron-icon></paper-tab>
<paper-tab><iron-icon icon="perm-media"></iron-icon></paper-tab>
</paper-tabs>
</template>
Run Code Online (Sandbox Code Playgroud)
<my-view>...</my-view>
Run Code Online (Sandbox Code Playgroud)
我-view.html
<template>
<!-- The below tag is what seems …
Run Code Online (Sandbox Code Playgroud) 如何将变量绑定到/作为元素的
disabled
属性<paper-checkbox>
?
根据我的代码的结果,看起来切换disabled
属性的唯一方法是将disabled
属性作为字符串包含在开始标记中.当然必须有办法将其作为变量切换?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Polymer Bin</title>
<base href="http://element-party.xyz/">
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="all-elements.html">
</head>
<body>
<x-element></x-element>
<dom-module id="x-element">
<template>
<style>
paper-checkbox {
display: block;
margin-bottom: 30px;
}
</style>
<paper-checkbox >A</paper-checkbox>
<paper-checkbox disabled >B</paper-checkbox>
<paper-checkbox xdisabled >C</paper-checkbox>
<paper-checkbox disabled=true >D</paper-checkbox>
<paper-checkbox disabled="true" >E</paper-checkbox>
<paper-checkbox disabled=false >F</paper-checkbox>
<paper-checkbox disabled="false">G</paper-checkbox>
<paper-checkbox [[bool]] >H</paper-checkbox>
<paper-checkbox "[[bool]]" >I</paper-checkbox>
<paper-checkbox {{bool}} >J</paper-checkbox>
<paper-checkbox "{{bool}}" >K</paper-checkbox>
</template>
<script>
(function(){
Polymer({ …
Run Code Online (Sandbox Code Playgroud) 我正在尝试安装和使用Polymerfire <firebase-auth>
元素.但是,显然,我没有成功安装所有依赖项,例如firebase-sdk.
我尝试使用Bower命令模式来安装其他Polymer元素:
命令行bower install --save polymerfire/firebase-auth
Run Code Online (Sandbox Code Playgroud)
但是,显然,可能没有为Bower设置Polymerfire,我收到了以下错误.
致命:远程错误:
找不到存储库.
现在,我在Polymerfire bower.json文件中列出了以下依赖项:
bower.json...
"dependencies": {
"polymer": "Polymer/polymer#^1.2.0",
"firebase-sdk": "https://www.gstatic.com/firebasejs/3.0.0/firebase.js",
"app-storage": "polymerelements/app-storage#~0.9.0"
},
...
Run Code Online (Sandbox Code Playgroud)
但我不重复,我重申,我没有,在我的项目的bower_components目录中有任何firebase-sdk目录.
请帮我解开这个并正确地将Polymerfire的所有必要依赖项(包括firebase-sdk)安装到我的Polymer项目中.
当我执行以下命令时:
命令行bower install --save polymerfire
Run Code Online (Sandbox Code Playgroud)
它似乎工作.但是,当我检查我的bower_components目录时,我仍然没有看到任何firebase-sdk子目录,我仍然得到相同的控制台错误.单击此处以查看更详细地处理此错误的另一个问题.
的console.logfirebase-app.html:94
未捕获的ReferenceError:未定义firebase
我正在尝试部署我的网络应用程序的Firebase托管.
在命令行,当我键入时firebase deploy
,我收到以下错误.
注意:firebase deploy
只是一个例子.所有firebase
命令都会出现相同的错误.(例如,firebase --help
,firebase -v
,firebase login
,firebase logout
,等等)
/usr/local/lib/node_modules/firebase-tools/node_modules/configstore/index.js:53 throw err; ^
错误:EACCES:权限被拒绝,打开'/Users/mowzer/.config/configstore/update-notifier-firebase-tools.json'您无权访问此文件.
在
Object.fs.ope.SanSync(fs.js:549:18)
处的Object.fs.ope.SandSync(fs.js:397:15)
处于Object.create.all.get(/ usr/local/lib )处的错误(本机) 处 /node_modules/firebase-tools/node_modules/configstore/index.js:34:26)
在Object.Configstore(/usr/local/lib/node_modules/firebase-tools/node_modules/configstore/index.js:27:44)
at at
module.exports上的新UpdateNotifier(/usr/local/lib/node_modules/firebase-tools/node_modules/update-notifier/index.js:34:17) (/ usr/local/lib/node_modules/firebase-tools/node_modules/update-notifier/index.js:123:23)
在Object.(/ usr/local/lib/node_modules/firebase-tools/bin/firebase:5:48)
在Module._compile(module.js:409:26)
处于Object.Module._extensions..js(module.js:416) :10)
到目前为止,我所尝试的所有内容(包括每个CLI firebase
指令)都因拒绝访问而拒绝我.
我能做什么?我该怎么办?
(我在Mac OSX Yosemite v10.10.5和firebase-tools v3.0.3上)
编辑:当我这样做时sudo firebase deploy
,我收到以下错误.
错误:输入的凭据不正确.
我试图删除问题文件,然后重新安装firebase-tools
.
cd
cd .config/configstore
# Delete problematic files
rm firebase-tools.json
override rw------- root/staff …
Run Code Online (Sandbox Code Playgroud) 在命令行......
当我运行时firebase deploy
,我收到以下错误:
错误:输入的凭据不正确.
当我运行时firebase deploy --debug
,当您单击此处时,我会显示以下(更详细的)错误(和日志).(firebase-debug.log)
当我运行时firebase deploy --project good-project-id
,我得到了预期的部署行为.
当我重新运行时firebase deploy
,firebase deploy --debug
我得到了已经描述过的相同错误.
如何进行适当的更改以消除运行时的错误firebase deploy
?
笔记:
我正在尝试使用 dropzone 并且我有一个锚标记,我需要向它添加一个事件单击,但是我完成此操作的方式会返回错误。
网址:
<a href="#new-intervention">Criar Intervenção</a>
Run Code Online (Sandbox Code Playgroud)
查询:
var myDropzone = this;
this.element.querySelector("a[href=#new-intervention]").addEventListener("click", function(e) {
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
});
Run Code Online (Sandbox Code Playgroud)
并在控制台中返回给我:
Uncaught DOMException: Failed to execute 'querySelector' on 'Element': 'a[href=#new-intervention]' is not a valid selector.
Run Code Online (Sandbox Code Playgroud)
我怎样才能做到这一点?什么是替代方案?
我有一个名为 MyButtons.js 的文件,我想从中导出两个无状态功能组件,其中一个包含一个style
变量。但我收到以下错误。
路径/to/MyButtons.jsSyntaxError:path/to/MyButtons.js:当前未启用对实验性语法“exportDefaultFrom”的支持 (64:8):
64 | 64 导出 withStyles(styles)({ AllButtonsRow, UDButtons, });
我究竟做错了什么?
我的按钮.jsimport React from 'react';
import { withStyles, } from '@material-ui/core';
const styles = theme => ({
button: {
margin: theme.spacing.unit,
},
});
const MyRegularButton = props => (<Button>Click me!</Button>);
const MyStyledButton = props => (<Button className={classes.button}>Click me!</Button>);
export withStyles(styles)({ MyRegularButton, MyStyledButton, });
Run Code Online (Sandbox Code Playgroud) 我正在尝试从 切换request.js
到got.js
。我希望看到got.js
实现与库的验证方式类似request.js
。但是,我收到以下错误。
不再支持身份验证。替换为用户名和密码。
bearer
文档页面上没有提及令牌。
那么我如何使用不记名令牌来验证我的请求got.js
?或者我做错了什么?
const request = require('request');
const module.exports = config => {
const options = {
auth: {
bearer: config.secret,
},
};
const result = await new Promise(( resolve, reject, ) => {
request.get( url, options, ( error, response, body, ) => {
...
Run Code Online (Sandbox Code Playgroud)
新代码:got.js,抛出错误
const got = require('got');
module.exports = async config => {
const options = {
auth: {
bearer: config.secret,
},
}; …
Run Code Online (Sandbox Code Playgroud) 我在谷歌脚本中创建了一个脚本,以获取电子表格并成功填写多个谷歌文档。我正在尝试将此逻辑应用于填写 HTML 表单,基本上,我们需要用户生成的信息(在我们的谷歌表中)来填写网页上的 HTML 表单。
如何让以下函数不仅打开而且写入数据?
这就是我所在的位置(仅使用示例网页):
function testNew(){
var js = " \
<script> \
window.open('https://colorlib.com/etc/cf/ContactFrom_v1/index.html', '_blank', 'width=800, height=600'); \
google.script.host.close(); \
</script> \
";
var html = HtmlService.createHtmlOutput(js)
.setHeight(10)
.setWidth(100);
SpreadsheetApp.getUi().showModalDialog(html, 'Now loading.'); // If you use this on Spreadsheet
// DocumentApp.getUi().showModalDialog(html, 'Now loading.'); // If you use this on Document
// SlidesApp.getUi().showModalDialog(html, 'Now loading.'); // If you use this on Slides
}
Run Code Online (Sandbox Code Playgroud)
这是我对谷歌文档所做的一个例子,试图在表单中复制:
function myFunction() {
var data = Sheets.Spreadsheets.Values.get('google sheet ID HERE', 'A2:R300');
// google doc …
Run Code Online (Sandbox Code Playgroud) html javascript web-crawler google-sheets google-apps-script
我有一个 Google Apps 脚本库。其他几个用户也订阅了该库。当我更新库时,我想将最新的更改推送给订阅者,而用户不需要采取任何额外的步骤,也许除了一些初步批准之外。
这可能吗?如果是这样,怎么办?
最终,我想从这个geochart中选择个别状态.但是这个问题仅限于让观察者被标记_computeData
为响应于改变selected
状态数组而被激活.
通过以下步骤重现问题:
请注意控制台显示:
您选择了:科罗拉多州,南达科他州,德克萨斯州
这是预期的这条线:
console.log('You selected: ' + this.selected); // Logs properly
Run Code Online (Sandbox Code Playgroud)
但是,我希望控制台也能读到:
选
按此行:
_computeData: function() {
console.log('selected'); // Does not log properly; function not called?
...
Run Code Online (Sandbox Code Playgroud)
应该由以下一组观察员调用.
http://jsbin.com/wuqugigeha/1/edit?html,console,output...
observers: [
'_computeData(items.*, selected.*)',
'_dataChanged(data.*)',
],
...
Run Code Online (Sandbox Code Playgroud)
这里发生了什么?观察者为什么不调用该_computeData
方法?在改变selected
数组之后可以做些什么来使方法触发?
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<base href="https://polygit.org/components/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link href="polymer/polymer.html" rel="import">
<link href="google-chart/google-chart.html" rel="import"> </head>
<body>
<dom-module id="x-element"> <template>
<style>
google-chart …
Run Code Online (Sandbox Code Playgroud) 我有几个.c
文件,我想找到行printf
,对于那些行,我想//
在它们之前添加注释掉代码.我可以使用python读取每个文件,进行转换,并将转换后的文本写回来,但它太复杂了.还有其他简单的方法吗?我考虑过sed
和awk
,但我不知道如何编写表达式,或者是否可以使用sed
/ 来完成此任务awk
.
好的,所以我是React的新手,关于事件处理程序的一件事确实让我非常困扰:我似乎无法获得关于如何将参数传递给他们的直接答案。到目前为止,我已经看到了两种方法:
绑定props.squareClick.bind(this, argument)
Run Code Online (Sandbox Code Playgroud)
排队
onClick={() => props.squareClick(argument)}
Run Code Online (Sandbox Code Playgroud)
我一直在阅读的最重要的是性能成本。因为内联函数或具有Bind的函数在重新渲染时被视为全新的函数,所以会产生额外的GC开销,并且对于类组件,它可能会破坏PureComponent的shouldComponentRender的浅层检查。
然后有人说这是过度优化,我不应该担心它,而只是使用内联函数。这很酷,但是老实说,所有这些矛盾的信息都让我感到困惑。
因此,我将包含一个代码示例。它取自我为练习React而制作的一个Tic-Tac-Toe应用程序。它是板上单个Square的功能组件。该组件可用于所有正方形,并且会将一个键作为道具传递(即TOP_LEFT)以指示它是哪个正方形。还有一个单击处理程序,当单击Square时,会将事件发送回父组件。为了使单击处理程序知道单击了哪个Square,该key属性作为参数传递。
请查看此代码,并给我反馈。这是React可接受的做法吗?它会导致性能下降吗?这种性能下降会是实质性的吗?最后,如果您的回答是我不应该这样做,请向我明确说明一种更好的做法。
import React from 'react';
const Square = props => {
return (
<div onClick={() => props.squareClick(props.key)}>
<p>{props.value}</p>
</div>
);
};
export default Square;
Run Code Online (Sandbox Code Playgroud) javascript ×5
polymer ×4
polymer-1.0 ×4
firebase ×3
reactjs ×2
attributes ×1
awk ×1
bash ×1
css ×1
data-binding ×1
html ×1
html5 ×1
jquery ×1
jss ×1
libraries ×1
node.js ×1
npm ×1
observers ×1
polymerfire ×1
request ×1
sed ×1
unix ×1
web-crawler ×1