小编EDJ*_*EDJ的帖子

溢出-x:滚动和溢出-y:可见替代

我有一个正在渲染图像的列表(水平滚动):

<div id="my-cool-wrapper">
  ...
  // My cool wrapper has more elements (apart from list)

  <ul id="the-list" style="display: flex; flex-direction: row; overflow-x: scroll;">
    <li>
      <img src="https://image.shutterstock.com/image-vector/sample-stamp-grunge-texture-vector-260nw-1389188336.jpg" />
    </li>

    <li>
      <img src="https://image.shutterstock.com/image-vector/sample-stamp-grunge-texture-vector-260nw-1389188336.jpg" />
    </li>

    <li>
      <img src="https://image.shutterstock.com/image-vector/sample-stamp-grunge-texture-vector-260nw-1389188336.jpg" />
    </li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

我想要有关transform: scale(1.5)用户交互的图像(例如单击、悬停等)。

问题:

  • 图像不会溢出到父级之外。我希望图像在增长时完全可见(即使它超出列表的高度)。

overflow-y: visible我想我可以通过设置来实现这一点#the-list。然而,根据CSS的overflow-x:visible; 和溢出-y:隐藏;导致滚动条问题的线程这是不可能的。

有没有其他选择可以实现我想要的目标?

更新: JSFiddle 可用于演示该问题:http://jsfiddle.net/f7vdebt2/

我希望 的内容<ul>能够扩展到其父级边界之外。

html javascript css

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

Cordova - Android上的自适应图标

我使用Android Image Asset Studio生成了一组图标.但是,我不知道如何将这些图标设置到我的应用程序中Cordova.

在遵循Cordova中有关图标文档时,我只设法使用以下代码将方形图标设置为我的项目:

<platform name="android">
    <!--
        ldpi    : 36x36 px
        mdpi    : 48x48 px
        hdpi    : 72x72 px
        xhdpi   : 96x96 px
        xxhdpi  : 144x144 px
        xxxhdpi : 192x192 px
    -->
    <icon src="res/android/ldpi.png" density="ldpi" />
    <icon src="res/android/mdpi.png" density="mdpi" />
    <icon src="res/android/hdpi.png" density="hdpi" />
    <icon src="res/android/xhdpi.png" density="xhdpi" />
    <icon src="res/android/xxhdpi.png" density="xxhdpi" />
    <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />
</platform>
Run Code Online (Sandbox Code Playgroud)

但是,在Android Oreo中,应用程序的图标是圆形的,它不能在该手机上正确显示我的应用程序图标.图标在圆圈内缩小,周围有白色背景.

在此输入图像描述

问题:如何将Image Asset Studio生成的圆形图标设置为Cordova项目?

icons android fill cordova

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

带有普通 HTML 的表单中单选输入中的多个值

我的目标是为我网站上的一个小组件创建一个表单来处理禁用的 JavaScript 体验。目前我有以下表格:

<form method="GET" action="https://mywebsite.com/somedirectory/">

    <input type="radio" id="uid1" name="someParam" value="fruity" />
    <label for="uid1">Fruit</label>

    <input type="radio" id="uid2" name="someParam" value="veggie" />
    <label for="uid2">Vegetable</label>

    ...other radio options

    <input type="submit" value="Submit" />
</form>
Run Code Online (Sandbox Code Playgroud)

单击任一单选选项,然后单击提交按钮将导致:

option 1: https://mywebsite.com/somedirectory/?someParam=fruity
option 2: https://mywebsite.com/somedirectory/?someParam=veggie
Run Code Online (Sandbox Code Playgroud)

如何为每个无线电选项添加另一个值?假设我想传递someOtherParam每个选项唯一的参数,我想将其作为选项的输出:

option 1: https://mywebsite.com/somedirectory/?someParam=fruity&someOtherParam=apple
option 2: https://mywebsite.com/somedirectory/?someParam=veggie&someOtherParam=pepper
Run Code Online (Sandbox Code Playgroud)

我尝试过的是:

<input type="radio" id="uid1" name="someParam" value="fruity&someOtherParam=apple" />
<input type="radio" id="uid2" name="someParam" value="veggie&someOtherParam=pepper" />
Run Code Online (Sandbox Code Playgroud)

但是,&符号被转换为%26链接内部,感觉太hacky了。有没有更好的方法来实现这一目标?另外,有没有办法确保仅在选择单选选项后才启用提交按钮?

PS 我的目标是纯 HTML 体验,不涉及 Javascript。那可能吗?

html forms input radio-button

8
推荐指数
1
解决办法
389
查看次数

React Native - FlatList 无法到达底部

我有一个面板,其中键盘始终处于打开状态,因为我不希望用户关闭它。在该面板中,我有一个 FlatList,如下所示:

<KeyboardAvoidingView style={{ flex: 1 }}>
      <FlatList
         // This keeps the keyboard up and disables the user's ability to hide it.
         keyboardShouldPersistTaps="handled"
         data={this.state.examples}
         keyExtractor={(item, index) => index.toString()}
         renderItem={this._renderItem}
         contentContainerStyle={{ flex: 1}}
      />
</KeyboardAvoidingView>
Run Code Online (Sandbox Code Playgroud)

到目前为止一切顺利,我已经实现了我想要的。但是,当键盘抬起时,它会隐藏 FlatList 呈现的项目的底部部分。用户无法向上滚动并查看最后的项目,因为他们位于键盘后面。

如何保持键盘打开(并禁用关闭功能),同时能够查看和滚动 FlatList 的全部内容?

javascript keyboard scrollview react-native

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

React Native - flex,ScrollView和动态高度不填充屏幕

我在ScrollView中有一个动态高度 - 在用户交互时,高度可以增加或减少.ScrollView已经flexGrow:1和里面的内容围绕一个View with flex: 1.

然而,当在面板底部降低高度时,我在底部得到一个白色的"过度滚动状空间",我只能通过向后拖动面板来移除它.(ps我有bounces={false} overScrollMode='never')

当屏幕降低高度时,如何删除过度滚动空间.

PS我希望forceUpdate因为有内容,我不希望丢失/更新.

native dynamic scrollview flexbox reactjs

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

Typescript - 将 ngModel 绑定到对象的属性

我有一个对象叫做user

let user = {};
Run Code Online (Sandbox Code Playgroud)

如何将输入绑定到未定义的属性?例如

<input [(ngModel)]="user.name" placeholder="Enter your name"></input>
Run Code Online (Sandbox Code Playgroud)

每当用户输入他的名字时,我都希望ngModel创建该对象的 undefined 属性并导致:

user = {name: "John"};
Run Code Online (Sandbox Code Playgroud)

这是否也可以在更深层次上完成?例如

<input [(ngModel)]="user.homeaddress.postcode" placeholder="Enter your post code"></input>
Run Code Online (Sandbox Code Playgroud)

以导致:

user = {name: "John", homeaddress: {postcode: "E20 1QS"}};
Run Code Online (Sandbox Code Playgroud)

javascript undefined typescript ngmodel angular

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

Firestore没有执行操作的权限

我正在尝试在 Firestore 中设置规则,如果每个人都经过身份验证进入应用程序,则每个人都可以读取彼此的内容,但只有文档所有者才能创建、写入、更新或删除它们。

我在 Firestore 中设置了以下规则:

rules_version = '2';

service cloud.firestore {
  match /databases/{database} {
    match /codes/{userID} {
      allow create, write, update, delete: if request.auth.uid == userID;
      allow read: if request.auth.uid != null;
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

我的 Firestore 结构是:

Collection 'codes' > Document 'BNhBibYZ0ThCNCH2gzPRufFsIk22' > nothing in here
Run Code Online (Sandbox Code Playgroud)

我的要求是:

firestore()
  .collection('codes')
  .doc(this.state.userID)
  .onSnapshot((querySnapshot) => {
    if (!querySnapshot) {
      let testObj = {"hello": "world"} 
      firestore().collection('codes').doc(this.state.userID).set(testObj);
    }
  });
Run Code Online (Sandbox Code Playgroud)

我收到的输出是:Error: [firestore/permission-denied] The caller does not have permission to execute the specified operation. …

javascript firebase firebase-security google-cloud-firestore

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

Javascript - 在单个字符串中的单独行上返回对象的值

我有以下对象:

const parent = {
   "name": "John",
   "age": 35,
   "relationship": "married"
}
Run Code Online (Sandbox Code Playgroud)

我想parent在单个字符串中的单独行上获取属性的所有值,例如:

John
35
married
Run Code Online (Sandbox Code Playgroud)

时间效率对我来说至关重要,因为我将使用数千个对象,每个对象具有超过10万个属性.

javascript string object

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

直接将 main 的参数传递给 write 函数

我有一个 C 程序,它已经接受了一个参数,将它存储到一个缓冲区中,然后将它传递给一个写函数:

main(int argc, char** argv) {

    ...

    char buff[1000];
    strcpy(buff, argv[1]);

    write(server_socket, buff, sizeof(buff));     

    ...

    return 0;
}
Run Code Online (Sandbox Code Playgroud)

如果我执行我的代码:./testCode "equinox",equinox将存储在缓冲区中,然后缓冲区将传递给write()函数。在这种情况下,一切都会按预期工作。

有没有办法跳过将参数存储在缓冲区中的部分,然后将其传递给 write()?

如果我做这样的事情是否正确:

write(server_socket, argv[1], sizeof(argv[1])); 
Run Code Online (Sandbox Code Playgroud)

我什至不确定这是否会按预期工作。

c c-strings sizeof strlen

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