小编Hof*_*ann的帖子

我想知道增加或减少一个RGB颜色饱和度的算法

例如,如果我有rgb(200, 30, 40)函数存根的颜色(红色)

function Saturation(color, factor)
where color.r = 200, color.g= 30 and color.b=40

任何人都知道一个图书馆或有一个代码片段吗？

截至2017年11月,我知道几种方法将方法绑定到React组件,以便this关键字指向拥有该方法的React Element(例如,在事件处理程序中必需)

1.绑定构造函数

class A extends React.Component {
  constructor(props) {
    super(props)
    this._eventHandler = this._eventHandler.bind(this)
  }

  _eventHandler() {
    // ...
  }

  render() {
    return <div onClick={this._eventHandler} />
  }
}

2. render()中的箭头函数

class A extends React.Component {
  _eventHandler() {
    // ...
  }

  render() {
    return <div onClick={()=>{this._eventHandler()}} />
  }
}

3.绑定渲染()

class A extends React.Component {
  _eventHandler() {
    // ...
  }

  render() {
    return <div onClick={this._eventHandler.bind(this)} />
  }
}

4. ES2015类字段中的箭头功能

class A extends React.Component {
  _eventHandler = () => …

我有这个带路径的SVG容器.我想编辑它,所以路径的填充将是一个模式.这是我失败的尝试:

我添加了一个渐变:

$('svg defs').prepend('<linearGradient id="MyGradient"><stop offset="5%" stop-color="#F60" /><stop offset="95%" stop-color="#FF6" /></linearGradient>');

然后更改路径的填充:

$(base + ' svg path').each(function() {
    this.setAttribute('fill','url(#MyGradient)')
}

这不起作用.我错过了什么？

我刚开始使用Jest和Snapshot测试,我想知道为什么所有示例都会对React组件进行"深度渲染"以创建快照.

例

const A = () => {
   return <div><B /><B /></div>
}
const B = () => {
   return <div>This is B</div>
}

// TEST
describe('Test', () => {

   it('renders correctly', () => {
      const tree = ReactTestRenderer.create(
         <A />
      ).toJSON();

      expect(tree).toMatchSnapshot();
   });
});

快照:

exports[`Summary DOM rendering renders correctly 1`] = `
<div>
  <div>
     This is B
  </div>
  <div>
     This is B
  </div>
</div>
`;

虽然这很有用,但有时我认为为A和B分别进行单独的测试/快照以及进行浅层渲染更有意义,所以如果我更改B我的A快照不需要更新.所以我希望我的快照看起来像这样:

exports[`Summary DOM rendering renders correctly 1`] = `
<div>
  <B />
  <B …

我有一个后台服务,我用本机(Java/ObjectiveC)编写,需要从反应原生的AsyncStorage访问数据.我想知道是否有一种简单的方法可以直接从本机代码获取此值,而不必通过桥接方法手动传递它.

由于这是即使应用程序未运行(在Android中)运行的后台服务,因此在需要此数据时无法调用Javascript代码.我可以解决它(通过在AsyncStorage中设置它同时将其设置为本机)但是它会做更多的工作.

有什么区别context.fillText()和context.strokeText()除此之外的第一次使用的事实context.fillStyle,而后者的用途context.strokeStyle.他们没有添加context.textStyle房产的任何理由？

我正在使用Altera Quartus 2来做一个自定义的8位处理器,并且需要永远在我的笔记本电脑上进行编译.我只是使用模拟并在原理图(框图)和VHDL中制作我的处理器.现在编译需要大约10分钟,这是一个痛苦,因为我更多的是在项目的调试阶段,我必须修复内部时间并进行很多很少的更改,看看会发生什么.

我实际上并没有把它放在FPGA上,所以我需要"fitter"和"assembler"的编译阶段吗？

我可以更改一个lpm_ram_dq的内存文件的内容并在模拟中测试它而无需重新编译吗？

总之,任何人都知道如何使其编译更快？

所以我有一个单独的.svg文件,其中包含一些预制的渐变效果,如下所示:

<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="1052.4" width="744.09" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 670 680" style="width: 100%; height: 100%;">

<defs>
    <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
        <stop offset="0%" style="stop-color: #a0a0a0;" />
        <stop offset="100%" style="stop-color: #a0a0a0;" />
    </radialGradient>
</defs>
 <g>
  <path id="path1" d="m124 263.35c6.4216-12.385 18.974-0.67157 0.72621z" fill="url(#grad1)">
  </path>
</g>
</svg>

这是我的svg文件的简化版本.它表示一个映射,其中每个状态都是路径元素.每个州还有一个与之相关的radialgradient标签.我遇到的问题是我在我的HTML文档中包含了两次这个SVG文件,并且我改变了svg上的径向渐变标记,以分别改变每个地图上的状态颜色.

这些地图中也有一些交互性,当用户将鼠标悬停在地图上时,我使用以下代码加载svg并添加将状态置于前面的事件(因此其笔划可见):

$divSVG.load("map.svg", function() {
    $svg= $(this).find("svg");
    $svg.find("path").each(function() { 
        $(this).bind("mouseenter", function() {
                var $path= $(this);
            var $parent= $path.parent();
            //its necessary to detach and reattach the element so it comes to the front …

有没有办法知道通过 JDBC 执行的 SQL 查询中涉及的表的名称？

例如：

SELECT r.roleId FROM User u, UserRole r where r.userId = u.userId and u.name = "Jonh Smith"

我不仅想要这个查询的结果集，还想要实际的表名（“用户”和“角色”）。我不关心视图名称，但如果无法获取视图中使用的基础表，这不是大问题，但这必须与嵌套查询一起使用。

至于为什么我需要这些信息，是因为我正在制作一个平台，让其他开发人员在其上构建应用程序。在我的平台上，我让其他开发人员注册他们自己的查询并将它们存储在数据库中。我不希望开发人员不得不为实际手动注册表名以及查询本身而烦恼。所以在我执行查询时，我真的不知道该查询在做什么。

我已经设法使用 Apollo 的数据模拟进行查询。这是我到目前为止：

import { addMocksToSchema } from '@graphql-tools/mock'
import { buildClientSchema, graphql } from 'graphql'
import schemaJson from './schema.json'

const schema = buildClientSchema(schemaJson)
const schemaWithMocks = addMocksToSchema({
  schema,
  mocks: {
    Time: () => '2020-07-10T11:00:00.839379266Z',
  },
})

const MyFragment = `
   fragment MyFragment on SomethingItemList {
     someField
   }
`

graphql({
  schema: schemaWithMocks,
  source: `
  ${MyFragment}
  query FaultInfoStoryBatterySystems {
    something {
      item {
        list {
          ...MyFragment
        }
      }
    }
  }

`
}).then((mockedData) => {
  console.log('Fragment Data:', mockedData.something.item.list[0])
})

这有效......但它并不理想，因为我真正想要的是片段数据，我根本不关心查询。有没有什么办法可以只用 MyFragment 做到这一点，而不必创建查询来检索该数据？