小编fid*_*est的帖子

我正在尝试使用延迟加载导入创建ssr react应用程序.一切正常,但它不能获取所有必需的块

我也想知道这是否与动态组件有关,它基于服务器响应

enter code here

编辑 - 它实际上呈现了所有必需的块,但是当客户端接管并再次渲染时,它会消除整个事情

因为它重新渲染所有它减慢了很多.

解析器发生在服务器端,当客户端接管它时,获取更多 server.js

 const history = createHistory({
    initialEntries: [urlPath],
  })
  // const history = createHistory()
  const store = configureStore(history, {
    location: {
        ...
    },

  })

  const context = {}
  const htmlRoot = (
    <Provider store={store}>
      <StaticRouter location={urlPath} context={context}>
        <AppRoot />
      </StaticRouter>
    </Provider>
  )

  // pre fetching data from api
  store
    .runSaga(rootSaga)
    .done.then(() => {

        const RTS = renderToString(htmlRoot) + printDrainHydrateMarks()
        const head = Helmet.renderStatic() 
        console.log(printDrainHydrateMarks())

        res.status(code).send(renderDom(RTS, port, host, …

我试图理解CSS transition-delay属性的负值.请先查看代码示例.有两个divs具有不同的转换延迟.

我认为给延迟的负值与给right div(0.2s)给出一个正值是一样的,但它的行为不一样.我认为它不会0.2s使转换变得过分.

• 任何人都可以解释一下负面transition-delay价值做什么？
• 是transition-delay有效的负值,还是应该不使用？
• 如果可以使用它们,那么什么是好用例？

function toggle() {
  var left = document.querySelector('.left');
  var right = document.querySelector('.right');
  left.classList.toggle('hidden');
  right.classList.toggle('hidden');
  left.classList.toggle('show');
  right.classList.toggle('show');
}
window.setInterval(toggle, 1500);
window.setTimeout(toggle, 100);

#container {
  background: yellow;
  display: flex;
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.left,
.right {
  flex: 1;
}
.left {
  background: red;
  transition: transform 1s -0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.right {
  background: blue;
  transition: transform 1s cubic-bezier(0.19, 1, …

在 javascript 中，我使用驼峰式命名约定，但在后端 REST API 中返回已构建的蛇形命名法中的所有字段名称。我想知道这种情况的最佳实践是什么，特别是对于基于组件的前端应用程序（react）。我可以简单地将蛇形外壳替换为骆驼形外壳，但是当我有很深的嵌套对象时就会出现问题。

有谁有好的建议或者知道大公司如何处理这个事情？

我正在尝试以编程方式更改路线。但是，只有 iphone 6 ios 10 无法使用下面的代码

1. import { browserHistory } from 'react-router'; browserHistory.push("/" + route);
2. this.props.history.push('/' + route);
3. window.location.href = route; // cannot use this though..

我尝试了其中的 3 个。它适用于 iPhone 5 或 iPhone 6 ios8 的所有其他 ios 设备。

有人解决这个问题了吗？

我想更改带有自定义图像的google map群集。但是，它不会改变我提供的任何内容。这个initMap函数是

https://developers.google.com/maps/documentation/javascript/marker-clustering

我试图用一些来自Google的随机图像来更改群集图像。但是，它不呈现任何内容。

群集不支持自定义群集映像

function initMap() {

        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 3,
          center: {lat: -28.024, lng: 140.887}
        });

        // Create an array of alphabetical characters used to label the markers.
        var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';

        // Add some markers to the map.
        // Note: The code uses the JavaScript Array.prototype.map() method to
        // create an array of markers based on a given "locations" array.
        // The map() method here has nothing to do with the Google Maps …

Employee::has("tags")->orHas("Categories")->where("employeeName","LIKE","seo%")->get();

我有两个belongsToMany 关系，即标签和类别。除非我在后面放置 where 子句，否则多个 has 子句有效。

如何将 has 子句与 where 一起使用？

我需要帮助 ！！

我正在尝试从中心点和半径生成 p 方形多边形。就像下面这样。

bboxPolygon(square(bbox(circle(_circle.center, 0.5, { steps: 64 }))))

所有功能均来自turf.js

我相信这应该生成完美的正方形或至少接近正方形。但是，它返回矩形。

我不确定这是草皮库问题还是我使用错误。

圆形 geojson

{
  "type": "Feature",
  "properties": {},
  "geometry": {
    "type": "Polygon",
    "coordinates": [
      [
        [
          -73.93524199999999,
          40.734656941636764
        ],
        [
          -73.93791238162646,
          40.73411472349626
        ],
        [
          -73.93986713367875,
          40.73263337851494
        ],
        [
          -73.94058248193825,
          40.730609876934174
        ],
        [
          -73.93986685239045,
          40.72858643688632
        ],
        [
          -73.93791210033818,
          40.72710521497083
        ],
        [
          -73.93524199999999,
          40.72656305836324
        ],
        [
          -73.93257189966181,
          40.72710521497083
        ],
        [
          -73.93061714760952,
          40.72858643688632
        ],
        [
          -73.92990151806174,
          40.730609876934174
        ],
        [
          -73.93061686632124,
          40.73263337851494
        ],
        [
          -73.93257161837353,
          40.73411472349626
        ],
        [
          -73.93524199999999,
          40.734656941636764
        ]
      ]
    ] …