小编Mat*_*nik的帖子

我有以下目录结构...

root\n\xe2\x94\x82   package.json\n\xe2\x94\x82   webpack-client.config.js\n\xe2\x94\x82   webpack-server.config.js\n\xe2\x94\x82   yarn.lock\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80assets\n\xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80js\n\xe2\x94\x82           index.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80dist\n\xe2\x94\x82   \xe2\x94\x82   header.html\n\xe2\x94\x82   \xe2\x94\x82   hotel-details.html\n\xe2\x94\x82   \xe2\x94\x82   hotel-list.html\n\xe2\x94\x82   \xe2\x94\x82   index.html\n\xe2\x94\x82   \xe2\x94\x82   server.js\n\xe2\x94\x82   \xe2\x94\x82   \n\xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80static\n\xe2\x94\x82       \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80j\n\xe2\x94\x82               index.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80node_modules\n\xe2\x94\x82   \xe2\x94\x94...\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80server\n\xe2\x94\x82       database.js\n\xe2\x94\x82       index.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80views\n        header.html\n        hotel-details.html\n        hotel-list.html\n        index.html\n

我想使用 Webpack 来做两件事。

\n

1. minify 和捆绑服务器端 JS - 导出捆绑包以dist/server.js用作server/index.js入口点。我已经使用webpack-server.config.js下面提供的实现了这一点。

\n

2. 缩小每个views/*.html文件并将其导出到dist/v/*.html. 如果html文件有<script>标签，我想从这些文件创建缩小的捆绑包并将它们导出到dist/static/j/[html_filename].js.

   \n\n
   \n
   • 我正为这个问题苦苦挣扎。我设法缩小.html文件并将其.js文件导出到dist/static/j/[html_filename].js. 但是，我无法使用html 中的文件，因为它使用类似or 的.js语法。我已经提供了 和 的内容。requireimportassets/js/index.js …

MobX文档建议我应该observer在所有组件上使用。但是，通过使用注入，我可以更精细地控制哪些数据导致组件的重新呈现。

我的理解是，有了observer，即使上一个可观察的对象嵌套在数据存储区的深处，上次渲染中所有访问的可观察的对象的更改也会导致重新渲染，而inject只有在注入器函数中访问的可观察对象发生更改时才重新渲染。

例如：

class Store{
  @observable data = {
    nestedData: {
      deepData: 'my_data'
    }
  }
}

const store = new Store();

... Assume the store is injected using <Provider /> component

// This will cause re-render when the data object changes
// for example: store.data = { new_data: 'new_data' }
@inject(stores => {
  return { data: stores.dataStore.data }; 
})
class MyComponent extends Component {  }

// This will re-render on change of the data …

我正在尝试创建一个实时处理相机图像并将其显示在屏幕上的应用程序。我正在使用camera2 API。我创建了一个本地库来使用OpenCV处理图像。

到目前为止，我已经设法设置了一个ImageReader来接收类似YUV_420_888格式的图像。

        mImageReader = ImageReader.newInstance(
                mPreviewSize.getWidth(),
                mPreviewSize.getHeight(),
                ImageFormat.YUV_420_888,
                4);
        mImageReader.setOnImageAvailableListener(mOnImageAvailableListener, mImageReaderHandler);

从那里，我可以获取图像平面（Y，U和V），获取它们的ByteBuffer对象，并将它们传递给我的本机函数。这发生在mOnImageAvailableListener：

        Image image = reader.acquireLatestImage();

        Image.Plane[] planes = image.getPlanes();
        Image.Plane YPlane = planes[0];
        Image.Plane UPlane = planes[1];
        Image.Plane VPlane = planes[2];

        ByteBuffer YPlaneBuffer = YPlane.getBuffer();
        ByteBuffer UPlaneBuffer = UPlane.getBuffer();
        ByteBuffer VPlaneBuffer = VPlane.getBuffer();

        myNativeMethod(YPlaneBuffer, UPlaneBuffer, VPlaneBuffer, w, h);

        image.close();

在本机端，我能够从缓冲区中获取数据指针，cv::Mat从数据中创建a 并执行图像处理。

现在，下一步将是显示经过处理的输出，但是我不确定如何显示经过处理的图像。任何帮助将不胜感激。

我想创建一个类似手风琴的动画元素，单击时会展开。这是它应该如何工作的。

当用户单击红色矩形之一时，作为实际内容的绿色矩形应该展开。我希望这个扩展是动画的。每个红色标题的绿色矩形内容的高度可能不同。

我已经能够实现点击展开行为，但没有动画。这是我目前拥有的代码。

AccordionElement.qml

import QtQuick 2.5
import QtQuick.Layouts 1.1

ColumnLayout {
    id: rootElement

    property string title: ""
    property bool isOpen: false
    default property alias accordionContent: contentPlaceholder.data

    anchors.left: parent.left; anchors.right: parent.right

    // Header element
    Rectangle {
        id: accordionHeader
        color: "red"
        anchors.left: parent.left; anchors.right: parent.right
        height: 50
        MouseArea {
            anchors.fill: parent
            Text {
                text: rootElement.title
                anchors.centerIn: parent
            }
            cursorShape: Qt.PointingHandCursor
            onClicked: {
                rootElement.isOpen = !rootElement.isOpen
            }
        }
    }

    // This will get filled with the content
    ColumnLayout {
        id: contentPlaceholder
        visible: …