小编Cys*_*ack的帖子

svg中的简单填充图案:对角线阴影线

我如何填充SVG形状,而不是单色,图像或渐变,但如果可能的话,使用阴影图案,对角线.

已经2个小时了,我什么都没发现(至少在2005年之后).

我认为一个可能的黑客将是一个孵化的PNG,可以作为填充,但这并不理想.

svg

64
推荐指数
7
解决办法
5万
查看次数

检测文本中单击的单词

我正在构建一个JS脚本,在某个点上,它可以在给定页面上允许用户单击任何单词并将该单词存储在变量中.

我有一个非常难看的解决方案,并使用jQuery进行类解析:我首先解析整个html,拆分每个空间的所有内容" ",并重新附加包含在a中的所有内容<span class="word">word</span>,然后我添加一个带有jQ的事件来检测点击次数这样一个类,并使用$(this).innerHTML我得到点击的单词.

这在很多方面都是缓慢而丑陋的,我希望有人知道另一种方法来实现这一目标.

PS:我可能会考虑将其作为浏览器扩展程序运行,所以如果单纯的JS听起来不可能,并且如果您知道允许的浏览器API,请随时提及它!

一个可能的owrkaround将是让用户突出显示单词而不是单击它,但我真的希望能够通过只需单击即可实现相同的功能!

html javascript parsing

38
推荐指数
5
解决办法
2万
查看次数

使用方法将JSON字符串转换为对象

我有一个应用程序,允许用户生成对象,并将它们(在MySQL表中,作为字符串)存储供以后使用.对象可能是:

function Obj() {
    this.label = "new object";
}

Obj.prototype.setLabel = function(newLabel) {
    this.label = newLabel;
}
Run Code Online (Sandbox Code Playgroud)

如果我在这个对象上使用JSON.stringify,我将只获取有关信息Obj.label(字符串化对象将是一个字符串{label: "new object"}.如果我存储此字符串,并希望以后允许我的用户检索该对象,该setLabel方法将丢失.

所以我的问题是:如何重新实例化对象,以便通过JSON.stringify保存属性,还可以获取应该属于其原型的不同方法.你会怎么做?我在考虑"创建一个空白对象"并"将其与存储的属性合并",但我无法使其工作.

javascript oop

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

如何使SVG文本元素"点击通过"?

我有一个带有SVG文本元素的地图来命名位置.我希望位置(形状)是可点击的,它们是,但因为文本元素位于它们之上,如果有人将鼠标悬停在文本元素上并单击,则没有任何反应,因为没有单击形状:文本元素是.我怎样才能这样做,如果单击文本元素,点击会"通过"它和形状?

javascript svg

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

javascript postMessage无效

我不知道该怎么办.我尝试了不同来源的几个示例代码,我在不同的浏览器中尝试过它们(从Chrome 9到FF 4),似乎仍然没有使用"postMessage"功能.JS控制台没有给我什么,没有一个错误,仍然没有发生任何事情:框架不想通信.完全没有.这甚至不是跨域的:两个帧都来自我的域名.

以下是上次尝试的示例代码:父框架:

<iframe src="IFRAME_URL"></iframe>
<script>
    window.addEventListener( "message",
      function (e) {
            if(e.origin !== 'DOMAIN'){ return; } 
            alert(e.data);
      },
      false);
</script>
Run Code Online (Sandbox Code Playgroud)

儿童框架:

<html>
<head></head>
<body>
    <script>
        top.postMessage('hello', 'DOMAIN');
    </script>
</body>
Run Code Online (Sandbox Code Playgroud)

非常感谢,非常感谢

javascript iframe postmessage

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

HTML5 Canvas:从形状到对象?

我已经修补 html5 canvas 元素有一段时间了。它非常有用,但我感觉非常非常有限,因为我显然无法用对象(不是原生的)组织画布。

例如,如果我绘制一个矩形或任何其他形状,我真的会发现能够在脚本中的其他位置访问其不同属性很有用。相反,它们似乎只是保留了绘图,您必须手动跟踪画布上的内容,并清除它并在您想要更改任何内容时再次重写。

我的问题是:我错过了什么吗?JavaScript 是否为我们提供了处理画布内对象的方法?如果没有,是否有图书馆已经这样做了?你说哪一个最好?

javascript object html5-canvas

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

表中给定值的最大出现次数

我有一个表(很大的一个)有很多列,其中两个是"post"和"user".对于给定的"帖子",我想知道哪个"用户"发布最多.

我首先考虑获取所有条目WHERE(post ='wanted_post'),然后抛出一个PHP hack来查找我得到的最大"用户"值,但考虑到我的表的大小,以及我对MySQL的了解不足微妙的调用,我正在寻找一种纯MySQL的方式来获得这个值(基本上在给定的"帖子"上发布最多的"用户"id).

可能吗 ?或者我应该依靠混合SQL-PHP解决方案?

谢谢,Cystack

mysql

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

由于依赖失败,Ubuntu 11.10 不会安装 Nginx (libssl1.0.0)

当我询问apt-get install nginx-full时,我不断收到此错误

Les paquets suivants contiennent des dépendances non satisfaites :
 nginx-full : Depends: libssl1.0.0 (>= 1.0.1) mais 1.0.0e-2ubuntu4.7 devra être installé
Run Code Online (Sandbox Code Playgroud)

它是法语,我找不到完全等效的英语,但它说依赖项不满足(?)并且应该安装 1.0.0e-2ubuntu4.7。

我试过apt-get更新,升级,没有任何效果。

nginx

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

路由更改后停止事件监听

在我的一个组件中,我监听键盘事件,一些键会触发某些行为。

但是,一旦路由发生变化并且用户导航到另一个组件,我就不再想对键盘事件做出反应。实现这一点的唯一方法是将我的事件侦听器移动到更高阶的组件并根据当前活动路由有条件地对事件做出反应或丢弃事件吗?

这是我的最高阶组件:

class AppRouter extends Router {
  render() {
    return (
      <Router>
        <div>
          <ul>
            <li><Link to="/">Explorer</Link></li>
            <li><Link to="/charts">Charts</Link></li>
          </ul>

          <hr/>

          <Route exact path="/" component={Viewer}/>
          <Route path="/charts" component={Charts}/>
        </div>
      </Router>
    );
  }
}

class App extends Component {
  render() {
    return (
      <div className="App">
        <AppRouter />
      </div>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

和我的事件侦听器,在 Viewer 组件中找到,但我不想在其他任何地方都处于活动状态:

  handleKeyDown(e) {
    if (e.which === 37)
      return this.fetchSibling('next');
    if (e.which === 39)
      return this.fetchSibling('previous');
  }

  componentWillMount() {
    document.addEventListener('keydown', this.handleKeyDown.bind(this));
  }
Run Code Online (Sandbox Code Playgroud)

reactjs react-router

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