小编Max*_*Max的帖子

将Angular 2与React集成

有没有人看到使用Angular 2和React进行任何良好的集成？该视频表明可以:https://www.youtube.com/watch？v = XQM0K6YG18s

如果可能的话,我真的希望在我的新项目中有以下内容:

Angular 2 web worker,服务工作者 - https://www.oreilly.com/ideas/angular-2-and-the-future-of-html5-apps - 例如,将UI绘图和计算分开以在不同的CPU核心上运行
Redux数据流 - 例如,可以使用react-redux或ng2-redux将容器组件与表示组件连接
反应内联样式 - 例如Radium - http://stack.formidable.com/radium/,此视频解释了原因:https://www.youtube.com/watch？v = NoaxsCi13yQ

挑战:

如何在应该用Angular 2和React编写的代码之间画一条线
应该首先编译什么,React JSX或Typescript？- 此视频显示带有React的Typescript并不容易:https://www.youtube.com/watch？v = 9PTa9-PPVAc

我知道这个问题很可能没有明确的答案,但如果有人知道任何活跃的项目试图解决这个问题(我找不到它),它将大大有助于我的调查.

提前致谢.

2016年8月更新

值得指出的是react-typescript是可行的,现在有一个可靠的(由mobx创建者创建)样板mobx-react-typescript-boilerplate可用(对我来说,我没有尝试过这样的耻辱).

对于任何有兴趣的人来说,mobx是一个功能反应框架,可以很好地与React配合使用,并且可以在Redux之后使用.在Youtube上看到State Management很容易.

reactjs angular

Max*_*Max

2016 08-21

15
推荐指数

0
解决办法

1857
查看次数

如何设置sequelizejs以使用版本列？

如何设置 Sequelize 以使用自动增量版本号？

根据文档，我需要的只是设置 version: true: http://docs.sequelizejs.com/manual/tutorial/models-definition.html#configuration

第一次尝试：

import Sequelize from "sequelize";

export const sequelize = new Sequelize('my_connection', 'fake-user-name', 'fake-password', {
  host: 'localhost',
  dialect: 'postgres'
});

export const User = sequelize.define('user', {
  id: {type: Sequelize.STRING, primaryKey: true},
  name: {type: Sequelize.STRING, allowNull: false}
}, {
  underscored: true,
  tableName: 'r_users',
  version: true // <- here
});

Run Code Online (Sandbox Code Playgroud)

结果：没有创建版本列。

第二次尝试：

import Sequelize from "sequelize";

export const sequelize = new Sequelize('my_connection', 'fake-user-name', 'fake-password', {
  host: 'localhost',
  dialect: 'postgres'
});

export const User = sequelize.define('user', { …

Run Code Online (Sandbox Code Playgroud)

postgresql sequelize.js

Max*_*Max

lucky-day

6
推荐指数

0
解决办法

1044
查看次数

使用 Flex 布局时 Chrome 滚动条损坏

我正在尝试在设置为显示的div上自定义chrome滚动条：flex，滚动条已损坏（参见屏幕截图：屏幕截图显示双向上和向下箭头，并且水平滚动条缺少拖动部分）。

没有将div（.container）设置为display：flex看起来很好，但是我的系统充满了flex布局。

任何人都可以帮助解决这个问题吗？谢谢

<html>
<head>
    <style>
        ::-webkit-scrollbar-button:horizontal:decrement {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAiSURBVHgBY2BEAxQJMKAJMKAJMKAJMOATgIkQMBTBooZfAH56AO2yINTrAAAAAElFTkSuQmCC);
        }

        ::-webkit-scrollbar-button:horizontal:increment {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEA+QLMGAIMGAIMGAIMBAUIGQoZU5HAwB+ZgDtGYq3fgAAAABJRU5ErkJggg==);
        }

        ::-webkit-scrollbar-button:vertical:increment {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAfSURBVHgBY2BEA7QTYIAChAoYH6EFxkeYwQBj0MelAH3GAO2C9+AaAAAAAElFTkSuQmCC)
        }

        ::-webkit-scrollbar-button:vertical:decrement {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEAzQVYIAzYHwGGAvOZ4AyIXyECH1cCgB/GgDtpWTgqAAAAABJRU5ErkJggg==)
        }

        ::-webkit-scrollbar {
            height: 12px;
            width: 12px
        }

        ::-webkit-scrollbar-track {
            background-color: rgba(222, 222, 222, 0.8);
        }

        ::-webkit-scrollbar-button {
            background-color: rgba(170, 170, 170, 0.8);
        }

        ::-webkit-scrollbar-button:hover,
        ::-webkit-scrollbar-thumb {
            background-color: rgba(138, 138, 138, 0.8);
        }

        ::-webkit-scrollbar-corner {
            background-color: rgba(222, 222, 222, 0.8);
        }

        ::-webkit-scrollbar-button:horizontal:decrement,
        ::-webkit-scrollbar-button:horizontal:increment,
        ::-webkit-scrollbar-button:vertical:decrement,
        ::-webkit-scrollbar-button:vertical:increment {
            height: 12px;
            width: 12px;
            background-position: 50%;
        }

        .container { …

Run Code Online (Sandbox Code Playgroud)

html css google-chrome

Max*_*Max

2020 01-08

5
推荐指数

1
解决办法

783
查看次数

Firebase 身份验证公开了 firebaseAuthToken，它安全吗？

我正在尝试为我的 Firebase 应用程序提供 Google 登录。遵循https://www.firebase.com/docs/security/simple-login-overview.html

似乎在成功登录后，可以获得一个用户，因此它可以例如存储在 Angular 范围中 - 例如 $scope.loggedInUser。（根据您的实现，它不一定是 Angular）

我的问题是，Firebase 返回的具有大量身份验证令牌的用户是否存在安全风险？代码是用 Javascript 编写的，黑客应该能够通过在浏览器中嵌入一些代码来劫持和窃取用户。

引起我关注的位是：accessToken、firebaseAuthToken

如果这是一种风险，我们如何确保它？

请参考以下代码进行身份验证和用户数据：

这是身份验证的代码：

authModule.controller( 'AuthController', [
  '$scope',
  '$firebase',
  function ( $scope, $firebase ) {
    var ref = new Firebase( 'https://test123.firebaseio.com' );

    var auth = new FirebaseSimpleLogin( ref, function ( error, user ) {
      if ( user ) {
        $scope.loggedInUser = user; // user has authenticated, this user contains security information
      }
    } );

    $scope.login = function () {
      auth.login( "google", {
        scope: …

Run Code Online (Sandbox Code Playgroud)

angularjs firebase firebase-security angularfire firebasesimplelogin

Max*_*Max

2014 07-06

3
推荐指数

1
解决办法

1764
查看次数

当存在转义引号或括号外时,在逗号外部分割逗号

是否可以使用以下条件拆分字符串？

拆分,(即逗号)

在每个元素上,忽略在第一个'和最后一个'内查看逗号

在每个元素上,忽略在第一个(和最后一个)内检查逗号

例如

String source = "to_char(DATE, 'YYYY,MM,DD'), 'I am sad :(', to_char(DATE, ('YYYY(MM,DD)')), to_char(DATE, ('YYYY,MM,DD)')), to_char(DATE, ('YYYY(MM,DD')), NAME, to_char(DATE, '(YYYY)MM,DD'), CITY || ', (UK)', CITY || ', US''s CITY', CITY || ', UK'";

String[] expected = new String[]{
"to_char(DATE, 'YYYY,MM,DD')", 
"'I am sad :('",
"to_char(DATE, ('YYYY(MM,DD)'))", // brackets within quotes within brackets
"to_char(DATE, ('YYYY,MM,DD)'))", // missing open bracket in quotes
"to_char(DATE, ('YYYY(MM,DD'))", // missing close bracket in quotes
"NAME", 
"to_char(DATE, '(YYYY)MM,DD')", 
"CITY || ', (UK)'", 
"CITY || …

Run Code Online (Sandbox Code Playgroud)

java string split

Max*_*Max

2017 05-23

3
推荐指数

1
解决办法

160
查看次数