小编Eva*_*nss的帖子

有没有办法(例如firefox添加)可以让您将硬盘上的CSS文件加载到您正在查看的网站上？我正在寻找类似于firebug的东西,但我可以在其中进行更复杂的更改并刷新页面以查看它们的运行情况.

谢谢

这里有新手问题,但出于某种原因,我无法弄清楚这一点.我有以下CSS在我的iPhone上工作正常但不是我的Android.通过使用android查看jQuery Mobile演示,我知道它可以处理背景渐变.谢谢

.mydiv {
  background:    -moz-linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
  background: -webkit-linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
  background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
}

我需要在设备上访问我的本地开发环境(MAMP Pro).我已经将此工作正常用于我的非SSL网站,但我无法让它适用于我需要SSL的网站.

我的本地开发机器和我的设备都在同一个wifi网络上.在设备的wifi设置中,我将HTTP代理设置为手动,服务器是我的开发环境IP,端口是默认的8888(尽管如果我将其更改为8080仍然有效).

我已经local.site1.com在MAMP Pro中设置了一个虚拟主机条目.该url现在可以在我的本地开发环境和设备上运行.

如果我尝试访问我的SSL站点https://local.site2.com,这适用于开发环境,但设备会给出以下消息:

Safari cannot open the page.

错误是: "There was a problem communicating with the secure web proxy server (HTTPS).".

Charles Proxy似乎是使用hosts文件中指定的域名访问设备上的本地开发环境的标准方法,但是我很乐意使用任何有效的解决方案.

为什么在横向模式下iPad上没有拾取以下媒体查询？

@media all and (min-device-width: 1000px) {
    css here
}

要么

@media all and (min-width: 1000px) {
    css here
}

我希望这个css能够针对1000px或更宽的浏览器,而不仅仅是ipads.因此,如果可能的话,id更适合使用min-width的第二个选项而不是min-device-width.这两个版本都可以在我的电脑上使用firefox.谢谢

我有一个div,我需要给它一个角点.高度将根据其内容而变化,因此使用伪内容和边框(如下文中的内容)将无法使用.

http://css-tricks.com/snippets/css/css-triangle/

由于这是渐进式增强,我只需要支持现代浏览器.

我的React应用程序允许用户上传个人资料图片.这是通过将图像上传到Amazon S3存储桶并将路径存储到数据库中的图像以及图像上载的日期和时间来完成的.图像的文件名设置为用户的ID.

我在用户上传新图片时遇到问题.由于图像路径相同,React不知道有什么变化,这意味着我必须刷新页面才能看到变化.

由于我有一个日期字段,我可以使用componentWillReceiveProps来了解何时上传了新图像.以下console.log会在正确的时间触发:

componentWillReceiveProps(nextProps) {
    if (this.state.picDate.getTime() !== nextProps.user.pic.date.getTime()) {
        console.log('image date has changed');
        // this.forceUpdate();
    }
}

我可以用它来重新渲染图像吗？我试过this.forceUpdate()但它不起作用.

我正在使用 Graphcool 但这可能是一个通用的 GraphQL 问题。有没有办法使两个字段之一成为必需的？

例如说我有一个 Post 类型。帖子必须附加到组或事件。这可以在模式中指定吗？

type Post {
  body: String!
  author: User!
  event: Event // This or group is required
  group: Group // This or event is required
}

我的实际需求有点复杂。帖子可以附加到事件，也可以附加到组和位置。

type Post {
  body: String!
  author: User!
  event: Event // Either this is required, 
  group: Group // Or both Group AND Location are required 
  location: Location 
}

所以这是有效的：

mutation {
  createPost(
   body: "Here is a comment",
   authorId: "<UserID>",
   eventId: "<EventID>"
  ){
    id
  }
}

就像这样：

mutation { …

我正在使用Apollo Client,Graphcool和React.我有一个工作的登录表单,但我需要在用户登录时更新UI,我需要在不同的组件中进行此操作.

似乎apollo-link-state就是解决方案.我的代码似乎工作但我得到这个错误:

Missing field CurrentUserIsLoggedIn in {} 在 writeToStore.js

我的Apollo客户端设置:

import React from 'react';
import ReactDOM from 'react-dom';

// Apollo
import { ApolloProvider } from 'react-apollo';
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloLink, split } from 'apollo-link';
import { withClientState } from 'apollo-link-state';
import { WebSocketLink } from 'apollo-link-ws';
import { getMainDefinition } from 'apollo-utilities';

// Components
import LoginTest from './components/App/LoginTest';

const wsLink = new …

我正在尝试使用Graphcool,Apollo和React应用程序设置Auth0的通用登录.我的网站是一个静态托管Netlify的SPA.

我正在使用Graphcool的官方Auth0模板:https://github.com/graphcool/templates/tree/master/auth/auth0

但是,我在官方文档中找不到太多细节,所以我遵循本教程:https://medium.com/@quiaro/authentication-inside-a-graphcool-service-using-auth0-5056806d02f0

我有一个由登录组件调用的auth组件:

import React from 'react';
import auth0 from 'auth0-js';

export default class Auth {
    auth0 = new auth0.WebAuth({
        domain: 'MY-SITE.auth0.com',
        clientID: 'MY-CLIENT-ID',
        redirectUri: 'http://localhost:3000/callback',
        audience: 'https://MY-SITE.auth0.com/userinfo',
        responseType: 'id_token',
        scope: 'openid email',
    });

    login() {
        this.auth0.authorize();
    }
}

import Auth from './Auth';
class Login extends React.Component {
    render() {
        const auth = new Auth();
        auth.login();
        return (
            // Login message
        );
    }
}

正如预期的那样,这将我带到Auth0的页面,我可以登录,之后我被重定向回我的网站,并将参数添加到网址:

http://localhost:3000/callback#id_token=LONG-ID-TOKEN&state=STRING

如果我将LONG-ID-TOKEN粘贴到https://jwt.io/中,则信息似乎是正确的,并且表示签名有效:

标题:

{
  "typ": "JWT", …

当我导航到新页面时，“到达路由器”向下滚动到页面内容的标题上方（如果内容足够长）。我假设这是为了可访问性，但对于我的应用程序不是必需的，并且实际上是很麻烦的。可以禁用此行为吗？

请注意，我所说的是“到达路由器”而不是“反应路由器”。

到达路由器