小编jba*_*sta的帖子

当列表包含太多dom元素时,页面会冻结标签

我有一个包含两列的网页,一个带导航栏和页脚的页眉.

左列用于列出三个不同选项卡中的项目.每个选项卡都包含其项目的类型.

右侧包含一个或多个显示项目的地图.

选择包含太多元素的选项卡时会发生此问题.

它冻结了交互(突出显示,添加/删除DOM和动画),打破了它的响应能力.

即使它不是与所选标签的交互(即鼠标悬停在导航栏链接上).

但是,当所选标签的项目较少时,页面的响应性很好.

我创建了一个尖峰解决方案来向您展示我在说什么.

请你记住,这是我的问题的一个更简单的版本.这只是一个举例说明我的案例.

$('#nav-tabs a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
});

$('#addBox').on('click', function () {
  $("#content").append("<div class='box pull-left'></div>");
});

$('#newPapper').on('click', function () {
  $("#content").empty();
});


$('#addOne').on('click', function () {
  $("#home div.panel-default").append(createContactDom());
});

$('#addThousand').on('click', function () {
  var dom = "";
  for(var i = 5000; i > 0; i--){
    dom+=createContactDom();
  }
  $("#home div.panel-default").append(dom);
});

$('#clean').on('click', function () {
  $("#home div.panel-default").empty();
});

function createContactDom(){

  var age = Math.round(Math.random()*100);
  var birthday = moment().subtract(age, 'years');
  var isFemale …
Run Code Online (Sandbox Code Playgroud)

html css optimization dom responsive-design

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

在OpenCL内核中创建本地数组动态

我有一个OpenCL内核需要将数组作为多个数组处理,其中每个子数组和保存在本地缓存数组中.

例如,想象一下fowling数组:

[[1, 2, 3, 4], [10, 30, 1, 23]]
Run Code Online (Sandbox Code Playgroud)
  • 每个工作组都有一个数组(例如,我们有2个工作组);
  • 每个工作项处理两个数组索引(例如,将值索引与local_id相乘),其中工作项结果保存在工作组共享数组中.

    __kernel void test(__global int **values, __global int *result, const int array_size){
        __local int cache[array_size];
    
        // initialise
        if (get_local_id(0) == 0){
            for (int i = 0; i < array_size; i++)
                cache[i] = 0;
        }
    
        barrier (CLK_LOCAL_MEM_FENCE);
    
        if(get_global_id(0) < 4){
            for (int i = 0; i<2; i++)
                cache[get_local_id(0)] += values[get_group_id(0)][i] * 
                                                             get_local_id(0);
        }
    
        barrier (CLK_LOCAL_MEM_FENCE);
    
        if(get_local_id(0) == 0){
            for (int i = 0; i<array_size; i++)
                result[get_group_id(0)] += cache[i];
        }
    } …
    Run Code Online (Sandbox Code Playgroud)

memory-management gpgpu opencl pyopencl

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

无法获取数据源。不能在JBoss 5.1中使用JPA EntityManager(EclipseLink)

在JBoss Server中使用JPA(EclipseLink)时,我面临许多困难。我通常使用Tomcat,这很简单...

  1. 我将mysql-ds.xml从/jboss-5.1.0.GA/docs/examples/jca复制到/jboss-5.1.0.GA/servers/default/deploy/,然后对其进行配置。

mysql-ds.xml文件:

<?xml version="1.0" encoding="UTF-8"?>
<datasources>
  <local-tx-datasource>
    <jndi-name>EDeliveryUnit</jndi-name>
    <connection-url>jdbc:mysql://localhost:3306/edelivery_db</connection-url>
    <driver-class>com.mysql.jdbc.Driver</driver-class>
    <user-name>root</user-name>
    <password>root</password>
    <exception-sorter-class-name>org.jboss.resource.adapter.jdbc.vendor.MySQLExceptionSorter</exception-sorter-class-name>
    <check-valid-connection-sql>SELECT * FROM systemuser</check-valid-connection-sql>
    <metadata>
       <type-mapping>mySQL</type-mapping>
    </metadata>
  </local-tx-datasource>
</datasources>
Run Code Online (Sandbox Code Playgroud)
  1. 然后,我在WebApplication中配置了persistence.xml。

persistence.xml:

<?xml version="1.0" encoding="UTF-8" ?>
<persistence xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/persistence http://java.sun.com/xml/ns/persistence/persistence_2_0.xsd"
version="2.0" xmlns="http://java.sun.com/xml/ns/persistence">
<persistence-unit name="edeliveryPU"
    transaction-type="RESOURCE_LOCAL">
    <jta-data-source>jdbc/EDeliveryUnit</jta-data-source>
    <non-jta-data-source>jdbc/EDeliveryUnit</non-jta-data-source>
    <class>pt.inov.spocs.board.server.model.entity.SystemUser</class>
    <class>pt.inov.spocs.board.server.model.entity.UserSession</class>
    <properties>
        <property name="javax.persistence.jdbc.driver" value="com.mysql.jdbc.Driver" />
        <property name="javax.persistence.jdbc.url" value="jdbc:mysql://localhost:3306/edelivery_db" />
        <property name="javax.persistence.jdbc.user" value="root" />
        <property name="javax.persistence.jdbc.password" value="root" />
        <property name="eclipselink.jdbc.batch-writing" value="JDBC" />
        <property name="eclipselink.ddl-generation" value="drop-and-create-tables" />
    </properties>
</persistence-unit>
Run Code Online (Sandbox Code Playgroud)

最后,我实例化EntityManager:

private EntityManagerFactory emf;
private EntityManager em;

public Controller() { …
Run Code Online (Sandbox Code Playgroud)

jboss jpa eclipselink jboss5.x

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

Rails i18n - 如何翻译模型的枚举

我有以下型号:

class Person < ActiveRecord::Base
  enum gender: [:female, :male]
  ...
end
Run Code Online (Sandbox Code Playgroud)

然后我将性别选择添加到其表单中,如下所示:

<%= form_for ([@person]) do |f| %>
  ...
  <div class="form-group">
    <%= f.collection_radio_buttons :gender, Person.genders, :first, :first %>
  </div>
  ...
<% end %>
Run Code Online (Sandbox Code Playgroud)

但不是将常量显示为字符串,而是将其翻译为葡萄牙语.

我已经尝试将它添加到人们的pt.yml文件中但是没有用.

pt:
 activerecord:
   attributes:
     female: Feminino
     male: Mascúlino
Run Code Online (Sandbox Code Playgroud)

我知道这个问题非常类似于如何使用i18n和Rails 4枚举,但这个问题已经标记为已回答,我正在寻找更好,更简单的解决方案......

感谢您抽出宝贵时间帮助我:)

enums localization ruby-on-rails internationalization ruby-on-rails-5

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

在Rails中创建HTML锚

我正在尝试创建指向特定页面部分ID的链接。

就像波纹管的html,但我想改用rails ...

<a id="tips">Useful Tips Section</a>

<a href="#tips">Visit the Useful Tips Section</a>
Run Code Online (Sandbox Code Playgroud)

如何在link_to函数中指定“ #tips”?还是应该创建一个特定的路线?怎么样?

提前致谢

html ruby-on-rails ruby-on-rails-3

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

将每个列表项复制到另一个列表项attribut

是否有一种简单的方法,最重要的是,更优化的方法来执行fowling代码:

class Chair{
    int numberOfLegs=4;
}

class House{
    Chair chair;
    String name="My Home";
}

// add chairs to each house
IList<Chair> chairs = new List<Chair>(10); // let us imagine that we have 10 different chairs...

// Code to replace:
IList<House> houses = new List<House>(chairs.Count());
for (int i = 0; i < houses.Count(); i++){
    houses[i].chair = chairs[i]
}
Run Code Online (Sandbox Code Playgroud)

.net c# optimization

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