小编ser*_*ays的帖子

如何更新React中的嵌套状态属性

我试图通过使用这样的嵌套属性来组织我的状态:

this.state = {
   someProperty: {
      flag:true
   }
}
Run Code Online (Sandbox Code Playgroud)

但是像这样更新状态,

this.setState({ someProperty.flag: false });
Run Code Online (Sandbox Code Playgroud)

不起作用.怎么能正确完成?

javascript setstate ecmascript-6 reactjs

288
推荐指数
13
解决办法
18万
查看次数

对于iPad和iPhone,apple-touch-icon.png的尺寸应该是多大?

是否支持大于60x60的Apple触控图标,如果支持,我应该在iPad和iPhone上使用哪些尺寸?

iphone icons ipad

126
推荐指数
8
解决办法
13万
查看次数

什么是AMP HTML以及它如何适应框架/工具X?

好的,所以我们大概都听说过Google的AMP HTML.

我很好奇的是它如何适应我们现有的工作流程.如果您正在编写React或Angular应用程序,AMP HTML如何适应开发过程?这些框架中的每一个都已经有了定义组件的方法,看起来AMP只是添加到堆栈中.

我们大多数人已经在使用浏览器或webpack等其他工具.我不太清楚AMP是如何与其他人匹配的.其中一些工具已经允许我们以优化的方式为我们的网站提供服务.AMP HTML将改变这一切多少?

html javascript angularjs reactjs amp-html

56
推荐指数
2
解决办法
8309
查看次数

我怎样才能确保浮点数总是用PHP舍入?

如果存在任何小数,我想确保PHP中的浮点数被舍入,而不必担心数学舍入规则.此功能将如下工作:

1.1 to 2
1.2 to 2
1.9 to 2
2.3 to 3
2.8 to 3
Run Code Online (Sandbox Code Playgroud)

我知道round()函数存在,但如果找到任何小数,我看不到任何舍入函数.有没有简单的方法来做到这一点?

php floating-point precision rounding ceil

27
推荐指数
4
解决办法
3万
查看次数

如何使用棱角材料主题?

我为Angular Material做了一个种子项目,想要查看框架提供的一些功能.我的HTML工作正常,其他一些ng操作也运行良好.

当我尝试检查表单功能时,页面呈现但主题和其他操作不起作用.当我探索表单功能时,我指的是Angular Material input演示.我已经包含了主题模块,但它不起作用.

Module.js

var app = angular.module('Tool', ["ng","ngAnimate","ngAria", 'ngMaterial','ngMessages', 'ui.router', 'ngCookies', 'ngResource','ngRoute', 'satellizer', 'myConfig.config'])
    .config(function($authProvider,$mdThemingProvider) {
        $authProvider.google({
            clientId: 'XXXXXX',
            url: '/auth/google',
            authorizationEndpoint: 'https://accounts.google.com/o/oauth2/auth',
            redirectUri: "http://localhost:8585" || window.location.origin || window.location.protocol + '//' + window.location.host,
            requiredUrlParams: ['scope'],
            optionalUrlParams: ['display'],
            scope: ['profile', 'email'],
            scopePrefix: 'openid',
            scopeDelimiter: ' ',
            display: 'popup',
            type: '2.0',
            popupOptions: { width: 452, height: 633 }
        });

        $mdThemingProvider.theme('docs-dark', 'default')
        .primaryPalette('yellow')
        .dark();

    });    
Run Code Online (Sandbox Code Playgroud)

Route.js

'use strict';

/**
 * Route configuration.
 */
angular.module('Tool').config(['$stateProvider', '$urlRouterProvider', …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs material-design angular-material

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

Styled-Components 的 .attrs() 函数的用例是什么?

.attrs()在 styled components 中遇到了这个函数,但我不明白它的作用,或者它有什么不同

我试图理解他们文档中的示例,但就我而言,我可以在没有该attrs()功能的情况下做完全相同的事情。

有人可以向我解释一下或举一个简单的例子吗?

html javascript reactjs styled-components

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

在组件内获取 Next.js 数据的最佳实践

我有一个全局显示的菜单组件。将数据导入该组件的最佳实践是什么?

我正在尝试利用 Next.js 提供的静态生成,但Next.js 团队的所有数据获取指南都与页面相关。getStaticProps并且getStaticPaths似乎与页面生成有关,而不是组件数据。他们的SWR包裹是正确的答案,还是 Apollo Client?

通常在基于钩子的 React 中,我只是将我的数据调用放入useEffect. 我不确定如何推断出所有内容都是在构建时使用 Next.js 渲染的。

javascript reactjs next.js apollo-client

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

加速移动页面(AMP)中的SVG部分是否支持IMG标记?

我在AMP网站中使用了以下SVG代码,但它无法正常工作:

<image style="overflow:visible;" width="324" height="180" 
     xlink:href="data:image/jpeg;base64, /9j/4AAQSkZ....">
--html</image>
Run Code Online (Sandbox Code Playgroud)

我需要AMP在我正在处理的更大项目中使用SVG文件:

http://flexedd-amp-2.azurewebsites.net/IssuesContent/WRI/Mitigation_Goal_Executive_Summary/pages/4-09-v/Page-1-4-09-V.svg

目前,我必须在AMP-HTML文档中使用SVG文件作为SVG图像,如下例所示:http://www.flexedd.com/#amp

html amp-html

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

使用 Gatsby.js,如何添加特定于路由的 og:image 元标记?

我已经使用以下代码在 React Helmet 中为我的根路由设置了社交共享图像:

<meta property="og:url" content="https://foo.com" />
<meta property="og:image" content="https://myhostedimg.png" />
Run Code Online (Sandbox Code Playgroud)

我有一个单独的路由,或 Gatsby 中的“页面”,我想为其设置另一个og:image值。由于没有任何链接og:imageog:url,我如何在我的页面上指定自定义og:urlog:image链接?

javascript facebook-opengraph reactjs gatsby react-helmet

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

如何在CSS中转义单引号或双引号?

我有以下HTML代码:

<div id="working">Touch Me!</div>
<div id="notworking">Don't Touch Me!</div>
Run Code Online (Sandbox Code Playgroud)

我有这个CSS:

#working:hover:after{
    content: "Nice Touch";
    color: #0C6;
}
#notworking:hover:after{
    content: "I Said Don't Touch Me";
    color: #C30;
}   
Run Code Online (Sandbox Code Playgroud)

这段代码工作正常(我的例子在这里):http: //jsfiddle.net/gchoken/NaEPq/

我的问题是,当我使用双引号时"I Said Don't Touch Me",我会收到警告.

CSS:

#notworking:hover:after{
    content: ""I Said Don't Touch Me"";
    color: #C30;
}  
Run Code Online (Sandbox Code Playgroud)

警告信息:

Warning: Found unclosed string '";'.
Run Code Online (Sandbox Code Playgroud)

那么,我怎样才能在CSS中转义单引号或双引号?

html css quotes parsing escaping

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