小编Mic*_*hne的帖子

如何获取jQuery下拉值onchange事件

我添加了两个jQuery UI Dropdown Autocomplete脚本.现在我希望获得第二个下拉列表的值,并希望单独存储在变量中.怎么可能?

任何想法或建议?谢谢.

我的小提琴: 样品

我的JS代码:

(function($) {
            $.widget("ui.combobox", {
                _create: function() {
                    var self = this,
                    select = this.element.hide(),
                    selected = select.children(":selected"),
                    value = selected.val() ? selected.text() : "";
                    var input = this.input = $("<input>").insertAfter(select).val(value).autocomplete({
                        delay: 0,
                        minLength: 0,
                        source: function(request, response) {
                            var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
                            response(select.children("option").map(function() {
                                var text = $(this).text();
                                if (this.value && (!request.term || matcher.test(text)))
                                    return {
                                    label: text.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(request.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>"),
                                    value: text,
                                    option: this
                                }; …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-autocomplete jquery-ui-autocomplete

89
推荐指数
4
解决办法
50万
查看次数

HTML中的<script>标记位置是否会影响网页的性能?

如果脚本标记位于HTML页面正文的上方或下方,那么网站的性能是否重要?

如果在这之间使用如下:

<body>
..blah..blah..
<script language="JavaScript" src="JS_File_100_KiloBytes">
function f1() {
.. some logic reqd. for manipulating contents in a webpage
}
</script>
... some text here too ...
</body> 
Run Code Online (Sandbox Code Playgroud)

或者这更好吗?:

<script language="JavaScript" src="JS_File_100_KiloBytes">
function f1() {
.. some logic reqd. for manipulating contents in a webpage
}
</script>
<body>
..blah..blah..
..call above functions on some events like onclick,onfocus,etc..
</body> 
Run Code Online (Sandbox Code Playgroud)

还是这一个?:

  <body>
    ..blah..blah..
    ..call above functions on some events like onclick,onfocus,etc..
<script language="JavaScript" src="JS_File_100_KiloBytes">
    function f1() {
    .. some logic reqd. …
Run Code Online (Sandbox Code Playgroud)

html javascript optimization performance

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

Jinja变量的范围是否可以扩展到内部块?

我有以下Jinja模板:

{% set mybool = False %}
{% for thing in things %}
    <div class='indent1'>
        <ul>
            {% if current_user %}
              {% if current_user.username == thing['created_by']['username'] %}
                {% set mybool = True %}
                <li>mybool: {{ mybool }}</li> <!-- prints True -->
                <li><a href='#'>Edit</a></li>
              {% endif %}
            {% endif %}
            <li>Flag</li>
        </ul>
    </div>
    <hr />
{% endfor %}

{% if not mybool %}
    <!-- always prints this -->
    <p>mybool is false!</p>
{% else %}
  <p>mybool is true!</p>
{% endif %}
Run Code Online (Sandbox Code Playgroud)

如果在for …

variables templates scope jinja2

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

如何将前缀重新映射到CTRL + A后如何转到tmux中的行首?

按照Archlinux wiki中的建议,在关于tmux页面中,我重新命名了命令键前缀C-a,以模仿GNU屏幕并在键盘上使用更简单的东西C-b.所以我的.tmux.conf成了这个:

set -g default-terminal "screen-256color"
unbind C-b
set -g prefix C-a
set-window-option -g mode-keys vi
bind h select-pane -L
bind j select-pane -D
bind k select-pane -U
bind l select-pane -R
Run Code Online (Sandbox Code Playgroud)

但是,在屏幕中可以使用C-a a跳转到行的开头,这在tmux中不再起作用.作为旁注,我在没有tmux集成的情况下使用iTerm2.

有人知道如何解决这个问题吗?

谢谢!

macos terminal tmux

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

如何让Apache gzip压缩工作?

我无法让我的网站使用gzip压缩.

我最近在css-tricks.com 观看了Chris Coyier的这段视频.在视频中,他谈到了启用gzip压缩以使网站运行得更快.

根据他的指示,我通过html5boilerplate.com链接到github,从他们的.htaccess文件中复制gzip压缩代码,将其粘贴到我自己的文件中,并将其上传到我的网站.

我通过gzipwtf.com对它进行了测试,但似乎没有用.谁能帮我这个?

我的.htaccess文件如下所示:

# ----------------------------------------------------------------------
# Trim www
# ----------------------------------------------------------------------

RewriteEngine On
RewriteCond %{HTTP_HOST} !^orbitprint.com$ [NC]
RewriteRule ^(.*)$ http://orbitprint.com/$1 [L,R=301]

# ----------------------------------------------------------------------
# Gzip compression
# ----------------------------------------------------------------------

<IfModule mod_deflate.c>

  # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
  <IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
      SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
      RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
    </IfModule>
  </IfModule>

  # Compress all output labeled with one of the following MIME-types
  <IfModule mod_filter.c>
    AddOutputFilterByType DEFLATE application/atom+xml \
                                  application/javascript \
                                  application/json \
                                  application/rss+xml \ …
Run Code Online (Sandbox Code Playgroud)

apache .htaccess gzip mod-deflate

55
推荐指数
4
解决办法
11万
查看次数

Android - 如何决定是否在单独的进程中运行服务?

我正在开发一个Android应用程序,它可以在多个小时内收集传感器数据.为此,我们有一个收集传感器数据的服务(例如加速,GPS,......),进行一些处理并将它们远程存储在服务器上.

目前,此服务在一个单独的进程中运行(在清单中使用android:service =":background").这使活动和服务之间的通信变得复杂,但我的前任以这种方式创建了应用程序,因为他们认为将服务与活动分开会使其更稳定.

我想要运行一个单独的流程的更多事实原因.有什么好处?它真的运行得更稳定吗?如果服务器处于单独的进程中,那么服务器是否更不可能被服务器(为了释放资源)而被杀死?

我们的应用程序使用startForeground()和朋友来最小化被操作系统杀死的可能性.

Android文档对此并不十分具体,主要表明它取决于应用程序的用途;-)

TL; DR将长期运行的服务放在一个单独的进程(在Android中)的客观原因是什么?

service android process

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

Android服务:onBind(Intent)和onUnbind(Intent)只调用一次

我有活动和服务.当Activity启动时,startService()即使Activity被销毁,它也会调用以使此服务处于活动状态,并bindService()与此服务进行通信.

bindService()返回true,mService.onBind()被调用,也ServiceConnection.onServiceConnected()被调用.一切都有效.

当我通过按Back键销毁我的Activity时,它会调用unbindService(),然后调用我的Activity mService.onUnbind().(我回来falseonUnbind().)

然后我重新开始这个活动,bindService()返回true,然后mService.onBind()叫!但也ServiceConnection.onServiceConnected()被召唤,一切都有效.

看起来Dalvik记得我onBind()上一次回​​来了什么,只是不再打电话onBind().当我再次破坏我的活动时,onUnbind()不会被召唤.

我可以多次绑定和取消绑定此服务到我的Activity,但是在我通过解除绑定和调用来销毁Service之前,不会再调用这些方法stopService().

在文档中,我无法找到对此行为的任何解释.相反,这个数字表明,onBind()onUnbind()应该叫每个客户绑定时间和取消绑定服务.此图可以在本开发指南的底部找到.

service binding android

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

优化(移动)浏览器中用于CSS3 HW GPU加速的基于SVG的精灵表

在过去的一周里,我一直在帮助朋友在浏览器中试验基于SVG的精灵表.我们希望在浏览器中提供理想的工作流程来准备,发布和运行高质量的动画图形.因此,理想情况下,单个动画数据源可用于小型智能手机屏幕,平板电脑,视网膜显示器和桌面浏览器.

理论上,(基于矢量的)SVG应该是理想的,但由于SVG通常不常用 - 我们决定测试它.我的想法不是使用SMIL SVG(因此没有基于SVG的动画),而是创建一个动画精灵表(正如您通常使用栅格数据PNG/JPG),但使用纯矢量即SVG.它有点大,但如果它有效 - 它甚至可以用更优化的东西工作.

加上逐帧矢量动画可以为我们的工作流做很多事情 - 它允许我们使用Flash编辑器来制作动画,然后将它们导出到SVG精灵表.

无论如何,结果出奇的好但在某些方面也失败了(请注意,出于测试目的,我们只使用基于Webkit的浏览器,即Safari,Chrome,iOS上的移动Safari和Android ICS).

在CSS中,很容易为这样的精灵表触发硬件加速(至少在具有关键帧和步骤的现代浏览器中) - 你只需这样做:

background-image: url(my.svg);
-webkit-animation: walk 1s steps(12, end) infinite; 
Run Code Online (Sandbox Code Playgroud)

调用此处显示的基于关键帧的动画:

@-webkit-keyframes walk {
    from { -webkit-transform: translate3d(0, 0, 0); }
    to { -webkit-transform: translate3d(-100%, 0, 0); }          
}
Run Code Online (Sandbox Code Playgroud)

使用translate3d应该让GPU启动,整个过程应该是iOS移动Safari和Android ICS浏览器中的硬件加速.

令人惊讶的是,考虑到它是一种蛮力技术和相当大的矢量动画(600x600px用于测试) - 整个事情过得很快.但它并不完美 - 它在起飞前在Safari中闪烁.并且在ICS浏览器中它一直闪烁,所以它不是真的可用.

所以我们尝试了通常的技巧来摆脱闪烁,例如:

-webkit-transform: translateZ(0);    
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
Run Code Online (Sandbox Code Playgroud)

但那没用.那么我们尝试在内存中动态栅格化SVG并将其用作-webkit-transform的纹理:scale3d(1,1,0),但这对以太没有帮助.

最后,我们用相同大小的渲染出的PNG/JPG精灵表替换了SVG,认为复杂的矢量对于浏览器来说太多了 - 但是猜猜是什么?它也是同样的问题 - 所以它根本不是SVG渲染 - 它是一个浏览器绘图问题.进一步证明,如果我们将动画减慢到1FPS - 闪烁仍然存在.

图像对GPU来说太大了吗?我们是否达到了您在浏览器(特别是移动设备)中舒适绘制/动画的性能限制?

我真的很感激如何摆脱闪烁的想法/黑客(特别是因为它表现得太快).它只是一种很有前途的技术 - 适应不同屏幕大小的高性能浏览器动画 - …

html5 svg webkit mobile-safari css3

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

如何从一组已定义的描述符动态构建新的protobuf?

在我的服务器上,我们收到了自我描述的消息(这里定义 ......因为在c ++中没有任何'好'的例子),这并不是那么简单.

在这一点上,我没有问题从这些自我描述的消息中创建消息.我可以使用FileDescriptorSet,遍历每个FileDescriptorProto,将每个文件添加到DescriptorPool(使用BuildFile,它也为我提供了每个定义的FileDescriptor).

从这里我可以创建在FileDescriptorSet中定义的任何消息,其中DynamicMessageFactory与DP一起实例化并调用GetPrototype(这很容易,因为我们的SelfDescribedMessage需要消息full_name(),因此我们可以调用FindMessageTypeByName方法DP,给我们正确编码的Message Prototype).

问题是如何获取每个已定义的描述符或消息,并动态构建包含所有已定义消息的"主"消息作为嵌套消息.这主要用于保存消息的当前状态.目前我们只是通过实例化服务器中每种消息的类型来处理这个问题(以保持不同程序的中心状态).但是当我们想要"保存"当前状态时,我们不得不按照此处的定义将它们流式传输到磁盘.它们一次流式传输一条消息(带有大小前缀).我们希望有一条消息(一条用于统治所有消息)而不是单独消息的稳定流.一旦解决了这个问题,它就可以用于其他事情(基于网络的共享状态,优化和简单的序列化)

由于我们已经有了交叉链接和定义的描述符,人们会认为有一种简单的方法可以从那些已定义的消息构建"新"消息.到目前为止,解决方案已经提到了我们.我们已经尝试创建我们自己的DescriptorProto并从已经定义的描述符中添加该类型的新字段但是迷路了(还没有深入研究这个).我们还看过可能会将它们添加为扩展名(目前未知如何).我们是否需要创建自己的DescriptorDatabase(此时还不知道如何操作)?

任何见解?


BitBucket上的链接示例源.


希望这个解释会有所帮助.

我试图从一组已定义的消息动态构建一个消息.已经定义的消息集是使用官方c ++ protobuf教程中(简要说明)解释的"自描述"方法创建的(即这些消息在编译形式中不可用).需要在运行时创建此新定义的消息.

尝试使用每个消息的直接描述符并尝试构建FileDescriptorProto.试过看过DatabaseDescriptor方法.两个都没有运气.目前正试图将这些定义的消息添加为另一条消息的扩展(即使在编译时那些定义的消息,并且它们的'描述符集'也没有被分类为扩展任何内容),这是示例代码开始的地方.

c++ dynamic protocol-buffers

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

text-overflow:省略号在IE上不起作用

页面中,左侧边栏中有一些链接被裁剪:

.widget-area .textwidget li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
Run Code Online (Sandbox Code Playgroud)

在Firefox/Chrome中,它显示正确: Firefox/Chrome的屏幕截图

不幸的是Internet Explorer 8/9/10 ...: IE 10的屏幕截图

问题不是IE 10支持文本溢出:省略号..例如,这也适用于IE 10!我的实施有什么问题?我还尝试添加-ms-text-overflow:省略号,没有任何运气.

css internet-explorer overflow css3

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