小编zer*_*ero的帖子

在谷歌cdn上找不到有角度的路线js

这似乎是一个非常基本的问题,但我似乎无法在谷歌开发者cdn上找到路径角度资源(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.route. js)即使官方文档说要在那里找到它(https://code.angularjs.org/1.4.7/docs/api/ngRoute)我知道我可以使用bower或npm将它们包含在我的项目中,但是我希望获得通过cdn(特别是谷歌)提供的静态文件的好处

javascript cdn angularjs ngroute

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

CSS3 scale()导致div变为像素化

我注意到,当动画CSS3时,scale()它似乎像素化了它所使用的每个元素.

示例:http://jsfiddle.net/PD7Vh/2/

在上面的示例中,scale()当您将鼠标悬停在中心div上时,将像素化为像素化.

我的css设置是错误的,还是这scale()自然是什么?

以下是Windows 7上Chrome的屏幕截图:

css webkit css3

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

反应redux redux-saga的集成测试

我有这样的项目结构:

app/
  global/
    styles/
    components/
  scenes/
    Home/
      actions.js
      constants.js
      index.jsx
      reducer.js
      sagas.js
      styles.styl
      index.spec.jsx
    some-other-scene/
      actions.js
      constants.js
      index.jsx
      reducer.js
      sagas.js
      styles.styl
      index.spec.jsx
Run Code Online (Sandbox Code Playgroud)

所以我对使用这种结构的单元测试没有任何问题,但我对如何构建集成测试感到困惑.对于我的单元测试,我将每个场景组件导出为一个类

export class SomeComponent extends Component {}
Run Code Online (Sandbox Code Playgroud)

并作为redux连接组件

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(SomeComponent)
Run Code Online (Sandbox Code Playgroud)

因此,对于第一种导出方式(类)我是单元测试它,但对于第二种方式(连接组件方式),我不确定如何具体如何在react/redux中进行集成测试.我在互联网上搜索了这个,但没有任何接近这个结构.

所以:

  1. 是react/redux/middleware(在这种情况下是redux saga)中的集成测试,一个组件如何与redux和中间件集成.
  2. 或者它是关于整个应用程序如何与所有安装的组件一起工作?
  3. 如果它是#1这意味着每个组件应该有一个集成测试文件来测试组件如何与redux和中间件集成,或者如果它是#2那么它是一个测试文件,将所有组件测试为一个应用程序?

另外,如果它是#1那么我应该如何通过反应路由器测试路由?

integration-testing reactjs redux redux-saga react-redux

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

Vanilla JavaScript中的MVC

我现在处于这样的地步,我真的希望以一种使其更具可扩展性和可管理性的方式组织我的代码.我想在不使用框架的情况下更好地理解javascript中的MVC架构.

所以这就是我到目前为止所理解的(如果我错了请请纠正我):

模型:网站/网络应用程序内容(图片,副本,可下载内容等)的有组织结构,它还具有操作内容所需的逻辑.所以在javascript中,模型可以是JSON对象,也可以是对检索/更新数据库的php文件的调用,模型的逻辑可以是负责解析,正则表达和组织内容的函数,这样就可以将其交给关闭视图?

视图:用户界面和模型数据/内容的可视化表示.它唯一的工作是显示内容并接受用户输入(如果适用)?

控制器:控制器的唯一作用是作为模型和视图之间的中介吗?例如,如果视图需要数据,它会询问控制器谁然后去模型获取数据然后将其发送回视图?如果有任何用户输入,视图会将其发送给控制器,控制器然后将其发送到模型,然后更新,然后控制器通知视图模型已更新?

对于我来说,MVC一直并且仍然是一个混乱的点,并且事实上已经声明MVC在javascript中不是一个自然的事情(至少不像在php,java,actionscript等......)

javascript model-view-controller

6
推荐指数
2
解决办法
4197
查看次数

哪个是将标记注入iframe的最简单方法?

我正在使用react来构建一个应用程序,允许最终用户输入他们自己的html/css,我想通过iframe将他们的代码与主应用程序隔离(是的,我知道保存标记到数据库是坏的,但它是在这个实例中需要)所以用户将在一个字段中输入他们的标记,然后我希望通过服务器将数据拉入iframe,但我注意到反应不能用iframe这种方法很好dangerouslySetInnerHTML但是没有运气,并且对caniuse的评价srcDoc不适用于任何版本的IE/edge.还有这里概述的方法:https://developer.zendesk.com/blog/rendering-to-iframes-in-react但它似乎非常复杂和脆弱.

有没有办法通过反应将标记注入iframe?

html javascript css iframe reactjs

6
推荐指数
0
解决办法
754
查看次数

从头开始在 nodejs/react 中实现 ABAC

我有一个需要在其中实施 ABAC 的项目。我一直在互联网上搜索有关 ABAC 如何从 Nodejs 的角度具体工作的信息。我了解 ABAC 的基本概念,但不知道如何成功实施它。我已经阅读了有关该主题的白皮书,并试图检查一些声称已实施 ABAC 但似乎并不完整或清晰的项目。

首先我想从高层次描述我的项目,然后我计划如何在我的项目中实施 ABAC。我希望有人可以就这个主题给我指导,以及我想要实施 ABAC 的方式是好是坏,或者我遗漏了一些东西并且需要一些工作。

我的技术栈:

以下是我的堆栈中最重要的技术部分

  1. 反应
  2. 节点
  3. 表达
  4. MySQL
  5. JSON 网络令牌

我的项目:

它是一个电子商务平台,允许用户创建某些资源,这些资源可以出售和/或与系统中的其他用户共享。当这些资源被共享或被出售时,ABAC 就会“介入”。该项目将有一个界面,允许其最终用户为其资源创建 ABAC 策略。这些策略将影响其他用户和用户所在的组织。可能有 1000 多个用户和 100 多个 1000 资源。

我可能的 ABAC 实现:

所以我想做的第一件事是重组我的数据库,以便每个对象和主题(在这种情况下,将是用户及其资源)将有一个只用于其属性的表和一个查找表,用于跟踪哪个对象/主题具有哪些属性键/值对。例如:如果有一个users表,那么将有一个包含用户属性键的表和一个查找表,用于跟踪哪个用户分配给他们的属性键和该键的值。例子:

| userId | attr_key   | attr_val |
|--------|------------|----------|
| 1      | department | sales    |
Run Code Online (Sandbox Code Playgroud)

我的项目将有一个用户界面供最终用户为其资源创建策略。UI 将允许用户根据 4 个主要的 ABAC 原则创建策略:主体、客体、动作和环境(在这种情况下,“环境”将是时间)。在 UI 中,这些原则中的每一个都有一个按钮,用户可以向其添加属性和逻辑运算符。用户完成策略创建后,UI 将以特定方式将其保存到 MySQL 数据库中,以便在需要执行时查询。

鉴于我上面写的内容,我看到 ABAC 在我的项目中以这种方式工作:

  1. 创建一个允许或拒绝用户访问资源的策略(我将创建一个可以存储在数据库中的策略语法,以后可以检索以进行解释和计算)
  2. 当用户尝试在特定 RESTFUL 路由上对资源执行操作(假设他们想要查看/获取)时,我将创建的 PEP 将拦截 RESTFUL 请求并提取请求中发送的所有数据,然后 PEP 将使用从请求中提取的数据向 PDP …

mysql rest node.js express abac

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

将文件从一个 repo 复制到另一个 repo 的 github 操作

我的公司创建了一种在环境之间移动文件的复杂方法,现在我们想将某些构建的 JS 文件(转换和缩小)从一个 github 存储库移动到另一个。这可以使用 github 操作吗?

github github-actions

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

jquery菜单盘旋

我有一个菜单,当我鼠标悬停在div上时它将显示,鼠标输出时它会淡出.问题是,如果你翻过菜单的任何一个孩子,菜单就会消失(因为从技术上来说,如果你超过其中一个孩子,那么你就不会超过父母)是否有办法让孩子们翻身不会算作鼠标输出?这是我的代码:http://jsfiddle.net/32bLg/

jquery hover mouseevent

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

接口:简化

我一直在研究接口和一个简单的外行人对它究竟是什么的解释.在书籍海洋中搜索出于某种原因,人们喜欢使用过于复杂的解释和行话来解释真正简单的概念(猜测它会让他们感觉很大)而且我有一种直觉,在这种情况下它是相同的.

所以从我能掌握的东西来看,接口似乎只是一种方法来保留方法名称,它们的返回类型(如果有的话),以及它们接受的参数的类型和数量.所以当一个类实现一个接口(或接口)时,它被迫从接口定义每个方法的主体.我是这个人的鼻子还是我需要继续挖掘?

ps我知道javascript不支持接口,但是我仍然需要理解这个概念,因为有很多地方显示了如何模拟到一定程度.

javascript c# c++ java interface

5
推荐指数
2
解决办法
385
查看次数

尝试按连字符和下划线分割并记住数字组会产生空字符串和未定义

我正在尝试创建一个单行正则表达式数组值,该值在连字符和下划线上拆分,并且还在数字组(一个或多个)上拆分(并记住)。我编写了一个正则表达式来实现此目的,但它还插入空字符串并undefined插入结果数组 https://jsfiddle.net/vdmom1qL/

var x = '232as-df98_rew_98_9fg9-dd988fff.jpg';

console.log(x.split(/(?:[-._])|(\d+)/));

//the output
//["", "232", "as", undefined, "df", "98", "", undefined, "rew", undefined, "", "98", "", undefined, "", "9", "fg", "9", "", undefined, "dd", "988", "fff", undefined, "jpg"]
Run Code Online (Sandbox Code Playgroud)

我到底做错了什么?我的意思是正则表达式似乎在逻辑上是正确的(从可读的角度来看它是有意义的),但是空字符串和undefined's 非常奇怪

更新 这更多的是关于正则表达式的问题,然后是从数组中删除空索引。我想要说明的要点是:这个正则表达式有什么问题,导致它创建那些空字符串和undefineds?

javascript regex arrays

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