小编Mow*_*zer的帖子

<neon-animated-pages>不适用于<paper-tabs>?

现在无法<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>元素标签一样.

工作守则

的index.html
<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)

不工作的代码

的index.html
<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)

polymer polymer-1.0

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

Polymer 1.x:如何将数据绑定到变量boolean属性?

如何将变量绑定到/作为元素的disabled属性<paper-checkbox>

根据我的代码的结果,看起来切换disabled属性的唯一方法是将disabled属性作为字符串包含在开始标记中.当然必须有办法将其作为变量切换?

链接到JSBin

http://jsbin.com/zecidojizu/edit?html,output
<!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)

data-binding html5 attributes polymer polymer-1.0

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

如何安装所有依赖项的Polymerfire?

我正在尝试安装和使用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.log

firebase-app.html:94
未捕获的ReferenceError:未定义firebase

firebase polymer firebase-polymer polymer-1.0 polymerfire

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

firebase-tools错误:EACCES:权限被拒绝

我正在尝试部署我的网络应用程序的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.

Terminal.sh
cd
cd .config/configstore
# Delete problematic files
rm firebase-tools.json
override rw-------  root/staff …
Run Code Online (Sandbox Code Playgroud)

unix npm firebase firebase-hosting firebase-tools

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

使用firebase-tools CLI更改目标Firebase ID

在命令行......

当我运行时firebase deploy,我收到以下错误:

错误:输入的凭据不正确.

当我运行时firebase deploy --debug,当您单击此处时,我会显示以下(更详细的)错误(和日志).(firebase-debug.log)

当我运行时firebase deploy --project good-project-id,我得到了预期的部署行为.

当我重新运行时firebase deploy,firebase deploy --debug我得到了已经描述过的相同错误.

如何进行适当的更改以消除运行时的错误firebase deploy

笔记:

command-line-interface firebase firebase-tools

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

如何使用带有 href 的锚标记的 querySelector?

我正在尝试使用 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)

我怎样才能做到这一点?什么是替代方案?

javascript jquery

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

如何在Reactjs中导出带有样式的无状态功能组件

我有一个名为 MyButtons.js 的文件,我想从中导出两个无状态功能组件,其中一个包含一个style变量。但我收到以下错误。

路径/to/MyButtons.js

SyntaxError:path/to/MyButtons.js:当前未启用对实验性语法“exportDefaultFrom”的支持 (64:8):

64 | 64 导出 withStyles(styles)({ AllButtonsRow, UDButtons, });

我究竟做错了什么?

我的按钮.js
import 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)

css reactjs jss

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

如何使用 got.js 使用不记名令牌进行身份验证

我正在尝试从 切换request.jsgot.js。我希望看到got.js实现与库的验证方式类似request.js。但是,我收到以下错误。

不再支持身份验证。替换为用户名和密码。

bearer文档页面上没有提及令牌。

那么我如何使用不记名令牌来验证我的请求got.js?或者我做错了什么?

当前代码:request.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)

javascript request node.js

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

用于填写 HTML 表单的 Google 脚本

我在谷歌脚本中创建了一个脚本,以获取电子表格并成功填写多个谷歌文档。我正在尝试将此逻辑应用于填写 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

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

如何使 Google Apps 脚本库始终提供最新版本

我有一个 Google Apps 脚本库。其他几个用户也订阅了该库。当我更新库时,我想将最新的更改推送给订阅者,而用户不需要采取任何额外的步骤,也许除了一些初步批准之外。

这可能吗?如果是这样,怎么办?

libraries google-apps-script

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

Polymer 1.x:观察员

最终,我想从这个geochart中选择个别状态.但是这个问题仅限于让观察者被标记_computeData为响应于改变selected状态数组而被激活.

通过以下步骤重现问题:

  1. 打开这个jsBin.
  2. 清除控制台.
  3. 选择德克萨斯州.

请注意控制台显示:

您选择了:科罗拉多州,南达科他州,德克萨斯州

这是预期的这条线:

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数组之后可以做些什么来使方法触发?

http://jsbin.com/wuqugigeha/1/edit?html,console,output
<!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)

javascript observers polymer polymer-1.0

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

如何查找文本文件的特定行并对其进行操作?

我有几个.c文件,我想找到行printf,对于那些行,我想//在它们之前添加注释掉代码.我可以使用python读取每个文件,进行转换,并将转换后的文本写回来,但它太复杂了.还有其他简单的方法吗?我考虑过sedawk,但我不知道如何编写表达式,或者是否可以使用sed/ 来完成此任务awk.

bash awk sed

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

React-如何将参数传递给事件处理程序

好的,所以我是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 reactjs

0
推荐指数
2
解决办法
1829
查看次数