小编Bre*_*aut的帖子

我可以使用webpack单独生成CSS和JS吗?

我有:

  1. 我要捆绑的JS文件.
  2. 我想编译成CSS的LESS文件(将@imports解析为单个包).

我希望将这些指定为两个单独的输入并具有两个单独的输出(可能通过extract-text-webpack-plugin).Webpack有所有适当的插件/加载器来进行编译,但它似乎不喜欢分离.

我已经看到人们需要直接从JS获取LESS文件的例子,例如require('./app.less');,除了告诉webpack将这些文件包含在bundle中之外别无他法.这允许你只有一个入口点,但这对我来说似乎非常不对 - 为什么我的JS中的LESS与我的JS代码无关时需要LESS?

我尝试使用多个入口点,将条目JS和主LESS文件都放入其中,但是当使用多个入口点时,webpack会生成一个在加载时不执行JS的包 - 它将所有内容捆绑在一起,但不知道什么应该在启动时执行.

我只是使用webpack错了吗?我应该为这些单独的模块运行单独的webpack实例吗?如果我不打算将它们混合到我的JS中,我是否应该将webpack用于非JS资产?

javascript css build webpack css-preprocessor

58
推荐指数
6
解决办法
4万
查看次数

模拟显示:在React Native中内联

React Native不支持CSS display属性,默认情况下所有元素都使用display: flex(no no inline-flex)的行为.大多数非flex布局都可以使用flex属性进行模拟,但我对内联文本感到慌乱.

我的应用程序有一个容器,其中包含几个文本单词,其中一些需要格式化.这意味着我需要使用跨度来完成格式化.为了实现跨度的包装,我可以设置要使用的容器flex-wrap: wrap,但这只允许在跨度结束时进行换行,而不是在单词中断时包装的传统内联行为.

问题可视化(跨黄色):

在此输入图像描述

(通过http://codepen.io/anon/pen/GoWmdm?editors=110)

有没有办法使用flex属性进行正确的包装和真正的内联模拟?

css flexbox reactjs react-native

40
推荐指数
5
解决办法
4万
查看次数

在Mountain Lion中禁用Xcode 4.4中的抗锯齿字体

继续与这个斗争变得非常沮丧.我不确定它是Xcode 4.4还是Mountain Lion(我同时安装了两个),但我的代码再一次在Xcode中被消除锯齿(字体平滑).

我之前能够通过以下说明解决此问题,这些说明来自此问题,但现在似乎都不起作用:

对于XCode 3.x,我会做以下事情:defaults write com.apple.xcode AppleAntiAliasingThreshold 24.

对于XCode 4,用户默认的域更改为com.apple.dt.Xcode.对于XCode 4 defaults write com.apple.dt.Xcode AppleAntiAliasingThreshold 24应该得到你想要的.

如何让Xcode恢复到可用状态?

xcode antialiasing font-smoothing xcode4.4 osx-mountain-lion

35
推荐指数
3
解决办法
8894
查看次数

为什么iTunes Store评论RSS Feed有时会返回没有结果?

我正试图通过公共评论RSS提要导入iTunes App Store上某些应用的评论.大多数情况下,Feed会返回每页50条评论的列表,并为我提供最多10页的链接.但是对于某些应用程序,这些页面中的部分或全部都有0条评论,我不知道为什么.

在撰写本文时,尽管报道有10页评论可用,但Instagram的Feed(下面的链接)不会返回任何评论.

https://itunes.apple.com/us/rss/customerreviews/page=1/id=389801252/sortBy=mostrecent/xml

更令人困惑的是,昨晚我注意到第2页有50条评论,但其他页面都没有.今天早上,第2页再次出现空白.

如果我删除sortBy=mostrecent上面的URL部分,我实际上会得到50个结果,但其他页面都没有任何结果.

最后,看起来该页面的JSON版本(下面的链接)实际上比XML版本更好地返回结果.不幸的是,JSON版本在数据中没有审核日期,因此我无法使用它.

https://itunes.apple.com/us/rss/customerreviews/page=1/id=389801252/sortBy=mostrecent/json

有谁能解释一下?Apple的XML Feed API是否非常不可靠?我是否形成了错误的网址?

rss itunesconnect itunes itunes-store ios

24
推荐指数
1
解决办法
1008
查看次数

Internet Explorer不支持我的最小高度:使用flexbox 100%

我一直在浏览所有最小高度:StackOverflow和网络上的100%解决方案,我似乎找不到适合我(相对简单)需求的解决方案.

这就是我想要的:

  1. 我有一个两列容器,两列都应拉伸到相同的高度.
  2. 当内容未填满屏幕时,列应拉伸到整个窗口高度.
  3. 我很高兴使用flex-box,但如果可能的话,我宁愿不使用JS hacks.

示例代码:

http://codepen.io/anon/pen/dwgDq?editors=110

<!DOCTYPE html>
<html>
  <body>
    <div class="container">
      <div class="nav">
        <p>Item 1</p>
        <p>Item 2</p>
        <p>Item 3</p>
        <p>Item 4</p>
        <p>Item 5</p>
      </div>
      <div class="content">
        <p>Content 1</p>
        <p>Content 2</p>
        <p>Content 3</p>
        <p>Content 4</p>
        <p>Content 5</p>
        <p>Content 6</p>
        <p>Content 7</p>
        <p>Content 8</p>
      </div>
    </div>
  </body>
</html>

html, body { height: 100%; margin: 0; }

.wrapper {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.container {
  display: flex;
  align-items: stretch;
  min-height: 100%;
}

.nav {
  background: grey;
  width: …
Run Code Online (Sandbox Code Playgroud)

html css height html5 internet-explorer

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

如何在UICollectionView performBatchUpdates块中排序移动,插入,删除和更新?

在我看来UICollectionView,我使用一个简单的自定义对象数组来生成和显示单元格.偶尔数据会发生变化,我想一次性对变化进行动画处理.我选择通过跟踪第二个数组中的所有更改,区分这两个更改,并在performBatchUpdates块内部生成一组移动,插入,删除和更新操作来完成此操作.我现在意识到在同一个块中执行所有这些操作非常棘手,因为您不得不担心索引操作的顺序.事实上,这个问题的公认答案是错误的(但在评论中已经纠正).

文档似乎很缺乏,但它涵盖了一个案例:

在批处理操作中插入之前处理删除.这意味着删除的索引相对于批处理操作之前的集合视图的状态的索引进行处理,并且在批处理操作中的所有删除之后,相对于状态的索引处理插入的索引.

但是,该文档没有讨论何时处理移动.如果我打电话moveItemAtIndexPath并且deleteItemsAtIndexPaths相同performBatchUpdates,移动索引是否应该相对于删除前或删除后的订单?怎么样insertItemsAtIndexPaths

最后,我面临着调用reloadItemsAtIndexPathsmoveItemAtIndexPath同一操作的问题:

致命异常:NSInternalInconsistencyException尝试删除并重新加载相同的索引路径

有没有办法在同一个地方做我想要的所有操作performBatchUpdates?如果是,那么更新相对于其他更新的处理顺序是什么?如果没有,人们通常会做什么?在完成所有其他操作后重新加载数据?之前?如果所有的动画都发生在一个阶段,我更喜欢.

objective-c uikit ios uicollectionview swift

14
推荐指数
2
解决办法
2475
查看次数

如何在React 16中测量浪费的渲染?

我之前使用react-addons-perf软件包测量各种事情,比如浪费渲染Perf.printWasted().不幸的是,这个软件包在React 16中已经退役,而不是Chrome的Performance选项卡,它没有相应的工具.

我知道为什么你做了更新,但这不完全相同.

React 16有没有办法测量浪费的渲染?

javascript performance google-chrome-devtools reactjs

14
推荐指数
1
解决办法
1087
查看次数

MVVM和View/ViewModel层次结构

我正在努力使用C#和XAML为Windows 8制作我的第一个游戏.我还在学习核心概念和最佳实践,而MVVM一直是个障碍.我将尝试分两部分提出这个问题.

背景

我正在制作的游戏是数独游戏.Sudoku有一块包含9x9网格的棋盘.我有三个型号- Game,BoardTile.当Game被创建时,它自动创建Board,并且当Board被创建时,它创建81(9×9) Tiles.

1.对于视图层次结构,如何创建相应的视图模型?

为了匹配模型的层次结构,我希望有一个视图层次结构(GameView包含一个BoardView包含81 的视图TileViews).在XAML中,使用用户控件创建此视图层次结构非常容易,但我不明白如何创建视图模型.

在我看过的示例中,用户控件的数据上下文通常设置为视图模型(使用ViewModelLocator作为源),它创建视图模型的新实例.如果你有一个平面视图,这似乎很有效,但是当你有一个层次结构时,它似乎也会变得混乱.是否GameView创建GameViewModel并把它留给了BoardView孩子创造一个BoardViewModel?如果是这样,如何GameViewModelBoardViewModel?沟通?可以BoardViewModel沟通备份层次的GameViewModel

2.视图模型如何获取模型数据?

在iOS中,我首先使用服务来获取Game预先填充数据的模型.然后我会创建一个GameViewController视图控制器(负责创建视图)并传递Game给它.在MVVM中,我看到让视图负责创建自己的视图模型(理想情况下使用a ViewModelLocator)的价值,但我不明白该视图模型如何获得模型.

在我在网上找到的所有示例中,视图模型使用一些服务来获取自己的数据.但我没有遇到任何接受从更高级别导航传递的构造函数params或params的示例.这是怎么做到的?

我不想为我的模型使用应用程序资源或其他类型的单例存储方法,因为我不是这样做,但如果我想在屏幕上同时显示多个谜题呢?每个都GameView应该包含自己的Game.

不仅GameViewModel需要对Game模型的引用,而且BoardViewModel以某种方式创建(参见问题1)需要引用Board属于Game模型的模型.所有的一切都是如此Tiles.所有这些信息如何传递到链条中?我可以完全在XAML中完成这么多繁重的工作,还是我将不得不在代码中进行某种绑定或其他初始化?

唷!

我很感激你能给出的任何建议,即使它不是一个完整的答案.我也很想找到任何与我自己有类似挑战的MVVM项目的例子.万分感谢!

c# windows xaml mvvm viewmodel

12
推荐指数
1
解决办法
5287
查看次数

MySQL在node.js服务器上空闲时间后出现"读取ECONNRESET"错误

我正在运行一个通过node-mysql模块连接MySQL的Node服务器.连接和查询MySQL最初运行良好,没有任何错误,但是,在节点服务器空闲几小时后的第一个查询会导致错误.错误是熟悉的read ECONNRESET,来自node-mysql模块的深度.

堆栈跟踪(请注意,跟踪的三个条目属于我的应用程序的错误报告代码):

Error
at exports.Error.utils.createClass.init (D:\home\site\wwwroot\errors.js:180:16)
at new newclass (D:\home\site\wwwroot\utils.js:68:14)
at Query._callback (D:\home\site\wwwroot\db.js:281:21)
at Query.Sequence.end (D:\home\site\wwwroot\node_modules\mysql\lib\protocol\sequences\Sequence.js:78:24)
at Protocol.handleNetworkError (D:\home\site\wwwroot\node_modules\mysql\lib\protocol\Protocol.js:271:14)
at PoolConnection.Connection._handleNetworkError (D:\home\site\wwwroot\node_modules\mysql\lib\Connection.js:269:18)
at Socket.EventEmitter.emit (events.js:95:17)
at net.js:441:14
at process._tickCallback (node.js:415:13)
Run Code Online (Sandbox Code Playgroud)

我的云节点服务器和MySQL服务器以及两者的本地设置都会发生此错误.

我的问题:

  1. 这个问题是否是由于连接生命周期限制导致Node与MySQL服务器的连接断开?

  2. 使用连接池时,node-mysql应该优雅地处理断开连接并从池中删除它们.在我进行查询之前是否不知道断开连接,从而使错误不可避免?

  3. 考虑到我在其他StackOverflow帖子中看到了很多"读取ECONNRESET"错误,我应该从MySQL寻找其他地方来诊断问题吗?

更新:经过更多浏览后,我认为我的问题与问题重复.看起来他的连接也在断开连接,但没有人建议如何保持连接活动或如何解决第一次查询失败之外的错误.

mysql connection node.js node-mysql econnreset

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

如何避免jQuery的内存泄漏?

jQuery在其内部缓存中保存对DOM节点的引用,直到我显式调用$ .remove().如果我使用像React这样的框架自己删除DOM节点(使用本机DOM元素API),我该如何清理jQuery的mem缓存?

我正在使用React设计一个相当大的应用程序.对于那些不熟悉的人,React将根据自己的"影子"DOM表示拆除DOM并根据需要重建.该部件工作良好,没有内存泄漏.

Flash前进,我们决定使用jQuery插件.在React运行其渲染循环并构建DOM之后,我们初始化插件,这会导致jQuery保存对相应DOM节点的引用.稍后,用户更改页面上的选项卡,React将删除这些DOM元素.不幸的是,因为React不使用jQuery的$ .remove()方法,所以jQuery维护对这些DOM元素的引用,垃圾收集器永远不会清除它们.

有没有办法告诉jQuery刷新缓存,或者更好的是,根本不缓存?我希望仍然能够利用jQuery的插件和跨浏览器的优点.

javascript jquery memory-leaks reactjs

11
推荐指数
2
解决办法
4352
查看次数