小编efw*_*mes的帖子

清除Angular JS templateCache一次(对于每个部署)

此问题AngularJS禁用dev机器上的部分缓存建议使用$templateCache.removeAll()清除缓存模板.但是,如果您只想在每个部署周期中触发一次以使访问者浏览器刷新/更新模板,该怎么办?我们的问题是一些浏览器没有更新模板html文件,我们最终得到了与旧HTML混合的新CSS.我不希望这个函数一直触发,这会打破缓存模板的开头(对吧?).

根据标题问题,有什么建议的方法来清除$ templateCache"一次",例如我讨论的一些想法:

  • Angular是否有内部方法来检测模板文件是否已更改?然后,如果是这样"更新"它.
  • Angular是否有内部"版本"或"日期",我们可以比较并添加条件到fire函数removeAll()?
  • $ templateCache本身是否知道刷新?如果HTML文件必然会超时更改并提供给多个浏览器,那么Angular创建者在强制使用templateCache时的意图是什么?

我不想使用grunt为定期发生的事情添加工作流开销,也不想将html文件模板切换成变量.(这是角度模板缓存破坏的好方法吗?)

我可以看到的替代方法是手动添加和删除removeAll()代码,这将是愚蠢的.

javascript deployment caching refresh angularjs

10
推荐指数
1
解决办法
2706
查看次数

React Native:Android TextInput autoCorrect={false} 不会禁用建议

autoCorrect={false} 假设强制无建议模式,因此输入字段中的文本没有下划线,但它不起作用。

2018 年 8 月 18 日更新:似乎禁用了建议,但没有禁用下划线。

react-native react-native-android expo

9
推荐指数
2
解决办法
6858
查看次数

角度单元测试"时钟"指令的$ interval

我有一个Angular指令"clock",我正在尝试编写一个单元测试来查看时钟实际$ interval是否会提前到未来时间(即:通过查看2分钟element.text()).我对当前时间进行了测试,现在我想测试它是否会显示未来的时间$interval.flush.在我看来,它$interval.flush并没有真正推进时钟.

我可以要求两个答案:

  • 如果$interval发生火灾,我该如何进行单元测试?
  • 为什么$interval.flush似乎没有推进Date()

我正在遵循这些帖子的指导原则:

一篇相关文章建议使用Jasmine模拟,我认为这是不再需要的.

一个类似的问题:

HTML

  <mydatething format="EEEE, MMMM d" interval="1000" timezone="notused"></mydatething>
Run Code Online (Sandbox Code Playgroud)

指示

myApp.directive('mydatething', ['$interval', 'dateFilter', function ($interval, dateFilter) {
  return {
    restrict: "AE",
    scope: {
      format: '@',
      interval: '@'
    },
    template: '', // the template is the Date() output
    link: function (scope, element, attrs) {

      // scope expects format, interval and timezone
      var clockid;
      var clockinterval …
Run Code Online (Sandbox Code Playgroud)

javascript unit-testing angularjs

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

对 React-Native-Maps 实现手势处理“合作”(两指平移)

我将如何实现用户必须使用两根手指使用 react-native-maps 平移地图的功能?看起来他们没有手势处理功能。我不一定需要一个完整的答案,只需要一些想法来为我指明正确的方向。除了基本的 onPress 之外,我也没有看到非常全面的手势库。

https://github.com/react-community/react-native-maps/blob/master/docs/mapview.md

react-native-maps

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

React Native 的 fetch 缓存行为是什么

目前 React Native 在fetch调用中缓存的默认行为是什么?官方 FB 指南只是说“看看 Mozilla!” 但我们不是在网络浏览器上。由于中间件,我认为缓存行为在这里是自定义的。

假设我这样做: fetch("https://exampleserver.com/myfile.json")

  • 请求是否在调用后自动缓存?

  • 是否myfile.json缓存了整个“会话”的请求内容(即:App 正在运行 active/bg,但未被用户强制关闭)。

    • 请求缓存在哪里?即:是否使用AsyncStorage
    • fetch网址再次导致应用程序读取高速缓存。
    • 缓存有多“快”,如果出于某种原因我必须立即myfile.json多次请求,它是否会在那时基本上忽略缓存并进行所有这些单独的调用?(我在调试器中看到这种行为)
  • 当我强制关闭应用程序并重新打开时,此缓存是否仍然存在?

    • 如果是这样,我可以请求缓存持久化吗?
  • iOS 和 Android 中的这种行为有什么不同吗?

  • 世博会对此有影响吗?

至少知道其中的一些将有助于决定我是否需要像这样使用 AsyncStorage 编写自定义缓存情况 https://gist.github.com/dslounge/18e555250a8df1f8218d702b21910eeb

fetch http-caching react-native expo

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

如何检测 FlatList 何时呈现所有项目并实际滚动到底部?

我将一个很长的数组传递到 FlatList 中。

当您到达底部时,FlatList 会动态加载更多内容。

我有一个 ListFooterComponent 来指示用户是否将要看到更多数据。

我如何知道 FlatList 何时真正呈现了所有项目并因此到达了滚动的实际底部?然后此页脚组件将显示类似“您在列表的末尾!”之类的内容。

reactjs react-native

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

Fetch 未检索 302 重定向调用的响应

在 ReactJS 组件中,对重定向到另一个 API 的 API 的 fetch 调用不会返回最终目的地的响应。Fetch 仅返回opaquenull 0 等响应,就好像您的调用失败一样。它甚至没有说它重定向了。但在Chrome的控制台中,“网络”选项卡清楚地显示重定向的调用成功。

            let call = fetch(encodedQueryUrl, {
                method: 'GET',
                cache: 'no-cache',
                mode: 'no-cors',
                redirect: 'follow',
                credentials: 'same-origin'
            }).then((response) => {
                console.log("Response???", response);
                return response;
            });
Run Code Online (Sandbox Code Playgroud)

因此编码的QueryURL响应标头:

Request Method: GET
Status Code: 302 
Referrer Policy: no-referrer-when-downgrade
Access-Control-Allow-Headers: access-control-allow-origin
Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE
Access-Control-Allow-Origin: *
content-length: 0
content-type: text/html; charset=UTF-8
Run Code Online (Sandbox Code Playgroud)

以及 302 响应标头:

Request Method: GET
Status Code: 200 
Referrer Policy: no-referrer-when-downgrade
Access-Control-Allow-Headers: access-control-allow-origin
access-control-allow-methods: GET, POST, GET, …
Run Code Online (Sandbox Code Playgroud)

javascript ajax reactjs fetch-api

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