小编Goe*_*rid的帖子

Safari 中的 SVG 图标模糊

我注意到通过 'img' 标签放置的 svg 图标在 safari 中没有正确呈现。他们最终都变得模糊了。我创建了一个简单的 html 页面并使用不同的方法多次粘贴相同的 svg 图标:

在此处输入图片说明

我有点沮丧,为什么 'img' 标签会降低图标的质量?

先感谢您!

编辑:我创建了一个演示

html css safari svg ios

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

在jquery click事件中将参数传递给回调函数

直接的业务:

我有一个jquery事件监听器,如下所示:

$(".number").click(printNumber);
Run Code Online (Sandbox Code Playgroud)

和回调函数:

function printNumber(number){
   console.log(number);
}
Run Code Online (Sandbox Code Playgroud)

我想知道我是否可以将一个参数传递给回调,所以它看起来像这样

$(".number").click(printNumber(number));
Run Code Online (Sandbox Code Playgroud)

(我知道它会立即调用该函数,但仍然有一种方法可以将参数传递给它)

先感谢您!

javascript jquery callback jquery-callback

7
推荐指数
2
解决办法
8406
查看次数

如何在react-native中动态加载模块?

我目前正在努力在我的本机应用程序中添加对Sentry.io的支持。我使用react-native-sentry软件包,并且有一个要求:例如,仅当某些常数设置为true时,才应导入该软件包SHOULD_USE_SENTRY。所有岗哨配置存储在一个单独的文件,该文件还公开2点的方法:setupSentrycaptureException其在该应用程序的根用在componentDidMountcomponentDidCatch分别。如何动态加载根组件的方法,这样,当值SHOULD_USE_SENTRYfalse我不会叫我的方法后,引发的错误?我希望我的问题描述得足够清楚。

javascript ecmascript-6 reactjs react-native es6-modules

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

React-native,在 android 上使用全屏图像

我刚刚开始开发一个新的应用程序,并立即遇到了问题。

这里,右边的ios,背景成功覆盖了整个屏幕,包括顶部栏和底部导航。但是,在 android 上,这不会发生。

比较

这是我的代码:

import React from 'react';
import { ImageBackground, Text, View, SafeAreaView, StyleSheet } from 'react-native';
import Button from "./src/components/Button";

const Explore = ({}) => {
  return (
    <ImageBackground
      style={s.background}
      source={require('./src/assets/images/explore.png')}
    >
      <SafeAreaView style={s.safeArea}>
        <View style={s.wrapper}>
          <View style={s.header}>
            <Text style={s.title}>Explore</Text>
            <Text style={s.subTitle}>new amazing countries</Text>
          </View>

          <View style={s.spacer} />

          <View style={s.controls}>
            <Button
              style={s.button}
              label="Log in"
            />
          </View>
        </View>
      </SafeAreaView>
    </ImageBackground>
  );
};

const s = StyleSheet.create({
  background: {
    width: '100%',
    height: '100%',
  },
  safeArea: {
    flex: 1,
  }, …
Run Code Online (Sandbox Code Playgroud)

javascript android ios reactjs react-native

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

THREE.js不在浏览器中呈现

我正在看使用THREE.js库创建太阳系的教程。但是,我在浏览器的窗口中看不到结果。您能帮我发现代码中的错误吗?

这是代码:

<!doctype html>
   <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Solar System - Intro (1)</title>
        <script src="three.min.js"></script>
    </head>

<body>

<script>
    var scene, camera, render, container, W, H;

    W = parseInt(document.body.clientWidth);
    H = parseInt(document.body.clientHeight);

    container = document.createElement('div');
    document.body.appendChild(container);

    camera = new THREE.PerspectiveCamera(45, W / H, 1, 10000);
    camera.position.z = 4300;
    scene = new THREE.Scene();

    // Sun
    var sun, sun_geom, sun_mat;
    sun_geom = new THREE.SphereGeometry(430, 30, 30);
    sun_mat = new THREE.MeshNormalMaterial();
    sun = new THREE.Mesh(sun_geom, sun_mat);
    scene.add(sun);

    render = new THREE.CanvasRenderer();
    render.setSize(W, H); …
Run Code Online (Sandbox Code Playgroud)

javascript browser three.js

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

将事件绑定到Vue.js中的窗口

我对Vue.js很陌生。最近,我在一个组件中的窗口上附加/分离键盘事件遇到了问题。这是我的方法:

created() {
  this.initHotkeys();
},

beforeDestroy() {
  this.discardListeners();
},

methods: {
  initHotkeys() {
    window.addEventListener('keyup', this.processHotkey.bind(this));
    window.addEventListener('keydown', this.removeDefaultBehavior.bind(this));
  },

  discardListeners() {
    window.removeEventListener('keyup', this.processHotkey.bind(this));
    window.removeEventListener('keydown', this.removeDefaultBehavior.bind(this));
  },

....
Run Code Online (Sandbox Code Playgroud)

事件会附加并启动,不会出现任何问题。但是,当我切换组件时,事件仍然保持附加到窗口。经过一堆尝试,我发现如果我.bind(this)从所有回调中删除该部分,则事件将成功分离。

谁能解释一下为什么会这样?

先感谢您!

javascript events bind addeventlistener vue.js

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